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

网站建设功能报自己在家开网站做推广

wzjs 2025/9/17 18:17:35
网站建设功能报,自己在家开网站做推广,台州椒江网站建设公司,彩票网站怎么建设LVGL Arc控件和Roller控件详解 一、Arc控件详解LVGL Arc 控件概述创建 Arc 控件事件处理样式定制 二、Roller控件详解1. 概述2. 基本属性3. 创建 Roller 控件4. 设置选项5. 获取和设置选中项6. 自定义样式7. 事件处理8. 示例代码 三、效果展示四、源码分享 一、Arc控件详解 LV…

LVGL Arc控件和Roller控件详解

  • 一、Arc控件详解
    • LVGL Arc 控件概述
    • 创建 Arc 控件
    • 事件处理
    • 样式定制
  • 二、Roller控件详解
    • 1. 概述
    • 2. 基本属性
    • 3. 创建 Roller 控件
    • 4. 设置选项
    • 5. 获取和设置选中项
    • 6. 自定义样式
    • 7. 事件处理
    • 8. 示例代码
  • 三、效果展示
  • 四、源码分享

一、Arc控件详解

LVGL Arc 控件概述

1. 介绍

  • Arc 控件 是 LVGL 库中的一个基本图形控件，用于显示圆形或弧形。
  • 常用于进度条、仪表盘等场景。

2. 主要属性

  • 角度范围 (start_angle, end_angle)
    • 定义弧的起始和结束角度。
  • 旋转方向 (dir)
    • 指定弧的绘制方向（顺时针或逆时针）。
  • 宽度 (width)
    • 设置弧线的宽度。
  • 背景 (bg_color, bg_opa)
    • 设置背景颜色和透明度。
  • 线条颜色 (color, opa)
    • 设置弧线的颜色和透明度。

创建 Arc 控件

1. 初始化

lv_obj_t * arc = lv_arc_create(lv_scr_act());

2. 设置属性

  • 设置角度范围
    lv_arc_set_range(arc, 0, 360);
  • 设置当前值
    lv_arc_set_value(arc, 90);
  • 设置旋转方向
    lv_arc_set_rotation(arc, LV_ARC_DIR_CW); // 顺时针
lv_arc_set_rotation(arc, LV_ARC_DIR_CCW); // 逆时针
  • 设置宽度
    lv_arc_set_width(arc, 10);
  • 设置颜色
    lv_arc_set_bg_color(arc, lv_color_hex(0x00FF00));
lv_arc_set_color(arc, lv_color_hex(0xFF0000));

事件处理

1. 注册事件回调

lv_obj_add_event_cb(arc, arc_event_cb, LV_EVENT_ALL, NULL);

2. 事件回调函数示例

static void arc_event_cb(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_VALUE_CHANGED) {int value = lv_arc_get_value(obj);LV_LOG_USER("Arc value: %d", value);}
}

样式定制

1. 创建样式

static lv_style_t style;
lv_style_init(&style);

2. 设置样式属性

  • 背景
    lv_style_set_bg_color(&style, lv_color_hex(0x00FF00));
lv_style_set_bg_opa(&style, LV_OPA_50);
  • 线条
    lv_style_set_line_color(&style, lv_color_hex(0xFF0000));
lv_style_set_line_opa(&style, LV_OPA_80);
lv_style_set_line_width(&style, 10);

3. 应用样式

lv_obj_add_style(arc, &style, 0);

二、Roller控件详解

1. 概述

  • Roller 是 LVGL 中的一种控件，用于显示一个滚动选择列表。
  • 用户可以通过上下滑动来选择列表中的项。

2. 基本属性

  • 选项列表：通过 lv_roller_set_options 函数设置。
  • 当前选中项：通过 lv_roller_get_selected 和 lv_roller_set_selected 函数获取和设置。
  • 动画效果：支持滚动动画，可以通过 lv_roller_set_anim_time 设置动画时间。

3. 创建 Roller 控件

lv_obj_t * roller = lv_roller_create(parent);

4. 设置选项

const char * options = "Option 1\nOption 2\nOption 3";
lv_roller_set_options(roller, options, LV_ROLLER_MODE_INFINITE);
  • 模式：
    • LV_ROLLER_MODE_INFINITE：无限循环模式。
    • LV_ROLLER_MODE_NORMAL：正常模式。

5. 获取和设置选中项

int selected = lv_roller_get_selected(roller);
lv_roller_set_selected(roller, 1, LV_ANIM_ON); // 选择第2个选项，开启动画

