Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
78652ec5
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
提交
78652ec5
编写于
1年前
作者:
H
HelloCrease
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
HelloCrease
<
lian15@huawei.com
>
上级
5d34ee2b
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
3 addition
and
3 deletion
+3
-3
zh-cn/application-dev/ui/arkts-layout-development-overview.md
...n/application-dev/ui/arkts-layout-development-overview.md
+3
-3
zh-cn/application-dev/ui/figures/layout-element-omposition.png
.../application-dev/ui/figures/layout-element-omposition.png
+0
-0
未找到文件。
zh-cn/application-dev/ui/arkts-layout-development-overview.md
浏览文件 @
78652ec5
...
...
@@ -35,11 +35,11 @@
-
组件区域(蓝区方块):组件区域表明组件的大小,width、height属性设置该区域的大小。
-
组件内容区(黄色方块):组件区域大小减去组件的
P
adding值,组件内容区大小会作为组件内容(或者子组件)进行大小测算时的布局测算限制。
-
组件内容区(黄色方块):组件区域大小减去组件的
p
adding值,组件内容区大小会作为组件内容(或者子组件)进行大小测算时的布局测算限制。
-
组件内容(绿色方块):组件内容本身占用的大小,比如文本内容占用的大小。组件内容和组件内容区不一定匹配,比如设置了固定的width和height,此时组件内容区大小就是设置的width和height减去
P
adding值,但文本内容则是通过文本布局引擎测算后得到的大小,可能出现文本真实大小小于设置的组件内容区大小。当组件内容和组件内容区大小不一致时,align属性生效,定义组件内容在组件内容区的对齐方式,如居中对齐。
-
组件内容(绿色方块):组件内容本身占用的大小,比如文本内容占用的大小。组件内容和组件内容区不一定匹配,比如设置了固定的width和height,此时组件内容区大小就是设置的width和height减去
p
adding值,但文本内容则是通过文本布局引擎测算后得到的大小,可能出现文本真实大小小于设置的组件内容区大小。当组件内容和组件内容区大小不一致时,align属性生效,定义组件内容在组件内容区的对齐方式,如居中对齐。
-
组件布局边界(虚线部分):组件通过
Margin属性设置外边距时,组件布局边界就是组件区域加上M
argin的大小。
-
组件布局边界(虚线部分):组件通过
margin属性设置外边距时,组件布局边界就是组件区域加上m
argin的大小。
## 如何选择布局
...
...
This diff is collapsed.
Click to expand it.
zh-cn/application-dev/ui/figures/layout-element-omposition.png
查看替换文件 @
5d34ee2b
浏览文件 @
78652ec5
52.8 KB
|
W:
0px
|
H:
0px
21.6 KB
|
W:
0px
|
H:
0px
2-up
Swipe
Onion skin
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录
新手
引导
客服
返回
顶部