slider_t

概述

image

滑块控件。

slider_t是widget_t的子类控件,widget_t的函数均适用于slider_t控件。

在xml中使用”slider”标签创建滑块控件。如:

  1. <slider x="center" y="10" w="80%" h="20" value="10"/>
  2. <slider style="img" x="center" y="50" w="80%" h="30" value="20" />
  3. <slider style="img" x="center" y="90" w="80%" h="30" value="30" min="5" max="50" step="5"/>

更多用法请参考:
basic

在c代码中使用函数slider_create创建滑块控件。如:

  1. widget_t* slider = slider_create(win, 10, 10, 200, 30);
  2. widget_on(slider, EVT_VALUE_CHANGED, on_changed, NULL);
  3. widget_on(slider, EVT_VALUE_CHANGING, on_changing, NULL);

完整示例请参考:
slider demo

可用通过style来设置控件的显示风格,如图片和颜色等等。如:

  1. <style name="img" bg_image="slider_bg" fg_image="slider_fg">
  2. <normal icon="slider_drag"/>
  3. <pressed icon="slider_drag_p"/>
  4. <over icon="slider_drag_o"/>
  5. </style>

更多用法请参考:
theme
default


函数

函数名称 说明
slider_cast 转换为slider对象(供脚本语言使用)。
slider_create 创建slider对象
slider_set_bar_size 设置bar的宽度或高度。
slider_set_max 设置滑块的最大值。
slider_set_min 设置滑块的最小值。
slider_set_step 设置滑块的拖动的最小单位。
slider_set_value 设置滑块的值。
slider_set_vertical 设置滑块的方向。

属性

属性名称 类型 说明
bar_size uint32_t bar的宽度或高度。
max uint16_t 最大值。
min uint16_t 最小值。
step uint16_t 拖动的最小单位。
value uint16_t 值。
vertical bool_t 滑块的是否为垂直方向。

事件

事件名称 类型 说明
EVT_VALUE_WILL_CHANGE event_t 值即将改变事件。
EVT_VALUE_CHANGING event_t 值正在改变事件(拖动中)。
EVT_VALUE_CHANGED event_t 值改变事件。

slider_cast 函数


  • 函数功能:

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

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

slider_create 函数


  • 函数功能:

创建slider对象

  • 函数原型:
  1. widget_t* slider_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 高度

slider_set_bar_size 函数


  • 函数功能:

设置bar的宽度或高度。

  • 函数原型:
  1. ret_t slider_set_bar_size (widget_t* widget, uint32_t bar_size);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* 控件对象。
bar_size uint32_t bar的宽度或高度。

slider_set_max 函数


  • 函数功能:

设置滑块的最大值。

  • 函数原型:
  1. ret_t slider_set_max (widget_t* widget, uint16_t max);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* 控件对象。
max uint16_t 最大值

slider_set_min 函数


  • 函数功能:

设置滑块的最小值。

  • 函数原型:
  1. ret_t slider_set_min (widget_t* widget, uint16_t min);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* 控件对象。
min uint16_t 最小值

slider_set_step 函数


  • 函数功能:

设置滑块的拖动的最小单位。

  • 函数原型:
  1. ret_t slider_set_step (widget_t* widget, uint16_t step);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* 控件对象。
step uint16_t 拖动的最小单位。

slider_set_value 函数


  • 函数功能:

设置滑块的值。

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

slider_set_vertical 函数


  • 函数功能:

设置滑块的方向。

  • 函数原型:
  1. ret_t slider_set_vertical (widget_t* widget, bool_t vertical);
  • 参数说明:
参数 类型 说明
返回值 ret_t 返回RET_OK表示成功,否则表示失败。
widget widget_t* 控件对象。
vertical bool_t 是否为垂直方向。

bar_size 属性


bar的宽度或高度。

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

max 属性


最大值。

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

min 属性


最小值。

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

step 属性


拖动的最小单位。

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

value 属性


值。

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

vertical 属性


滑块的是否为垂直方向。

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