combo_box_t

概述

image

下拉列表控件。

点击右边的按钮,可弹出一个下拉列表,从中选择一项作为当前的值。

combo_box_t是edit_t的子类控件,edit_t的函数均适用于combo_box_t控件。

在xml中使用”combo_box”标签创建下拉列表控件。

列表选项可以直接写在”options”属性中。如:

  1. <combo_box readonly="true" x="10" y="bottom:5" w="200" h="30" tr_text="ok"
  2. options="1:ok;2:cancel;"/>

列表选项也可以放在独立的窗口中,用属性”open_window”指定窗口的名称。如:

  1. <combo_box open_window="language" readonly="true" x="10" y="bottom:50" w="200" h="30"
  2. tr_text="english"/>

language.xml:

  1. <popup close_when_click_outside="true" h="80" >
  2. <list_view x="0" y="0" w="100%" h="100%" item_height="30">
  3. <scroll_view name="view" x="0" y="0" w="-12" h="100%">
  4. <combo_box_item tr_text="english"/>
  5. <combo_box_item tr_text="chinese" />
  6. </scroll_view>
  7. <scroll_bar_d name="bar" x="right" y="0" w="12" h="100%" value="0"/>
  8. </list_view>
  9. </popup>

>
更多用法请参考:combo_box.xml

在c代码中使用函数combo_box_create创建下拉列表控件。如:

  1. widget_t* combo_box = combo_box_create(win, 10, 10, 128, 30);
  2. combo_box_set_options(combo_box, "left;center;right;");
  3. combo_box_set_selected_index(combo_box, 1);

创建之后:

  • 用combo_box_set_options设置可选项目。
  • 用combo_box_set_selected_index设置缺省项。

完整示例请参考:combo_box
demo

可用通过style来设置控件的显示风格,如字体的大小和颜色等等。如:

  1. <combo_box>
  2. <style name="default" border_color="#a0a0a0" text_color="black" text_align_h="left">
  3. <normal bg_color="#f0f0f0" />
  4. <focused bg_color="#f0f0f0" border_color="black"/>
  5. <empty bg_color="#f0f0f0" text_color="#a0a0a0" />
  6. </style>
  7. </combo_box>

更多用法请参考:theme
default


函数

函数名称 说明
combo_box_append_option 追加一个选项。
combo_box_cast 转换combo_box对象(供脚本语言使用)。
combo_box_count_options 获取选项个数。
combo_box_create 创建combo_box对象
combo_box_get_option 获取第index个选项。
combo_box_get_text 获取combo_box的文本。
combo_box_get_value 获取combo_box的值。
combo_box_reset_options 重置所有选项。
combo_box_set_open_window 点击按钮时可以打开popup窗口,本函数可设置窗口的名称。
combo_box_set_options 设置选项。
combo_box_set_selected_index 设置第index个选项为当前选中的选项。
combo_box_set_value 设置值。

属性

属性名称 类型 说明
open_window char* 为点击按钮时,要打开窗口的名称。
options char* 设置可选项(冒号分隔值和文本,分号分隔选项,如:1:red;2:green;3:blue)。
selected_index int32_t 当前选中的选项。
value int32_t 值。

事件

事件名称 类型 说明
EVT_VALUE_WILL_CHANGE event_t 值即将改变事件。
EVT_VALUE_CHANGED event_t 值改变事件。

combo_box_append_option 函数


  • 函数功能:

追加一个选项。

  • 函数原型:
  1. ret_t combo_box_append_option (widget_t* widget, int32_t value, const char* text);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* combo_box对象。
value int32_t 值。
text const char* 文本。

combo_box_cast 函数


  • 函数功能:

转换combo_box对象(供脚本语言使用)。

  • 函数原型:
  1. widget_t* combo_box_cast (widget_t* widget);
  • 参数说明:
参数 类型 说明
返回值 widget_t* combo_box对象。
widget widget_t* combo_box对象。

