bar控件

创建一个bar控件,使用如下代码:

sgl_obj_t *bar = sgl_bar_create(NULL);
sgl_obj_set_pos(bar, 250, 100);
sgl_obj_set_size(bar, 100, 20);

上面代码在默认的活动页面上创建了一个大小为100x20的Bar控件,并设置其位置为250,100。

设置Bar填充颜色

使用sgl_bar_set_fill_color()函数设置Bar的填充颜色,如下:

sgl_obj_t *bar = sgl_bar_create(NULL);
sgl_obj_set_pos(bar, 250, 100);
sgl_obj_set_size(bar, 100, 20);
sgl_bar_set_fill_color(bar, SGL_COLOR_RED);

设置Bar轨道颜色

使用sgl_bar_set_track_color()函数设置Bar的轨道颜色,如下:

sgl_bar_set_track_color(bar, SGL_COLOR_GRAY);

设置Bar方向

使用sgl_bar_set_direct()函数设置Bar的方向,如下:

sgl_bar_set_direct(bar, SGL_DIRECT_HORIZONTAL);

Bar支持以下方向:

  • SGL_DIRECT_HORIZONTAL:水平方向

  • SGL_DIRECT_VERTICAL:垂直方向

设置Bar圆角

使用sgl_bar_set_radius()函数设置Bar的圆角,如下:

sgl_bar_set_radius(bar, 10);

设置Bar值

使用sgl_bar_set_value()函数设置Bar的值,如下:

sgl_bar_set_value(bar, 50);

获取Bar值

使用sgl_bar_get_value()函数获取Bar的当前值,如下:

uint8_t value = sgl_bar_get_value(bar);

设置Bar边框宽度

使用sgl_bar_set_border_width()函数设置Bar的边框宽度,如下:

sgl_bar_set_border_width(bar, 2);

设置Bar边框颜色

使用sgl_bar_set_border_color()函数设置Bar的边框颜色,如下:

sgl_bar_set_border_color(bar, SGL_COLOR_BLACK);

设置Bar背景图片

使用sgl_bar_set_pixmap()函数设置Bar的背景图片,如下:

extern const sgl_pixmap_t bar_pixmap;
sgl_bar_set_pixmap(bar, &bar_pixmap);

设置Bar透明度

使用sgl_bar_set_alpha()函数设置Bar的透明度,如下:

sgl_bar_set_alpha(bar, 128);