加入星计划,您可以享受以下权益:

  • 创作内容快速变现
  • 行业影响力扩散
  • 作品版权保护
  • 300W+ 专业用户
  • 1.5W+ 优质创作者
  • 5000+ 长期合作伙伴
立即加入
  • 正文
  • 推荐器件
  • 相关推荐
  • 电子产业图谱
申请入驻 产业图谱

【AWTK使用经验】如何自定义combo_box下拉框样式

05/22 14:41
1264
阅读需 6 分钟
加入交流群
扫码加入
获取工程师必备礼包
参与热点资讯讨论

AWTK是基于C语言开发的跨平台GUI框架。《AWTK使用经验》系列文章将介绍开发AWTK过程中一些常见问题与解决方案,例如:如何加载外部资源?如何设计自定义进度条?这些都会在系列文章进行解答。

假设需要在 ZTP800示教器 实现一个用于日期选择的下拉框,并且还要求对下拉框做一些美化,此时就需要用户自定义下拉框样式。下面将结合该需求介绍两种修改combo_box下拉框样式的方法。 

图 1 修改样式后得下拉框效果图

利用theme_of_popup属性修改样式

第一种方式是通过combo_box的theme_of_popup属性修改下拉框样式,该属性需要指定一个样式文件名称,combo_box控件会应用该文件内的下拉框样式。

图 2 使用theme_of_popup属性修改下拉框样式

在项目的design/default/styles目录下创建一个xml文件作为下拉框的样式文件,并配置以下两个样式:

1. 弹出窗口本身的样式,style名称为“combobox_popup”。

<popup>  <style name="combobox_popup" bg_color="#071F4B" border_color="#00000000">    <normal/>    <disable/>    <focused/>  </style></popup>

2. 列表项的样式,style名称为“default”。

<combo_box_item>  <style name="default" bg_color="#071F4B" font_size="24" icon_at="left" text_color="#FFFFFF">    <normal/>    <disable/>    <disable_of_checked/>    <focused bg_color="#2E74B5"/>    <focused_of_checked bg_color="#2E74B5"/>    <normal_of_checked/>    <over bg_color="#5B9BD6"/>    <over_of_checked/>    <pressed bg_color="#2E74B5"/>    <pressed_of_checked/>  </style></combo_box_item>

最后可以在AWTK Designer中设置combo_box控件的theme_of_popup属性并打包资源文件,另外也可以使用C代码方式动态设置样式:

combo_box_set_theme_of_popup(combo_box, "my_combo_box");

利用open_window属性修改样式

第二种方式是通过修改combo_box控件的open_window属性修改下拉框样式,该属性接收一个popup窗体的名称,用户在popup实现自定义下拉框。若同时设置了options属性与open_window属性,会优先打开open_window属性的popup窗体。

图 3 使用open_window属性修改下拉框样式

1. combo_box控件open_window属性用法

在AWTK Designer创建一个popup类型窗体并进行布局,使用combo_box_item控件作为下拉框选项。

完成popup窗体布局后,可以在AWTK Designer中设置combo_box控件的open_window属性,也可以使用C代码方式动态设置样式:

combo_box_set_open_window(combo_box, "combo_box_menu");

2. 获取与设置combo_box当前选择项索引值

默认的combo_box控件可以通过控件对象的selected_index属性直接读取当前选择项的索引值,也可通过控件函数combo_box_set_selected_index设置当前选择项索引值。

需要注意的是设置open_window属性后还要设置相同的options属性才可以正常获取与设置当前选项索引值。例如在open_window打开的popup三个选项分别为“星期一”、“星期二”和“星期三”,则需要设置combo_box控件options属性为“0:星期一;1:星期二;2:星期三”,这样才能通过控件对象属性和控件函数获取与设置当前选项的索引值。

推荐器件

更多器件
器件型号 数量 器件厂商 器件描述 数据手册 ECAD模型 风险等级 参考价格 更多信息
CSTNE20M0V53C000R0 1 Murata Manufacturing Co Ltd Ceramic Resonator,
$0.67 查看
74LVT245MTC 1 Texas Instruments LVT SERIES, 8-BIT TRANSCEIVER, TRUE OUTPUT, PDSO20, 4.40 MM, PLASTIC, TSSOP-20
$1.03 查看
S29AL016J70TFI020 1 Cypress Semiconductor Flash, 1MX16, 70ns, PDSO48, TSOP-48
$10.3 查看
致远电子

致远电子

广州致远电子股份有限公司成立于2001年,注册资金5000万元,国家级高新技术认证企业,广州市高端工控测量仪器工程技术研究开发中心,Intel ECA全球合作伙伴和微软嵌入式系统金牌合作伙伴。

广州致远电子股份有限公司成立于2001年,注册资金5000万元,国家级高新技术认证企业,广州市高端工控测量仪器工程技术研究开发中心,Intel ECA全球合作伙伴和微软嵌入式系统金牌合作伙伴。收起

查看更多

相关推荐

电子产业图谱