LVGL 样式系统 · 课程目录

LVGL样式系统概述什么是样式 · 样式作用 · 与主题关系

样式属性详解 (上)背景 · 渐变 · 圆角 · 边框宽度

样式属性详解 (中)边框 · 轮廓 · 边距

样式属性详解 (下)文本 · 阴影 · 行高

样式状态与伪类按下 · 焦点 · 禁用 · 组合

样式继承与层叠优先级 · 继承 · 层叠顺序

样式过渡与动画过渡 · 关键帧 · 缓动函数

样式变换平移 · 旋转 · 缩放 · 倾斜

样式选择器类/ID/后代/组合选择器

样式主题系统创建 · 切换 · 动态加载

样式自定义属性CSS变量 · 自定义属性应用

样式调试工具内置调试器 · 样式查看器

按钮样式美化实战从默认到精美按钮

标签与文本样式美化字体排版 · 多行 · 富文本

输入框样式美化光标 · 占位符 · 状态反馈

滑块与进度条样式自定义滑块 · 渐变进度条

开关与复选框样式自定义开关 · 复选框动画

列表与表格样式斑马纹 · 悬停 · 边框

图表样式美化折线图 · 柱状图 · 饼图

容器与布局样式Flex · Grid · 边距间距

弹窗与对话框样式模态框 · 动画 · 遮罩

菜单与导航栏样式下拉菜单 · 侧边栏 · 标签导航

卡片与面板样式阴影 · 圆角 · 渐变背景

图标与图片样式图标字体 · SVG · 滤镜

滚动条与滚动效果自定义滚动条 · 弹性滚动

响应式样式设计屏幕适配 · 断点 · 动态切换

样式性能优化减少重绘 · 缓存 · 硬件加速

样式与主题的协同主题变量 · 复用 · 切换动画

综合实战：智能家居 (上)控制面板样式设计

综合实战：智能家居 (下)控制面板样式设计