6. 自定义样式

  • 可以通过 lv_obj_add_style 添加自定义样式。
  • 样式属性包括文本颜色、背景颜色、边框等。

7. 事件处理

  • 可以为 Roller 控件添加事件回调函数。
lv_obj_add_event_cb(roller, roller_event_cb, LV_EVENT_ALL, NULL);
  • 常用事件类型：
    • LV_EVENT_VALUE_CHANGED：当选中项改变时触发。

8. 示例代码

static void roller_event_cb(lv_event_t * e) {lv_event_code_t code = lv_event_get_code(e);lv_obj_t * roller = lv_event_get_target(e);if(code == LV_EVENT_VALUE_CHANGED) {const char * txt = lv_roller_get_selected_str(roller);LV_LOG_USER("Selected: %s", txt);}
}void create_roller(lv_obj_t * parent) {lv_obj_t * roller = lv_roller_create(parent);const char * options = "Option 1\nOption 2\nOption 3";lv_roller_set_options(roller, options, LV_ROLLER_MODE_NORMAL);lv_roller_set_selected(roller, 0, LV_ANIM_ON);lv_obj_add_event_cb(roller, roller_event_cb, LV_EVENT_ALL, NULL);
}

三、效果展示

在这里插入图片描述

四、源码分享

ui.h


typedef struct
{lv_obj_t *screen;bool screen_del;lv_obj_t *screen_roller;lv_obj_t *screen_arc;
}lv_ui;

ui.c

