③最右侧是属性编辑区，我们可以通过属性编辑对当前组件进行样式修改，注册事件以及修改组件的一些内部属性 。
文章插图
上手体验 首先在左侧拖拽一个view视图容器，鼠标长按view组件拖拽到中间的画布区域中 ， 然后松开鼠标 。可以看到在画布中有一个绿色的小框，这个就是生成view组件，接下来将当前容器组件中再拖拽一个text的文本组件 。
接下来我们再去修改组件 ， 先修改当前文本外面的view容器组件 。
- 选中view组件，然后在右侧的样式中找到高度选项填写高度200px，这样它的高度变为了200像素；
- 接下来修改组件的背景颜色，找到下面的背景颜色，填充方式分为颜色填充、背景填充，颜色填充就是使用十六进制的色号填充；背景填充是让组件背景是一张图片 。我们这里选择颜色填充，可以看到当前的微有容器变成一个天蓝色 。
文章插图
- 布局属性，除了修改尺寸大小之外 ， 还可以修改它的主轴方向，主轴对齐、副轴对齐以及是否换行 ， 这个就是我们的flex布局，我们可以通过这些配置项选择它的对接方式 。
文章插图
- 修改元素内外边距 ， 这里设置margin-top属性20px，那他距离顶部的距离就变成了20像素，然后下面的定位当前元素是默认有一个相对定位，然后可以使用相对定位和绝对定位，对当前元素进行位置的固定 。
文章插图
- 下面就是设置字体 ， 我们选中文本组件，修改它的字号，这里输入24像素，可以看到文本的字体变大，然后也可以修改它行高，还有它的自重也就是粗细，然后点击修改文本颜色 。
文章插图
推荐阅读
![江湖悠悠将财物交给王忠和私吞怎么选,[图文攻略]](/images/defaultpic.gif)
- 原神潜能焕发第二天怎么通关
- LeetCode - 二维数组及滚动数组
- 华为眼镜三代和二代有哪些区别-华为眼镜对比
- 干洗店设备二手的一套多钱 二手干洗店设备 ***
- 命带寡宿和华盖什么意思，二者具相似性
- 二次购房要交多少税
- 二百元档位的蓝牙耳机行不行 蓝牙耳机一般多少钱
- 喝茶发朋友圈的精美句子 发朋友圈的精美句子二字
- 职高高一数学教案 职高高二数学教案模板
- 高二年级数学优秀教案