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.动态页面
  • 5.插件系统

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

    • 6.1.倒计时案例
  • 7.常见问题

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

    • 8.1.杂项1
    • 8.2.杂项2

下拉框

下拉框控件,用于选择一组选项中的一个。

本章目录
  • 1. 示例
  • 2. 属性
  • 3. 样式
  • 4. 控件支持的绑定属性
  • 5. 修改下拉框内容
本章正文

示例

属性

PropertyDescription
选项下拉框选项列表
选中选项当前选中的选项
方向下拉框弹出方向
箭头是否绘制箭头

样式

StylePartDescription
Background colorSelecred选中项背景颜色
Background gradient directionSelecred选中项背景渐变方向
Background gradient colorSelecred选中项背景渐变颜色
Background opacitySelecred选中项背景透明度
Border colorSelecred选中项边框颜色
Border opacitySelecred选中项边框透明度
Border widthSelecred选中项边框宽度
Border sideSelecred选中项边框显示的位置
RadiusSelecred选中项圆角半径
Text colorSelecred选中项文本颜色
Text fontSelecred选中项文本字体
Text sizeSelecred选中项文本大小
Background colorLV_DROPDOWN_PART_LIST下拉框背景颜色
Background gradient directionLV_DROPDOWN_PART_LIST下拉框背景渐变方向
Background gradient colorLV_DROPDOWN_PART_LIST下拉框背景渐变颜色
Background opacityLV_DROPDOWN_PART_LIST下拉框背景透明度
Border colorLV_DROPDOWN_PART_LIST下拉框边框颜色
Border opacityLV_DROPDOWN_PART_LIST下拉框边框透明度
Border widthLV_DROPDOWN_PART_LIST下拉框边框宽度
Border sideLV_DROPDOWN_PART_LIST下拉框边框显示的位置
RadiusLV_DROPDOWN_PART_LIST下拉框圆角半径
Text colorLV_DROPDOWN_PART_LIST下拉框选项文本颜色
Text fontLV_DROPDOWN_PART_LIST下拉框选项文本字体
Text sizeLV_DROPDOWN_PART_LIST下拉框选项文本大小
HeightLV_DROPDOWN_PART_LIST下拉框选项高度
Background colorScrollbar滚动条背景颜色
Background opacityScrollbar滚动条背景透明度
RadiusScrollbar滚动条圆角半径

提示

当Part中Main的所选字体不包含Symbol符号时,显示的箭头为空符号, 请使用包含Symbol符号的字体,如FontAwesome5等

控件支持的绑定属性

PropertyTypeDescriptionSync Mode
选中选项int32_tTwoWayViewModel
选项char *数据源需要以,分隔OneWayModelToView

修改下拉框内容

用\n分隔数据

上一页
复选框
下一页
进度条