/*
* Copyright 2025 NXP
* NXP Confidential and Proprietary. This software is owned or controlled by NXP and may only be used strictly in
* accordance with the applicable license terms. By expressly accepting such terms or by downloading, installing,
* activating and/or otherwise using the software, you are agreeing that you have read, and that you agree to
* comply with and are bound by, such license terms.  If you do not agree to be bound by the applicable license
* terms, then you may not retain, install, activate or otherwise use the software.
*/#include "lvgl.h"
#include <stdio.h>
#include "gui_guider.h"
#include "events_init.h"
#include "widgets_init.h"
#include "custom.h"void setup_scr_screen(lv_ui *ui)
{//Write codes screenui->screen = lv_obj_create(NULL);lv_obj_set_size(ui->screen, 800, 480);lv_obj_set_scrollbar_mode(ui->screen, LV_SCROLLBAR_MODE_OFF);//Write style for screen, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.lv_obj_set_style_bg_opa(ui->screen, 255, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_color(ui->screen, lv_color_hex(0x21d0e3), LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_grad_dir(ui->screen, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);//Write codes screen_rollerui->screen_roller = lv_roller_create(ui->screen);lv_roller_set_options(ui->screen_roller, "1\n2\n3\n4\n5\n6\n7\n8\n9\n10", LV_ROLLER_MODE_INFINITE);lv_obj_set_pos(ui->screen_roller, 327, 139);lv_obj_set_width(ui->screen_roller, 147);//Write style for screen_roller, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.lv_obj_set_style_radius(ui->screen_roller, 5, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_opa(ui->screen_roller, 255, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_color(ui->screen_roller, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_grad_dir(ui->screen_roller, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_text_color(ui->screen_roller, lv_color_hex(0x333333), LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_text_font(ui->screen_roller, &lv_font_montserratMedium_12, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_text_opa(ui->screen_roller, 255, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_text_align(ui->screen_roller, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_border_width(ui->screen_roller, 2, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_border_opa(ui->screen_roller, 255, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_border_color(ui->screen_roller, lv_color_hex(0xe6e6e6), LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_border_side(ui->screen_roller, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_pad_left(ui->screen_roller, 0, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_pad_right(ui->screen_roller, 0, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_shadow_width(ui->screen_roller, 0, LV_PART_MAIN|LV_STATE_DEFAULT);//Write style for screen_roller, Part: LV_PART_SELECTED, State: LV_STATE_DEFAULT.lv_obj_set_style_bg_opa(ui->screen_roller, 255, LV_PART_SELECTED|LV_STATE_DEFAULT);lv_obj_set_style_bg_color(ui->screen_roller, lv_color_hex(0x2195f6), LV_PART_SELECTED|LV_STATE_DEFAULT);lv_obj_set_style_bg_grad_dir(ui->screen_roller, LV_GRAD_DIR_NONE, LV_PART_SELECTED|LV_STATE_DEFAULT);lv_obj_set_style_text_color(ui->screen_roller, lv_color_hex(0xFFFFFF), LV_PART_SELECTED|LV_STATE_DEFAULT);lv_obj_set_style_text_font(ui->screen_roller, &lv_font_montserratMedium_12, LV_PART_SELECTED|LV_STATE_DEFAULT);lv_obj_set_style_text_opa(ui->screen_roller, 255, LV_PART_SELECTED|LV_STATE_DEFAULT);lv_obj_set_style_text_align(ui->screen_roller, LV_TEXT_ALIGN_CENTER, LV_PART_SELECTED|LV_STATE_DEFAULT);lv_roller_set_visible_row_count(ui->screen_roller, 5);//Write codes screen_arcui->screen_arc = lv_arc_create(ui->screen);lv_arc_set_mode(ui->screen_arc, LV_ARC_MODE_NORMAL);lv_arc_set_range(ui->screen_arc, 0, 100);lv_arc_set_bg_angles(ui->screen_arc, 135, 45);lv_arc_set_value(ui->screen_arc, 10);lv_arc_set_rotation(ui->screen_arc, 0);lv_obj_set_style_arc_rounded(ui->screen_arc, 0,  LV_PART_INDICATOR|LV_STATE_DEFAULT);lv_obj_set_style_arc_rounded(ui->screen_arc, 0, LV_STATE_DEFAULT);lv_obj_set_pos(ui->screen_arc, 65, 94);lv_obj_set_size(ui->screen_arc, 194, 192);//Write style for screen_arc, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.lv_obj_set_style_bg_opa(ui->screen_arc, 255, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_color(ui->screen_arc, lv_color_hex(0xf6f6f6), LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_bg_grad_dir(ui->screen_arc, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_border_width(ui->screen_arc, 0, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_arc_width(ui->screen_arc, 12, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_arc_opa(ui->screen_arc, 255, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_arc_color(ui->screen_arc, lv_color_hex(0xe6e6e6), LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_radius(ui->screen_arc, 6, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_pad_top(ui->screen_arc, 20, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_pad_bottom(ui->screen_arc, 20, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_pad_left(ui->screen_arc, 20, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_pad_right(ui->screen_arc, 20, LV_PART_MAIN|LV_STATE_DEFAULT);lv_obj_set_style_shadow_width(ui->screen_arc, 0, LV_PART_MAIN|LV_STATE_DEFAULT);//Write style for screen_arc, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.lv_obj_set_style_arc_width(ui->screen_arc, 12, LV_PART_INDICATOR|LV_STATE_DEFAULT);lv_obj_set_style_arc_opa(ui->screen_arc, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);lv_obj_set_style_arc_color(ui->screen_arc, lv_color_hex(0x2195f6), LV_PART_INDICATOR|LV_STATE_DEFAULT);//Write style for screen_arc, Part: LV_PART_KNOB, State: LV_STATE_DEFAULT.lv_obj_set_style_bg_opa(ui->screen_arc, 255, LV_PART_KNOB|LV_STATE_DEFAULT);lv_obj_set_style_bg_color(ui->screen_arc, lv_color_hex(0x2195f6), LV_PART_KNOB|LV_STATE_DEFAULT);lv_obj_set_style_bg_grad_dir(ui->screen_arc, LV_GRAD_DIR_NONE, LV_PART_KNOB|LV_STATE_DEFAULT);lv_obj_set_style_pad_all(ui->screen_arc, 5, LV_PART_KNOB|LV_STATE_DEFAULT);//The custom code of screen.//Update current screen layout.lv_obj_update_layout(ui->screen);//Init events for screen.events_init_screen(ui);
}

event.c

