立即注册 找回密码

微雪课堂

搜索
微雪课堂 图形用户界面(GUI) 查看内容

STM32之littlevGL系列教程:微调框控件(lv_spinbox)

2020-3-29 12:53| 发布者: imliubo| 查看: 621| 评论: 0|原作者: IAMLIUBO

摘要: Hi,大家好,欢迎来到STM32之littlevGL课堂,我们在上节课中学习了滑动条控件(lv_slider),本节课带大家学习微调框控件,那么什么是微调框呢?废话不多说,大家还是看图吧!一 有图有真相其实我感觉翻译成微调框也不 ...
Hi,大家好,欢迎来到STM32之littlevGL课堂,我们在上节课中学习了滑动条控件(lv_slider),本节课带大家学习微调框控件,那么什么是微调框呢?废话不多说,大家还是看图吧!
一 有图有真相

其实我感觉翻译成微调框也不太准确,在这里也向大家征集更合适的中文名称。
二 代码分析
static void spinbox_event_handler(lv_obj_t * obj, lv_event_t event)
{
    if(event == LV_EVENT_VALUE_CHANGED) {
        printf("Value: %d\n", lv_spinbox_get_value(obj));
    }
    else if(event == LV_EVENT_CLICKED) {
        /*For simple test: Click the spinbox to increment its value*/
        lv_spinbox_increment(obj);
    }
}

void spinbox_test(void)
{
    lv_obj_t * spinbox;
    spinbox = lv_spinbox_create(lv_scr_act(), NULL);
    lv_spinbox_set_digit_format(spinbox, 5, 3);
    lv_spinbox_set_step(spinbox, 10);
    lv_spinbox_set_range(spinbox, 0, 100);
    lv_obj_align(spinbox, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_obj_set_event_cb(spinbox, spinbox_event_handler);
}
可以看到这里我们也是有一个回调函数去处理我们每次点击这个微调框后的数值增加的功能,我们先看主要的:
    lv_spinbox_set_digit_format(spinbox, 5, 3);
    lv_spinbox_set_step(spinbox, 10);
    lv_spinbox_set_range(spinbox, 0, 100);
像创建对象啥的就不再分析了,我们先看一下这三行代码的作用,第一行设置的一共有多少位数字以及小数点在哪一个位置,这里都是十进制的,我们设置为一共五位数字,然后小数点的位置就是从左边第一个数字向右数三位。
然后我们设置每次步进值为10,不过这里的10计算的时候是包括小数点去计算的,也就是我们如果加上小数点那么计算的话,实际上是每次增加0.1,这个主要取决于你的小数点在第几位,之所以这样做的原因主要是浮点数相对来说在处理起来还是比较麻烦的,然后我们设置区间为0到100,同样的这里我们也需要根据小数点的位置进行缩放处理,实际上这个最大值是1,大家明白了吗?就是我们设置的时候是不考虑小数点的,最终的效果你需要根据你设置的小数点的位置进行换算一下。
然后我们在回调函数里有个API需要讲一下:
lv_spinbox_increment(obj);
这个就是每次你点击微调框的时候以你设置的步进值进行递增的一个函数,那么既然有递增了,肯定还有递减,没错,下面这个函数就是递减。
lv_spinbox_decrement(obj);
OK,本节课就到这里,我们下节课学习滑动按钮控件(lv_sw),那我们下节课再见!
Tab标签: STM32 littlevGL

53

顶一下

刚表态过的朋友 (53 人)

相关阅读

最新评论

微雪官网|产品资料|手机版|小黑屋|微雪课堂. ( 粤ICP备05067009号 )

GMT+8, 2020-11-28 02:26 , Processed in 0.015670 second(s), 14 queries .

返回顶部