当前位置： 首页 > news >正文

马上飞做的一些网站汝州市文明建设网站

news 2025/10/28 10:43:40
马上飞做的一些网站,汝州市文明建设网站,使用最佳搜索引擎优化工具,宁夏公路建设管理局网站窗口部件作为一个容器可以展示出不同功能的页面，该控件主要由俩部分构成头部与主体如上图所示，头部由标题以及按键构成而主体由窗口下方的控件构成，当窗口弹出可以使用户调配。标签的原型就是标签更改文本即可，而按键可以用:lv_wi…

窗口部件作为一个容器可以展示出不同功能的页面，该控件主要由俩部分构成头部与主体
在这里插入图片描述
如上图所示，头部由标题以及按键构成而主体由窗口下方的控件构成，当窗口弹出可以使用户调配。标签的原型就是标签更改文本即可，而按键可以用:lv_win_add_btn_right(win, LV_SYMBOL_CLOSE)添加到窗口头的右侧，如果要在窗口头的左侧添加按钮，可以用lv_win_add_btn_left(win, LV_SYMBOL_CLOSE)代替。第二个参数是一个图像源，因此它可以是一个符号、指向lv_img_dsc_t变量的指针或文件的路径。按钮的宽度可以用lv_win_set_btn_width(win, w)来设置。如果w == 0，按钮将是方形的。lv_win_close_event_cb可以作为一个事件回调函数来关闭窗口。

以下是生成的具体代码：
//Write codes screen_1_win_1
//创建一个窗口，文本为setting
ui->screen_1_win_1 = lv_win_create(ui->screen_1, 40);
lv_obj_t * screen_1_win_1_title = lv_win_add_title(ui->screen_1_win_1, “setting”);
//为窗口添加一个关闭按键
ui->screen_1_win_1_item0 = lv_win_add_btn(ui->screen_1_win_1, LV_SYMBOL_CLOSE, 40);
//在窗口内容区创建一个标签，标签为空
lv_obj_t *screen_1_win_1_label = lv_label_create(lv_win_get_content(ui->screen_1_win_1));
lv_label_set_text(screen_1_win_1_label, “”);
//关闭了窗口内容区的滚动条
lv_obj_set_scrollbar_mode(lv_win_get_content(ui->screen_1_win_1), LV_SCROLLBAR_MODE_OFF);
//设置窗口位置以及大小
lv_obj_set_pos(ui->screen_1_win_1, 44, 115);
lv_obj_set_size(ui->screen_1_win_1, 400, 200);
lv_obj_set_scrollbar_mode(ui->screen_1_win_1, LV_SCROLLBAR_MODE_OFF);

