LVGL嵌入式图形界面开发

子牧君

已于 2024-03-11 14:10:11 修改

阅读量1k

点赞数 11

分类专栏： LVGL 文章标签： css html 前端

于 2024-03-08 13:40:12 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41734758/article/details/124696841

版权

LVGL 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了LV框架中的Widgets窗口小部件和样式函数lv_style_creat，包括样式属性设置，如背景颜色、边框、阴影等，并列举了不同按键状态的定义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Widgets窗口小部件

二、Style

void lv_style_creat()
{
    static lv_style_t style;
    lv_style_init(&style);                                  //样式初始化
    lv_style_reset(&style);                                 //样式重置
    lv_style_set_bg_color(&style, lv_color_hex(0x000000));  //设置背景颜色
    lv_style_set_bg_color(&style, lv_color_make(0xea, 0xea, 0xea));
    lv_style_set_bg_grad_color(&style,lv_palette_darken(LV_PALETTE_BLUE,2));
                                                            //设置下半背景颜色（渐变色）
    lv_style_set_bg_grad_dir(&style,LV_GRAD_DIR_VER);       //设置背景颜色方向
    lv_style_set_radius(&style, 0);                         //设置边框圆角弧度
    lv_style_set_pad_all(&style, 0);                        //设置样式内部填充
    lv_style_set_bg_opa(&style, LV_OPA_50);                 //设置背景颜色透明度
    lv_style_set_border_width(&style, 2);                   //设置边框宽度
    lv_style_set_border_color(&style, lv_color_black());    //设置边框颜色
    lv_style_set_text_color(&style, lv_color_black());      //设置字体颜色（黑色）
    lv_style_set_shadow_width(&style, 25);                  // 设置样式阴影宽度
    lv_style_set_shadow_color(&style, lv_palette_main(LV_PALETTE_RED)); 
                                                            // 设置阴影样式颜色为红色
    lv_style_set_shadow_ofs_x(&style, 20);                  // 设置样式阴影X方向偏移
    lv_style_set_shadow_ofs_y(&style, 30);                  // 设置样式阴影Y方向偏移
    lv_style_set_outline_opa(&style,LV_OPA_COVER);          //设置外轮廓透明度
   lv_style_set_outline_color(&style,lv_palette_main(LV_PALETTE_BLUE));    
                                                            //设置外轮廓颜色
   lv_style_set_text_color(&style, lv_color_white());       //字体颜色（白色）
   lv_style_set_pad_all(&style,10);                         //设置边距
}

三、事件

1. 按键状态

•   LV_STATE_DEFAULT 		正常，释放
•	LV_STATE_CHECKED		切换或检查
•	LV_STATE_FOCUSED		通过键盘或编码器聚焦，或通过触摸屏/鼠标点击
•	LV_STATE_EDITED			由编码器编辑
•	LV_STATE_HOVERED		鼠标悬停(现在不支持)
•	LV_STATE_PRESSED		按下
•	LV_STATE_DISABLED		禁用或不活动