LVGL 8.2 Sorting a List using up and down buttons
List and Using Up LVGL down 8.2 sorting
2023-09-14 09:06:41 时间
定义变量
static lv_obj_t * list1; // list控件1
static lv_obj_t * list2; // list控件2
static lv_obj_t * currentButton = NULL; // 保存当前按键
list控件1事件回调函数
static void event_handler(lv_event_t* e)
{
lv_event_code_t code = lv_event_get_code(e); // 获取对象产生的事件码
lv_obj_t* obj = lv_event_get_target(e); // 获取产生事件的对象
if (code == LV_EVENT_CLICKED) { // 处理LV_EVENT_CLICKED事件
LV_LOG_USER("Clicked: %s", lv_list_get_btn_text(list1, obj));
if (currentButton == obj) { // 当前按键和点击的按键对象相同
currentButton = NULL; // 赋空指针
}
else {
currentButton = obj; // 当前按键指向点击的按键对象
}
lv_obj_t* parent = lv_obj_get_parent(obj); // 获取产生事件的对象的父对象
uint32_t i;
for (i = 0; i < lv_obj_get_child_cnt(parent); i++) { // 处理父对象下的所有子对象
lv_obj_t* child = lv_obj_get_child(parent, i); //获取索引i对应的子对象
if (child == currentButton) { // 子对象和当前保存的按键对象相同
lv_obj_add_state(child, LV_STATE_CHECKED); // 选中
}
else {
lv_obj_clear_state(child, LV_STATE_CHECKED); // 不选中
}
}
}
}
list控件2中的top按键回调函数
static void event_handler_top(lv_event_t* e)
{
lv_event_code_t code = lv_event_get_code(e); // 获取对象产生的事件码
if (code == LV_EVENT_CLICKED) { // 处理LV_EVENT_CLICKED事件
if (currentButton == NULL) return; //未有选中项,直接跳过不处理
lv_obj_move_background(currentButton); //当前按键移动到背景界面
lv_obj_scroll_to_view(currentButton, LV_ANIM_ON); // Scroll to an object until it becomes visible on its parent
}
}
list控件2中的Up按键回调函数
static void event_handler_up(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e); // 获取对象产生的事件码
if((code == LV_EVENT_CLICKED) || (code == LV_EVENT_LONG_PRESSED_REPEAT)) { //处理单击和长按重复事件
if(currentButton == NULL) return; //未有选中项,直接跳过不处理
uint32_t index = lv_obj_get_index(currentButton); //获取当前按键在List中的索引
if(index <= 0) return; //如果已经是第一个按键,直接跳过不处理
lv_obj_move_to_index(currentButton, index - 1); // 移动当前按键到上一个位置
lv_obj_scroll_to_view(currentButton, LV_ANIM_ON);// Scroll to an object until it becomes visible on its parent
}
}
list控件2中的Center按键回调函数
static void event_handler_center(lv_event_t* e)
{
const lv_event_code_t code = lv_event_get_code(e); // 获取对象产生的事件码
if ((code == LV_EVENT_CLICKED) || (code == LV_EVENT_LONG_PRESSED_REPEAT)) {//处理单击和长按重复事件
if (currentButton == NULL) return; //未有选中项,直接跳过不处理
lv_obj_t* parent = lv_obj_get_parent(currentButton); //获取当前按键的父对象
const uint32_t pos = lv_obj_get_child_cnt(parent) / 2; //计算所有控制的个数取中间位置
lv_obj_move_to_index(currentButton, pos); //移到当前按键到pos对应的位置
lv_obj_scroll_to_view(currentButton, LV_ANIM_ON);// Scroll to an object until it becomes visible on its parent
}
}
list控件2中的Down按键回调函数
static void event_handler_dn(lv_event_t* e)
{
const lv_event_code_t code = lv_event_get_code(e);// 获取对象产生的事件码
if ((code == LV_EVENT_CLICKED) || (code == LV_EVENT_LONG_PRESSED_REPEAT)) {//处理单击和长按重复事件
if (currentButton == NULL) return; //未有选中项,直接跳过不处理
const uint32_t index = lv_obj_get_index(currentButton); //获取当前按键在List中的索引
lv_obj_move_to_index(currentButton, index + 1);//移动当前按键到下一个位置
lv_obj_scroll_to_view(currentButton, LV_ANIM_ON);// Scroll to an object until it becomes visible on its parent
}
}
list控件2中的Bottom按键回调函数
static void event_handler_bottom(lv_event_t* e)
{
const lv_event_code_t code = lv_event_get_code(e);// 获取对象产生的事件码
if (code == LV_EVENT_CLICKED) { // 处理LV_EVENT_CLICKED事件
if (currentButton == NULL) return;//未有选中项,直接跳过不处理
lv_obj_move_foreground(currentButton); //移动当前按键到foreground
lv_obj_scroll_to_view(currentButton, LV_ANIM_ON);// Scroll to an object until it becomes visible on its parent
}
}
list控件2中的Shuffle按键回调函数
static void event_handler_swap(lv_event_t* e)
{
const lv_event_code_t code = lv_event_get_code(e);// 获取对象产生的事件码
// lv_obj_t* obj = lv_event_get_target(e);
if ((code == LV_EVENT_CLICKED) || (code == LV_EVENT_LONG_PRESSED_REPEAT)) {//处理单击和长按重复事件
uint32_t cnt = lv_obj_get_child_cnt(list1); // 获取List控件1的子项个数
for (int i = 0; i < 100; i++)
if (cnt > 1) {
lv_obj_t* obj = lv_obj_get_child(list1, rand() % cnt); //产生随机子项
lv_obj_move_to_index(obj, rand() % cnt);//子项移动到随机位置
if (currentButton != NULL) {
lv_obj_scroll_to_view(currentButton, LV_ANIM_ON);// Scroll to an object until it becomes visible on its parent
}
}
}
}
创建List控件
static void lv_example_list_2(void)
{
/*Create a list*/
list1 = lv_list_create(lv_scr_act()); // 创建List控件1对象
lv_obj_set_size(list1, lv_pct(60), lv_pct(100)); // 设置大小
lv_obj_set_style_pad_row(list1, 5, 0); //设置行与行之间的间距
/*Add buttons to the list*/
lv_obj_t* btn;
int i;
for (i = 0; i < 15; i++) { //创建15个按键
btn = lv_btn_create(list1); //创建按键对象
lv_obj_set_width(btn, lv_pct(50)); //设置宽度
lv_obj_add_event_cb(btn, event_handler, LV_EVENT_CLICKED, NULL); //添加按键点击事件
lv_obj_t* lab = lv_label_create(btn); // 在按键上创建Label对象
lv_label_set_text_fmt(lab, "Item %d", i); //设置显示内容
}
/*Select the first button by default*/
currentButton = lv_obj_get_child(list1, 0); //当前按键默认为第一个按键
lv_obj_add_state(currentButton, LV_STATE_CHECKED); // 设置当前按键为选中状态
/*Create a second list with up and down buttons*/
list2 = lv_list_create(lv_scr_act()); // 创建List控件2对象
lv_obj_set_size(list2, lv_pct(40), lv_pct(100)); // 设置大小
lv_obj_align(list2, LV_ALIGN_TOP_RIGHT, 0, 0); // LV_ALIGN_TOP_RIGHT方式对齐
lv_obj_set_flex_flow(list2, LV_FLEX_FLOW_COLUMN);//设置LV_FLEX_FLOW_COLUMN布局
btn = lv_list_add_btn(list2, NULL, "Top"); //添加Top按键
lv_obj_add_event_cb(btn, event_handler_top, LV_EVENT_ALL, NULL);//注册所有事件
lv_group_remove_obj(btn); //将btn从group中移除
btn = lv_list_add_btn(list2, LV_SYMBOL_UP, "Up");//添加Up按键
lv_obj_add_event_cb(btn, event_handler_up, LV_EVENT_ALL, NULL);//注册所有事件
lv_group_remove_obj(btn);//将btn从group中移除
btn = lv_list_add_btn(list2, LV_SYMBOL_LEFT, "Center");//添加Center按键
lv_obj_add_event_cb(btn, event_handler_center, LV_EVENT_ALL, NULL);//注册所有事件
lv_group_remove_obj(btn);//将btn从group中移除
btn = lv_list_add_btn(list2, LV_SYMBOL_DOWN, "Down");//添加Down按键
lv_obj_add_event_cb(btn, event_handler_dn, LV_EVENT_ALL, NULL);//注册所有事件
lv_group_remove_obj(btn);//将btn从group中移除
btn = lv_list_add_btn(list2, NULL, "Bottom");//添加Bottom按键
lv_obj_add_event_cb(btn, event_handler_bottom, LV_EVENT_ALL, NULL);//注册所有事件
lv_group_remove_obj(btn);//将btn从group中移除
btn = lv_list_add_btn(list2, LV_SYMBOL_SHUFFLE, "Shuffle");//添加Shuffle按键
lv_obj_add_event_cb(btn, event_handler_swap, LV_EVENT_ALL, NULL);//注册所有事件
lv_group_remove_obj(btn);//将btn从group中移除
}
运行效果
相关文章
- List 去重的 6 种方法[通俗易懂]
- Python中list转成Json字符串
- java list 转json 字符串_Java之JSON字符串与List集合之间相互转换
- 【画图】用413篇疑似造假文章信息画个图,附文章list链接
- java小技能:对list集合根据条件进行分组、过滤和字段筛选
- 【Redis02】Redis基础:List相关操作
- 【C++】list迭代器的深度剖析及模拟实现(感受类封装,类和对象的思想)
- ORA-01492: LIST option not valid ORACLE 报错 故障修复 远程处理
- ORA-25198: only range, list, and hash partitioning are supported for index-organized table ORACLE 报错 故障修复 远程处理
- ORA-32049: duplicate name found in column alias list for WITH clause ORACLE 报错 故障修复 远程处理
- ORA-32488: WITH clause element did not have a column alias list ORACLE 报错 故障修复 远程处理
- 《Drools7.0.0.Final规则引擎教程》相同对象and List使用详解编程语言
- JSONArray数据转换成java List详解编程语言
- Java List.isEmpty()方法:判断集合对象是否为空
- Java List.subList()方法:获取列表中指定范围的子列表
- Java List.remove()方法:移出列表中的指定元素
- 利用Redis构建新的List存储方式(redis存储list)
- Linux命令:学会使用List命令管理目录列表(linuxlist命令)
- 深入浅出:MySQL中AND和OR运算符使用方法(mysql中and和or)
- 的优势玩转Redis:List缓存的有点优势(redis 缓存list)
- 深入浅出Redis的List数据结构遍历(遍历redis list)
- Oracle数据库操作利用入参List实现批量处理(oracle入参list)
- 深入探究Mysql中IN与AND逻辑运算的应用(mysql中in与and)
- Oracle中使用除了And的其他查询关键字(oracle中除了and)
- 简单快速修改Redis List技巧(修改redis的list)
- 使用Redis集合和List实现高效存储(redis集合和list)
- Redis中List与Set的应用(redis集合与list)
- Oracle 数据库中使用AND拼接的威力(oracle中and拼接)
- List转换成DataSet实现代码
- jQuery操作checkbox选择(list/table)
- 将list转换为json失败的原因
- 使用XmlSerializer序列化List对象成XML格式(list对象序列化)