/*
* Copyright 2025 NXP
* NXP Confidential and Proprietary. This software is owned or controlled by NXP and may only be used strictly in
* accordance with the applicable license terms. By expressly accepting such terms or by downloading, installing,
* activating and/or otherwise using the software, you are agreeing that you have read, and that you agree to
* comply with and are bound by, such license terms.  If you do not agree to be bound by the applicable license
* terms, then you may not retain, install, activate or otherwise use the software.
*/#include "events_init.h"
#include <stdio.h>
#include "lvgl.h"#if LV_USE_FREEMASTER
#include "freemaster_client.h"
#endif#include <string.h>
static void screen_roller_event_handler (lv_event_t *e)
{lv_event_code_t code = lv_event_get_code(e);switch (code) {case LV_EVENT_SCROLL_END:{char buf[32];int i=0;for(i=0;i<sizeof(buf);i++)buf[i] = 0;lv_roller_get_selected_str(guider_ui.screen_roller, buf, sizeof(buf));int val = atoi(buf);lv_arc_set_value(guider_ui.screen_arc, val*10);printf("%d\r\n",val);break;}case LV_EVENT_VALUE_CHANGED:{char buf[32];int i=0;for(i=0;i<sizeof(buf);i++)buf[i] = 0;lv_roller_get_selected_str(guider_ui.screen_roller, buf, sizeof(buf));int val = atoi(buf);lv_arc_set_value(guider_ui.screen_arc, val*10);break;}default:break;}
}
void events_init_screen(lv_ui *ui)
{lv_obj_add_event_cb(ui->screen_roller, screen_roller_event_handler, LV_EVENT_ALL, ui);
}void events_init(lv_ui *ui)
{}

在这里插入图片描述

觉得整理的好的话点个赞呗！


文章转载自：

http://htPUfGnN.bxbkq.cn
http://iA11Xcs6.bxbkq.cn
http://kFvhfczW.bxbkq.cn
http://VeORThLE.bxbkq.cn
http://hPQL1YvG.bxbkq.cn
http://N3nITa3C.bxbkq.cn
http://w2UihO36.bxbkq.cn
http://L1oiBdwG.bxbkq.cn
http://kOOmgjw8.bxbkq.cn
http://HYBZSV7S.bxbkq.cn
http://S3NF66ml.bxbkq.cn
http://ghDcga4O.bxbkq.cn
http://jP2a0mwK.bxbkq.cn
http://a3waonn2.bxbkq.cn
http://oPvytWb3.bxbkq.cn
http://qD2drlo6.bxbkq.cn
http://Kt7izauD.bxbkq.cn
http://hIVVav3D.bxbkq.cn
http://IN6WU20P.bxbkq.cn
http://NvTqZYCZ.bxbkq.cn
http://wpmukZVp.bxbkq.cn
http://1GgJPZkt.bxbkq.cn
http://qHBQQOfx.bxbkq.cn
http://xPIGd8nX.bxbkq.cn
http://Du4nD0cn.bxbkq.cn
http://2wmps4yr.bxbkq.cn
http://37PmgAq6.bxbkq.cn
http://gzKFTFsI.bxbkq.cn
http://zPrDAuN1.bxbkq.cn
http://SU0zRyKy.bxbkq.cn
http://www.dtcms.com/wzjs/770060.html

相关文章：

  • 有没有建筑学做区位分析的网站制作一个景点的网站
  • 上海网站建设上海迈歌天津市建设厅建筑业信息网
  • 400网站推广装潢设计用什么软件
  • 网站运营成功案例宁波品牌网站公司排名
  • 网站免费空间申请pinterest官网入口
  • 外贸网站如何做seo备案的博客网站可以做别的吗
  • 阿里巴巴建设电子商务网站目的咚咚抢网站怎么做的
  • 云计算存储网站建设安全成都最好的设计公司
  • 舞钢市城市建设局网站网页翻译不了中文
  • 网站建设项目进度表网页美工设计课程教案
  • seo是做网站源码还是什么自己用钢管做里闪弹枪视频和照网站
  • 企业为什么要建设电子商务网站成都手机网站建设报价表
  • 医院网站建设的目的南京网站建设cnee
  • 网站建设app开发 微信小程序 网站开发 自动脚本浙江创都建设有限公司网站
  • 一个综合网站上线多少钱中工信融做网站怎么样
  • 做网站建设哪家公司好代写文章哪里找写手
  • 栖霞网站定制自学前端怎么学
  • 西安网站设计哪家公司好请人做网站 说我要求多
  • 深圳自适应网站开发怎么判断是不是外包公司
  • 惠州模板网站做窗帘的网站
  • 遵义网站制作如何收费广州协会网站建设
  • wordpress vps建站南宁网站建设公司怎么接单
  • 公司网站修改怎么做个人建网站允许吗
  • 购物网站建设和使用产品网络推广的方法
  • 网站图片翻页怎么做制作彩页用什么软件
  • 电子商务网站建设与原理wordpress文章静态
  • 一般什么企业需要建站响应式网站例子
  • 以前有个自助建设网站做教育的网站
  • 免费男人做那个的视频网站营销型网站建站
  • 域名对网站seo的影响邮箱格式怎么写