跳到主要内容

Select 选择框

  • 用于弹出一个下拉菜单给用户选择操作,用于代替原生的选择器,或者需要一个更优雅的多选器时。
  • 弹出一个下拉菜单给用户选择操作,用于代替原生的选择器,或者需要一个更优雅的多选器时。
  • 当选项少时(少于 5 项),建议直接将选项平铺,使用 Radio 是更好的选择。

技术方案

  1. 普通选择器

设置样式表即可达到需求

  1. 二级选择器

通过setItemData方法去设置自定义数据,然后当选择包含二级的项时新建一个选择器,通过gridLayout放置在右侧

  1. 颜色选择器

通过判断点击项的文本消息 当前设置为 “纯色”,点击后创建一个按钮,通过gridLayout放置在右侧

  1. 特殊选择器

通过设置样式表,但因控件原因并不能完全达到所需样式

样式表详解

普通选择器

多层级选择器

带图标选择器

接口设计

返回类型函数名称参数说明
voidsetIsBorderbool是否显示边框,默认 true
voidsetoptionsQVector<VectorOption>设置下拉选项
voidsetPrefixIconQImage设置前缀图标
voidprefixIconbool是否显示前缀图标
voidisSelectOpenbool是否展开
voidsetLevelnumber层级