界面背景

1、界面纯色背景创建

创建背景纯色

void Home_Page_Create(void){lv_obj_t* bgk;bgk = lv_obj_create(lv_scr_act(), NULL);//创建对象lv_obj_clean_style_list(bgk, LV_OBJ_PART_MAIN); //清空对象风格lv_obj_set_style_local_bg_opa(bgk, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_OPA_100);//设置颜色覆盖度100%，数值越低，颜色越透。lv_obj_set_style_local_bg_color(bgk, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_GREEN);//设置背景颜色为绿色//省去下方两行代码，默认是从0,0处开始绘制lv_obj_set_x(bgk, 0);//设置X轴起点lv_obj_set_y(bgk, 0);//设置Y轴起点lv_obj_set_size(bgk, 800, 40);//设置覆盖大小}

2、如何让纯色背景动起来

这里我们用到了LVGL自带的任务函数lv_task_create()。

static void bgk_anim(lv_task_t* t)
{static uint32_t x = 0;lv_obj_t* bg = t->user_data;x = !x;lv_obj_set_style_local_bg_color(bg, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, x?LV_COLOR_RED: LV_COLOR_GREEN);//设置背景颜色为绿色
}
void Home_Page_Create(void)
{lv_obj_t* bgk;bgk = lv_obj_create(lv_scr_act(), NULL);//创建对象lv_obj_clean_style_list(bgk, LV_OBJ_PART_MAIN); //清空对象风格lv_obj_set_style_local_bg_opa(bgk, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_OPA_100);//设置颜色覆盖度100%，数值越低，颜色越透。lv_obj_set_style_local_bg_color(bgk, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_GREEN);//设置背景颜色为绿色//省去下方两行代码，默认是从0,0处开始绘制lv_obj_set_x(bgk, 0);//设置X轴起点lv_obj_set_y(bgk, 0);//设置Y轴起点lv_obj_set_size(bgk, 800, 40);//设置覆盖大小lv_task_create(bgk_anim, 500, LV_TASK_PRIO_LOW, bgk);//创建任务 500ms一次
}

3、界面图片背景创建

想要美观的背景图可以试试哦！

void Home_Page_Create(void)
{lv_obj_t* bg_img;LV_IMG_DECLARE(picture); //声明图片bg_img = lv_img_create(lv_scr_act(), NULL);//创建一个图像对象lv_img_set_src(bg_img, &picture);//设置图片源lv_obj_align(bg_img, NULL, LV_ALIGN_IN_TOP_LEFT, 0, 0);//对齐
}

4、在背景上创建一个按键

有了背景，不知道如何在背景上创建对象？？

void Home_Page_Create(void)
{lv_obj_t* bg_img;LV_IMG_DECLARE(H_PIC_0); //声明图片LV_IMG_DECLARE(picture);bg_img = lv_img_create(lv_scr_act(), NULL); //创建一个图像对象lv_img_set_src(bg_img, &picture); //设置图片源lv_obj_align(bg_img, NULL, LV_ALIGN_IN_TOP_LEFT, 0, 0); //对齐static lv_style_t style;lv_style_init(&style);//对象风格初始化lv_style_set_image_recolor_opa(&style, LV_STATE_PRESSED, LV_OPA_30);//设置按下时的背景色深lv_style_set_image_recolor(&style, LV_STATE_PRESSED, LV_COLOR_GRAY);//设置按下时的背景色lv_obj_t* img1 = lv_imgbtn_create(lv_scr_act(), NULL);//创建图片按键lv_imgbtn_set_src(img1, LV_BTN_STATE_PRESSED, &H_PIC_0);//按下lv_imgbtn_set_src(img1, LV_BTN_STATE_RELEASED, &H_PIC_0);//抬起lv_obj_align(img1, NULL, LV_ALIGN_IN_TOP_LEFT, 30, 25);//左上角对齐lv_obj_add_style(img1, LV_IMGBTN_PART_MAIN, &style);
}

LVGL7.0设置界面背景相关推荐

超详细且简单的Qt Designer设置界面背景图
---------------------------------------------------------- 这里介绍的主要是一种放置界面底层的背景图方式首先,先新建一个框,并填充你所需要的 ...
Android常用控件之Fragment仿Android4.0设置界面
Fragment是Android3.0新增的概念,是碎片的意思,它和Activity很相像,用来在一个Activity中描述一些行为或部分用户界面:使用多个Fragment可以在一个单独的Activi ...
Android4.0设置界面修改总结
为什么80%的码农都做不了架构师?>>> 笔者前段时间完成设置的圆角item风格的修改,但最近,客户新增需求,想把设置做成Tab风格的,没办法,顾客就是上帝,咱得改啊.今天算是 ...
Poi 4.0设置自定义背景颜色
/*设置背景颜色*/ cellBoldStyle.setFillPattern(FillPatternType.SOLID_FOREGROUND); HSSFPalette palette = wb. ...
设置QPushbutton背景图，图片占据整个按钮
QPushButton#pushButton_Stop,#pushButton_Start { border-width: 0px 0px 0px 0px; borde ...
原创安卓手机QQ7.0登录界面动态背景视频实现方案
qq7.0登录界面动态背景实现 qq7.0登录界面动态视频背景实现 android动态视频背景 android动态背景分析qq7.0: 视频在打开登录界面就开始播放了,而且期间无黑屏而且是循环播 ...
kali 2.0修改gnome登陆界面背景图片
2019独角兽企业重金招聘Python工程师标准>>> 最近KALI发布了2.0版本,我更新失败了,就直接重装了. 图片看着不爽,想要换下,桌面背景和锁屏背景直接桌面右键就可以修改, ...
离散数学CAI软件-1.GUI界面背景设置
离散数学CAI软件-1.GUI界面背景设置简介界面背景设置代码如下: 代码注释掉过的坑运行结果总结简介自从我学完javaGUI之后,就一直想要做点自己的东西,刚好上学期参加比赛认识了一 ...
android app没有读写权限设置,Android 6.0以上权限拒绝打开权限设置界面的解决方法...
本人使用小米手机,打开qq或者微信的时候,某个权限拒绝的话,会提示你开启,点击开启会跳转到app的权限设置界面,当然了,这是国内系统深层定制的原因,也就是说这个界面原声的android没有的!这里以小 ...

LVGL7.0设置界面背景

界面背景

1、界面纯色背景创建

2、如何让纯色背景动起来

3、界面图片背景创建

4、在背景上创建一个按键

LVGL7.0设置界面背景相关推荐

最新文章

热门文章