UI设计工具文档UI设计工具文档
反馈钉钉群
  • AC791
  • AC792
  • AC63
  • GPMCU
  • AD14/15/17/18/AD104
  • AD16
  • AD24
  • AC82
  • AW30
  • AW31
反馈钉钉群
  • AC791
  • AC792
  • AC63
  • GPMCU
  • AD14/15/17/18/AD104
  • AD16
  • AD24
  • AC82
  • AW30
  • AW31
  • 1.工具前言

    • 1.1.工具首页
    • 1.2.前言说明
  • 2.快速使用

    • 2.1.快速使用
    • 2.2.快速上手
    • 2.3.板子配置
    • 2.4.视频教程
    • 2.5.硬件资料
  • 3.控件说明

    • 3.1.控件说明
    • 3.2.基础控件

      • 页面
      • 按钮
      • 图片按钮
      • 标签
      • 图片
      • 文本框
      • 开关
      • 数字微调器
      • 复选框
      • 下拉框
      • 进度条
      • Lottie动画
      • 帧动画
      • 图表
      • 滑动条
      • 弧线
      • 仪表盘
      • 相册
    • 3.3.菜单控件

      • 圆弧菜单
      • 齿轮菜单
      • 列表菜单
      • 曲线菜单
      • 网格菜单
      • 万花筒菜单
      • 多边形菜单
      • 轮盘菜单
    • 3.4.容器控件

      • 通用容器
      • Flex布局
  • 4.高级功能

    • 4.1.时间轴动画
    • 4.2.模型绑定
    • 4.3.资源管理
    • 4.4.国际化
    • 4.5.硬件仿真
    • 4.6.自动化测试
    • 4.7.控件组
    • 4.8.菜单管理
    • 4.9.页面管理
    • 4.10.主题
    • 4.11.动态页面
  • 5.插件系统

    • 5.1.插件说明
    • 5.2.开发指南
    • 5.3.字体合并
    • 5.4.图片编辑
    • 5.5.截图
    • 5.6.项目合并
    • 5.7.项目属性编辑
    • 5.8.视频转图片
    • 5.9.图片转换
  • 6.使用案例

    • 6.1.倒计时案例
    • 6.2.键盘和鼠标滚轮控制菜单滑动
    • 6.3.自定义Symbol
    • 6.4.暗色键盘主题
  • 7.常见问题

    • 7.1.问题说明
    • 7.2.编译问题
    • 7.3.LVGL问题
    • 7.4.仿真问题
    • 7.5.UI工具问题
    • 7.6.其他问题
  • 8.工具杂项

    • 8.1.杂项1
    • 8.2.杂项2
    • 8.3.工具生成API接口

暗色键盘主题

修改 键盘 和 候选框 的样式属性,使其变成暗色主题键盘。

本章目录
  • 1. 键盘配置
  • 2. 仿真
本章正文

键盘配置

在页面属性中,启用 虚拟键盘 ,修改键盘的属性。

页面默认不启用 键盘 和 候选框 的样式,如果要启用,可以将 样式模块 切换到 LV_PART_KEYBOARD 、LV_PART_KEYBOARD_ITEMS、LV_PART_DROPDOWN_BOX 和 LV_PART_DROPDOWN_BOX_ITEMS 上,然后启用对应的样式。

  • LV_PART_KEYBOARD :键盘样式
  • LV_PART_KEYBOARD_ITEMS :键盘项样式
  • LV_PART_DROPDOWN_BOX :候选框样式
  • LV_PART_DROPDOWN_BOX_ITEMS :候选框项样式

启用 LV_PART_KEYBOARD ,来修改键盘的样式,将背景颜色修改为 #383838

启用 LV_PART_KEYBOARD_ITEMS ,来修改键盘项的样式

切换 LV_STATE_DEFAULT 状态,将背景颜色修改为 #777777,同时把字体颜色修改为 #FFFFFF

切换 LV_STATE_CHECKED 状态,将背景颜色修改为 #4e4e4e,同时把字体颜色修改为 #FFFFFF

提示

LV_STATE_DEFAULT 状态用来修改 字母键 的样式,LV_STATE_CHECKED 状态用来修改 功能/操作键 的样式。

启用 LV_PART_DROPDOWN_BOX ,来修改候选框的样式,将背景颜色修改为 #383838

启用 LV_PART_DROPDOWN_BOX_ITEMS ,来修改候选框项的样式,将背景透明度修改为 0,同时把字体颜色修改为 #FFFFFF

仿真

上一页
6.3.自定义Symbol