combo_box_count_options 函数


  • 函数功能:

获取选项个数。

  • 函数原型:
  1. int32_t combo_box_count_options (widget_t* widget);
  • 参数说明:
参数 类型 说明
返回值 int32_t 返回选项个数。
widget widget_t* combo_box对象。

combo_box_create 函数


  • 函数功能:

创建combo_box对象

  • 函数原型:
  1. widget_t* combo_box_create (widget_t* parent, xy_t x, xy_t y, wh_t w, wh_t h);
  • 参数说明:
参数 类型 说明
返回值 widget_t* 对象。
parent widget_t* 父控件
x xy_t x坐标
y xy_t y坐标
w wh_t 宽度
h wh_t 高度

combo_box_get_option 函数


  • 函数功能:

获取第index个选项。

  • 函数原型:
  1. combo_box_option_t* combo_box_get_option (widget_t* widget, uint32_t index);
  • 参数说明:
参数 类型 说明
返回值 combo_box_option_t* 返回index个选项。
widget widget_t* combo_box对象。
index uint32_t 选项的索引。

combo_box_get_text 函数


  • 函数功能:

获取combo_box的文本。

  • 函数原型:
  1. const char* combo_box_get_text (widget_t* widget);
  • 参数说明:
参数 类型 说明
返回值 const char* 返回文本。
widget widget_t* combo_box对象。

combo_box_get_value 函数


  • 函数功能:

获取combo_box的值。

  • 函数原型:
  1. int32_t combo_box_get_value (widget_t* widget);
  • 参数说明:
参数 类型 说明
返回值 int32_t 返回值。
widget widget_t* combo_box对象。

combo_box_reset_options 函数


  • 函数功能:

重置所有选项。

  • 函数原型:
  1. ret_t combo_box_reset_options (widget_t* widget);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* combo_box对象。

combo_box_set_open_window 函数


  • 函数功能:

点击按钮时可以打开popup窗口,本函数可设置窗口的名称。

  • 函数原型:
  1. ret_t combo_box_set_open_window (widget_t* widget, const char* open_window);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* combo_box对象。
open_window const char* 弹出窗口的名称。

combo_box_set_options 函数


  • 函数功能:

设置选项。

  • 函数原型:
  1. ret_t combo_box_set_options (widget_t* widget, const char* options);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* combo_box对象。
options const char* 选项。

combo_box_set_selected_index 函数


  • 函数功能:

设置第index个选项为当前选中的选项。

  • 函数原型:
  1. ret_t combo_box_set_selected_index (widget_t* widget, uint32_t index);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* combo_box对象。
index uint32_t 选项的索引。

combo_box_set_value 函数


  • 函数功能:

设置值。

  • 函数原型:
  1. ret_t combo_box_set_value (widget_t* widget, int32_t value);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* combo_box对象。
value int32_t 值。

open_window 属性


为点击按钮时,要打开窗口的名称。

  • 类型:char*
特性 是否支持
可直接读取
可直接修改
可持久化
可脚本化
可在IDE中设置
可在XML中设置
可通过widget_get_prop读取
可通过widget_set_prop修改

options 属性


设置可选项(冒号分隔值和文本,分号分隔选项,如:1:red;2:green;3:blue)。

  • 类型:char*
特性 是否支持
可直接读取
可直接修改
可持久化
可脚本化
可在IDE中设置
可在XML中设置
可通过widget_get_prop读取
可通过widget_set_prop修改

selected_index 属性


当前选中的选项。

  • 类型:int32_t
特性 是否支持
可直接读取
可直接修改
可持久化
可脚本化
可在IDE中设置
可在XML中设置
可通过widget_get_prop读取
可通过widget_set_prop修改

value 属性


值。

  • 类型:int32_t
特性 是否支持
可直接读取
可直接修改
可持久化
可脚本化
可在IDE中设置
可在XML中设置
可通过widget_get_prop读取
可通过widget_set_prop修改