LVGL (3) 盒子模型
·
LVGL 遵循 CSS 的 border-box 模型。 对象的“盒子”由以下部分构成:
- 边界(bounding):元素的宽度/高度围起来的区域(整个盒子)。
- 边框(border):边框有大小和颜色等属性(相当于盒子的厚度和它的颜色)。
- 填充(padding):对象两侧与其子对象之间的空间(盒子的填充物)。
- 内容(content):如果边界框按边框宽度和填充的大小缩小,则显示其大小的内容区域(盒子实际装东西的区域)。
- 轮廓(outline) :LVGL中没有外边距(margin)的概念(盒子之间的距离),确认代之的是轮廓(outline)。它是绘制于元素(盒子)周围的一条线,它不占据空间,位于边框边缘的外围,可起到突出元素(盒子)的作用。在浏览器里,当鼠标点击或使用Tab键让一个选项或者一个图片获得焦点的时候,这个元素就会多了一个轮廓框围绕。轮廓(outline)
- LVGL的盒子模型是我们理解对象(部件)的组成,修改对象的样式,实现对对象的布局、处理对象排列等等的关键。
更多推荐
已为社区贡献17条内容
所有评论(0)