//Write style for screen_1_win_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
//设置窗口背景透明度
lv_obj_set_style_bg_opa(ui->screen_1_win_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
//设置背景颜色为灰色
lv_obj_set_style_bg_color(ui->screen_1_win_1, lv_color_hex(0xeeeef6), LV_PART_MAIN|LV_STATE_DEFAULT);
//设置渐变方向为无
lv_obj_set_style_bg_grad_dir(ui->screen_1_win_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
//设置外边框以及阴影为0
lv_obj_set_style_outline_width(ui->screen_1_win_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_shadow_width(ui->screen_1_win_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

//Write style state: LV_STATE_DEFAULT for &style_screen_1_win_1_extra_content_main_default
//默认窗口使用默认的样式
static lv_style_t style_screen_1_win_1_extra_content_main_default;
ui_init_style(&style_screen_1_win_1_extra_content_main_default);
//背景透明度设置
lv_style_set_bg_opa(&style_screen_1_win_1_extra_content_main_default, 255);
//设置背景颜色
lv_style_set_bg_color(&style_screen_1_win_1_extra_content_main_default, lv_color_hex(0xeeeef6));
//背景渐变方向设置
lv_style_set_bg_grad_dir(&style_screen_1_win_1_extra_content_main_default, LV_GRAD_DIR_NONE);
//文本颜色设置
lv_style_set_text_color(&style_screen_1_win_1_extra_content_main_default, lv_color_hex(0x393c41));
//字体设置
lv_style_set_text_font(&style_screen_1_win_1_extra_content_main_default, &lv_font_montserratMedium_12);

//文本透明度设置
lv_style_set_text_opa(&style_screen_1_win_1_extra_content_main_default, 255);
//文本字间距设置
lv_style_set_text_letter_space(&style_screen_1_win_1_extra_content_main_default, 0);
//文本行间距设置
lv_style_set_text_line_space(&style_screen_1_win_1_extra_content_main_default, 2);
//应用样式
lv_obj_add_style(lv_win_get_content(ui->screen_1_win_1), &style_screen_1_win_1_extra_content_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

//Write style state: LV_STATE_DEFAULT for &style_screen_1_win_1_extra_header_main_default
//定义样式
static lv_style_t style_screen_1_win_1_extra_header_main_default;
ui_init_style(&style_screen_1_win_1_extra_header_main_default);
//透明度
lv_style_set_bg_opa(&style_screen_1_win_1_extra_header_main_default, 255);
//颜色
lv_style_set_bg_color(&style_screen_1_win_1_extra_header_main_default, lv_color_hex(0xe6e6e6));
//渐变方向
lv_style_set_bg_grad_dir(&style_screen_1_win_1_extra_header_main_default, LV_GRAD_DIR_NONE);
//文本颜色以及字体
lv_style_set_text_color(&style_screen_1_win_1_extra_header_main_default, lv_color_hex(0x393c41));
lv_style_set_text_font(&style_screen_1_win_1_extra_header_main_default, &lv_font_montserratMedium_12);
//文本透明度以及字间距和行间距
lv_style_set_text_opa(&style_screen_1_win_1_extra_header_main_default, 255);
lv_style_set_text_letter_space(&style_screen_1_win_1_extra_header_main_default, 0);
lv_style_set_text_line_space(&style_screen_1_win_1_extra_header_main_default, 2);
//内边距设置
lv_style_set_pad_top(&style_screen_1_win_1_extra_header_main_default, 5);
lv_style_set_pad_right(&style_screen_1_win_1_extra_header_main_default, 5);
lv_style_set_pad_bottom(&style_screen_1_win_1_extra_header_main_default, 5);
lv_style_set_pad_left(&style_screen_1_win_1_extra_header_main_default, 5);
lv_style_set_pad_column(&style_screen_1_win_1_extra_header_main_default, 5);
lv_obj_add_style(lv_win_get_header(ui->screen_1_win_1), &style_screen_1_win_1_extra_header_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

//Write style state: LV_STATE_DEFAULT for &style_screen_1_win_1_extra_btns_main_default
//初始化样式对象
static lv_style_t style_screen_1_win_1_extra_btns_main_default;
ui_init_style(&style_screen_1_win_1_extra_btns_main_default);
//按钮样式设置
lv_style_set_radius(&style_screen_1_win_1_extra_btns_main_default, 8);
lv_style_set_border_width(&style_screen_1_win_1_extra_btns_main_default, 0);
lv_style_set_bg_opa(&style_screen_1_win_1_extra_btns_main_default, 255);
lv_style_set_bg_color(&style_screen_1_win_1_extra_btns_main_default, lv_color_hex(0x2195f6));
lv_style_set_bg_grad_dir(&style_screen_1_win_1_extra_btns_main_default, LV_GRAD_DIR_NONE);
lv_style_set_shadow_width(&style_screen_1_win_1_extra_btns_main_default, 0);
lv_obj_add_style(ui->screen_1_win_1_item0, &style_screen_1_win_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

//Write codes screen_1_slider_1
//创建以及设置滑动条
ui->screen_1_slider_1 = lv_slider_create(ui->screen_1);
lv_slider_set_range(ui->screen_1_slider_1, 0, 100);
lv_slider_set_mode(ui->screen_1_slider_1, LV_SLIDER_MODE_NORMAL);
lv_slider_set_value(ui->screen_1_slider_1, 50, LV_ANIM_OFF);
lv_obj_set_pos(ui->screen_1_slider_1, 110, 189);
lv_obj_set_size(ui->screen_1_slider_1, 265, 8);

//Write style for screen_1_slider_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
//滑动条样式设置
lv_obj_set_style_bg_opa(ui->screen_1_slider_1, 60, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(ui->screen_1_slider_1, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_bg_grad_dir(ui->screen_1_slider_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_radius(ui->screen_1_slider_1, 50, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_outline_width(ui->screen_1_slider_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_shadow_width(ui->screen_1_slider_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

//Write style for screen_1_slider_1, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
//设置背景透明度
lv_obj_set_style_bg_opa(ui->screen_1_slider_1, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
//设置背景颜色
lv_obj_set_style_bg_color(ui->screen_1_slider_1, lv_color_hex(0x2195f6), LV_PART_INDICATOR|LV_STATE_DEFAULT);
//禁用渐变背景
lv_obj_set_style_bg_grad_dir(ui->screen_1_slider_1, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);
//设置圆角半径
lv_obj_set_style_radius(ui->screen_1_slider_1, 50, LV_PART_INDICATOR|LV_STATE_DEFAULT);

//Write codes screen_1_slider_2
//创建以及设置滑动条
ui->screen_1_slider_2 = lv_slider_create(ui->screen_1);
lv_slider_set_range(ui->screen_1_slider_2, 0, 100);
lv_slider_set_mode(ui->screen_1_slider_2, LV_SLIDER_MODE_NORMAL);
lv_slider_set_value(ui->screen_1_slider_2, 50, LV_ANIM_OFF);
lv_obj_set_pos(ui->screen_1_slider_2, 110, 247);
lv_obj_set_size(ui->screen_1_slider_2, 265, 8);

//Write style for screen_1_slider_2, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
//滑动条样式设置
lv_obj_set_style_bg_opa(ui->screen_1_slider_2, 60, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(ui->screen_1_slider_2, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_bg_grad_dir(ui->screen_1_slider_2, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_radius(ui->screen_1_slider_2, 50, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_outline_width(ui->screen_1_slider_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_set_style_shadow_width(ui->screen_1_slider_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

//Write style for screen_1_slider_2, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
//设置背景透明度
lv_obj_set_style_bg_opa(ui->screen_1_slider_2, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
//设置背景颜色
lv_obj_set_style_bg_color(ui->screen_1_slider_2, lv_color_hex(0x2195f6), LV_PART_INDICATOR|LV_STATE_DEFAULT);
//禁用渐变背景
lv_obj_set_style_bg_grad_dir(ui->screen_1_slider_2, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);
//设置圆角半径
lv_obj_set_style_radius(ui->screen_1_slider_2, 50, LV_PART_INDICATOR|LV_STATE_DEFAULT);

//Write style for screen_1_slider_2, Part: LV_PART_KNOB, State: LV_STATE_DEFAULT.
//滑动条样式设置
lv_obj_set_style_bg_opa(ui->screen_1_slider_2, 255, LV_PART_KNOB|LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(ui->screen_1_slider_2, lv_color_hex(0x2195f6), LV_PART_KNOB|LV_STATE_DEFAULT);
lv_obj_set_style_bg_grad_dir(ui->screen_1_slider_2, LV_GRAD_DIR_NONE, LV_PART_KNOB|LV_STATE_DEFAULT);
lv_obj_set_style_radius(ui->screen_1_slider_2, 50, LV_PART_KNOB|LV_STATE_DEFAULT);
下一期讲解其他控件的使用。
本文章由威三学社出品
对课程感兴趣可以私信联系

http://www.dtcms.com/a/537149.html

相关文章：

  • 集群环境安装与部署 Hadoop
  • 【乱七八糟】【1. fs.inotify.max_user_watches 参数】
  • C++运算符重载与友元函数：理解输入输出流的魔法
  • Android Camera 从应用到硬件之- 枚举Camera - 1
  • 【Frida Android】基础篇13：Frida-Trace 基础简介——从命令到脚本的动态追踪入门
  • 使用electron-vite生成一个桌面应用以及引入必要插件
  • 龙岗网站设计机构网络培训平台建设方案
  • 运动想象 (MI) 分类学习系列 (19) : EEG-TransNet
  • io游戏网站重庆市建设项目环境影响评价网站
  • 怎样做静态网站做网站开发用哪门语言
  • springAI实现ai大模型+传统应用双剑合璧- Function Calling
  • 电子商务网站开发设计适合前端新手做的网页
  • 济宁市建设局网站wordpress hover
  • 熵平衡机制在子种群迁移中的具体实现
  • 记录一下Linux 6.12 中 cpu_util函数的作用
  • 做淘宝内部优惠券网站要钱么网站制作费用价格表
  • ECSCluster容器洞察功能完整实现与深度解析
  • 力扣（LeetCode) ——15.三数之和（C++）
  • Kubernetes GPU 运维组件介绍
  • 龙中龙网站开发wordpress 判断函数
  • 网站开发流程框架手机软件开发和网站开发
  • 定时发布文章测试
  • 联邦快递网站建设的目标重庆平台网站推广
  • 医院 网站建设成品网站价格表
  • 第14天：系统监控与日志管理
  • 区块链分层架构或侧链/子链
  • Ethernaut Level 14: Gatekeeper Two - 合约创建时的 extcodesize
  • 网页网站建设难吗深圳网络营销推广公司
  • 东莞网站开发深圳做网站做app
  • 18.矩阵置零（原地算法）