第9天 | 鸿蒙App开发实战，XML创建布局，共性很重要

XML声明布局的方式更加简便直观，是开发App的核心内容之一，咱们完全有必要搞清楚。每一个Component和ComponentContainer对象大部分属性都支持在XML中进行设置，它们有各自的XML属性，也有共同的属性。

这一节说一下组件共同的属性，至于有"个性"的内容，在介绍具体组件时，再详细讲解。所有组件都有的属性，如下：

1. ID

ohos:id="$+id:text"

组件唯一编号，可用于区分不同的组件。尤其在DependentLayout布局中，组件之间需要描述相对位置关系，描述时要通过ID来指定对应组件。

在Java类中，是通过组件ID，查找组件的，如果ID名相同，会返回第一个组件，因此你要保证ID的唯一性，避免出现与预期不符合的问题。

2. 布局参数

为必选属性，值可为数字，也可为match_parent等。

ohos:width="20vp"
ohos:height="10vp"

具体的数值：10（以像素为单位）、10vp（以屏幕相对像素为单位）。

match_parent：表示组件大小将扩展为父组件允许的最大值，它将占据父组件方向上的剩余大小；

match_content：表示组件大小与它的内容占据的大小范围相适应。

ohos:min_width="10vp"
ohos:min_height="8vp"

min_width用于调整组件的最小宽度，min_height用于调整组件的最高度。

3. 前景背景

值可为图片，也可以为颜色值。

ohos:background_element="$media:bg"
ohos:foreground_element="#FFFFFF"

找一张背景图，放到media目录下，并在ability_main.xml文件中进行引用，运行虚拟机之后，效果如下：

4. 边距

外边距：清除周围的（外边框）元素区域，没有背景颜色，是完全透明的。

 ohos:margin="10vp"

margin 可以一次性改变所有上下左右的外边距。如果要单独设置某个外边距，可用如下中的一个或多个。

ohos:top_margin="10vp"
ohos:bottom_margin="10vp"
ohos:left_margin="10vp"
ohos:right_margin="10vp"

内边距：用于在任何定义的边界内的元素内容周围生成空间。

ohos:padding="8vp"

padding可以一次性改变所有上下左右的内边距。如果要单独设置某个内边距，可用如下中的一个或多个。

ohos:top_padding="8vp"
ohos:bottom_padding="8vp"
ohos:left_padding="8vp"
ohos:right_padding="8vp"

外边距和内边距的示意图如下所示：

好了，组件共性说完了，关注我，下一节更精彩。学开发鸿蒙App，不是每个人都能找到这里的，恭喜你找到了老陈。一个当了10多年技术总监的老家伙，总爱在今日头条@老陈说编程上，分享Python、Java和App(Android、iOS和鸿蒙)方面的干货。关注我，你就赚翻了

#鸿蒙##程序员##APP##好平台好讲师##安卓#