LVGL 遵循 CSS 的 border-box 模型。 对象的“盒子”由以下部分构成:

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

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