Hi，大家好，欢迎来到树莓派之littlevGL课堂，我们在上节课中学习了容器控件(lv_cont)，本节课带大家来学习一下下拉列表控件，相信大家对下拉列表肯定很熟悉了，比如我们想让用户选择几个固定的选项的时候，下拉列表就很合适了！那么废话少说！ 一 有图有真相 
不过既然有下拉列表，那么肯定就有上拉列表，看图！ 
其实就是列表内容的展示方向不同而已，当下拉列表的下面还有很多可展示区域时，就可以选择往下弹出选择界面，但是当没有足够的展示区域时，我们可以选择往上弹出选择界面。 二 代码分析 用户可下载"圆弧对象(lv_arc)的使用"文章末尾的Demo工程(点击我直接下载),参考圆弧对象(lv_arc)的使用文章,将以下Demo代码复制到Demo工程test.c文件空白处.然后在test.c文件的create_test()函数中增加 ddlist_test1() 和 ddlist_test2()函数测试。 1. 下拉 01 | static void ddlist_event_handler(lv_obj_t * obj, lv_event_t event) |
03 | if(event == LV_EVENT_VALUE_CHANGED) { |
05 | lv_ddlist_get_selected_str(obj, buf, sizeof(buf)); |
06 | printf("Option: %s\n", buf); |
10 | void ddlist_test1(void) |
13 | lv_obj_t * ddlist = lv_ddlist_create(lv_scr_act(), NULL); |
14 | lv_ddlist_set_options(ddlist, "Apple\n" |
21 | lv_ddlist_set_fix_width(ddlist, 150); |
22 | lv_ddlist_set_draw_arrow(ddlist, true); |
23 | lv_obj_align(ddlist, NULL, LV_ALIGN_IN_TOP_MID, 0, 20); |
24 | lv_obj_set_event_cb(ddlist, ddlist_event_handler); |
同样的这里我们创建了一个下拉列表的对象，那么创建完对象后，我们需要做什么呢？既然时下拉列表，那肯定要有下拉选项是不是？没错，就是添加我们的下拉列表选项，方法呢也很简单，我们使用lv_ddlist_set_options这个函数就可以，其中第二个参数就是我们要展示的选项，可以一次添加很多个，每个选项之间记得用 " \n" 隔开，就像上面的一样！然后lv_ddlist_set_fix_width这里其实是设置对象的宽度，当你的每一个选择内容比较多时，建议宽度设置的大一点。接下来lv_ddlist_set_draw_arrow这个函数就是设置是否绘制那个下拉提示的箭头，如果不绘制那个箭头，可能让人不会觉得那是一个下拉列表，所以这里还是建议大家记得绘制那个小箭头！然后就是对齐方式，这里我们设置的是顶部居中对齐，最后我们设置的一个回调函数，就是我们的下拉列表响应事件！我们可以通过lv_ddlist_get_selected_str这个API提取出每一个选项的字符串，然后方便我们执行对应的操作。 2.上拉 01 | void ddlist_test2(void) |
05 | lv_obj_t * ddlist = lv_ddlist_create(lv_scr_act(), NULL); |
06 | lv_ddlist_set_options(ddlist, "Apple\n" |
13 | lv_ddlist_set_fix_width(ddlist, 150); |
14 | lv_ddlist_set_fix_height(ddlist, 150); |
15 | lv_ddlist_set_draw_arrow(ddlist, true); |
19 | lv_obj_set_auto_realign(ddlist, true); |
22 | lv_obj_align(ddlist, NULL, LV_ALIGN_IN_BOTTOM_MID, 0, -20); |
23 | lv_obj_set_event_cb(ddlist, ddlist_event_handler); |
OK，那么本节课先到这里，那么我们下节课学习仪表控件，我们下节课再见！ |
