LVGL Video控件和Radiobtn控件详解

于 2025-04-16 00:13:57 发布
阅读量935 收藏 12
点赞数 32
分类专栏： LVGL 文章标签： LVGL stm32 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15181569/article/details/147238154
版权

LVGL Video控件和Radiobtn控件详解

  • 一、 Video控件详解
    • 1. 概述
    • 2. 创建和初始化
    • 3. 基本属性设置
    • 4. 视频控制
    • 5. 回调函数
    • 6. 高级功能
    • 7. 注意事项
  • 二、Radiobtn控件详解
    • 1. 概述
    • 2. 创建和初始化
    • 3. 属性设置
    • 4. 状态控制
    • 5. 组管理
    • 6. 事件处理
    • 7. 样式设置
    • 8. 注意事项
  • 三、效果展示
  • 四、源码分享

一、 Video控件详解

1. 概述

  • 功能：lv_video 是 LVGL 提供的一个用于播放视频的控件。
  • 依赖：需要外部的视频解码库（如 FFmpeg）来处理视频文件。

2. 创建和初始化

  • 创建：
    lv_obj_t * video = lv_video_create(lv_scr_act());
  • 初始化：
    • 设置视频源：
      lv_video_set_src(video, "path/to/video.mp4");

3. 基本属性设置

  • 大小：
    lv_obj_set_size(video, width, height);
  • 位置：
    lv_obj_set_pos(video, x, y);

4. 视频控制

  • 播放：
    lv_video_start(video);
  • 暂停：
    lv_video_pause(video);
  • 停止：
    lv_video_stop(video);
  • 跳转到指定时间：
    lv_video_seek(video, time_in_ms);

5. 回调函数

  • 事件回调：
    static void video_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_PLAYBACK_FINISHED) {
        // 视频播放结束
    }
}

lv_obj_add_event_cb(video, video_event_cb, LV_EVENT_ALL, NULL);

6. 高级功能

  • 音量控制：
    lv_video_set_volume(video, volume); // 0-100
  • 循环播放：
    lv_video_set_loop(video, true); // 或 false

7. 注意事项

  • 性能：视频播放可能对系统资源消耗较大，确保硬件支持。
  • 兼容性：确保使用的视频格式与解码库兼容。

二、Radiobtn控件详解

1. 概述

  • 功能：lv_radio 控件用于在多个选项中选择一个。
  • 特点：单选按钮，一次只能选择一个选项。

2. 创建和初始化

  • 创建：

    lv_obj_t * radio = lv_radio_create(lv_scr_act());

  • 初始化：

    • 设置文本：
      lv_radio_set_text(radio, "Option 1");

3. 属性设置

  • 大小：

    lv_obj_set_size(radio, width, height);

  • 位置：

    lv_obj_set_pos(radio, x, y);

  • 对齐方式：

    lv_obj_align(radio, LV_ALIGN_CENTER, 0, 0);

4. 状态控制

  • 选中状态：

    • 选中：

      lv_radio_on(radio, LV_ANIM_ON);

    • 取消选中：

      lv_radio_off(radio, LV_ANIM_ON);

  • 检查状态：

    bool is_checked = lv_radio_is_checked(radio);

5. 组管理

  • 创建组：

    lv_group_t * group = lv_group_create();

  • 添加到组：

    lv_group_add_obj(group, radio);

  • 切换选中项：

    lv_group_focus_obj(radio);

6. 事件处理

  • 事件回调：
    static void radio_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) {
        if (lv_radio_is_checked(obj)) {
            // 处理选中事件
        }
    }
}

lv_obj_add_event_cb(radio, radio_event_cb, LV_EVENT_ALL, NULL);

7. 样式设置

  • 默认样式：

    lv_obj_set_style_bg_color(radio, lv_color_hex(0x00FF00), 0);

  • 选中样式：

    lv_obj_set_style_bg_color(radio, lv_color_hex(0xFF0000), LV_STATE_CHECKED);

8. 注意事项

  • 互斥性：同一组内的单选按钮是互斥的，即一次只能有一个被选中。
  • 布局：合理安排单选按钮的位置和大小，确保用户界面友好。

三、效果展示

在这里插入图片描述

四、源码分享

ui.h

typedef struct
{
  
	lv_obj_t *screen;
	bool screen_del;
	lv_obj_t *screen_radiobtn_1;
	lv_obj_t *screen_radiobtn_1_item0;
	lv_obj_t *screen_radiobtn_1_item1;
	lv_obj_t *screen_radiobtn_1_item2;
	lv_obj_t *screen_video_1;
}lv_ui;

ui.c

#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 screen
	ui->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(0x13e6d2), 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_radiobtn_1
	ui->screen_radiobtn_1 = lv_radiobtn_create(ui->screen);
	ui->screen_radiobtn_1_item0 =lv_radiobtn_add_item(ui->screen_radiobtn_1, "radio1");
	ui->screen_radiobtn_1_item1 =lv_radiobtn_add_item(ui->screen_radiobtn_1, "radio2");
	ui->screen_radiobtn_1_item2 =lv_radiobtn_add_item(ui->screen_radiobtn_1, "radio3");
	lv_obj_set_pos(ui->screen_radiobtn_1, 96, 130);
	lv_obj_set_size(ui->screen_radiobtn_1, 201, 235);

	//Write style state: LV_STATE_DEFAULT for &style_screen_radiobtn_1_main_main_default
	static lv_style_t style_screen_radiobtn_1_main_main_default;
	ui_init_style(&style_screen_radiobtn_1_main_main_default);
	
	lv_style_set_pad_top(&style_screen_radiobtn_1_main_main_default, 5);
	lv_style_set_pad_left(&style_screen_radiobtn_1_main_main_default, 5);
	lv_style_set_pad_right(&style_screen_radiobtn_1_main_main_default, 5);
	lv_style_set_pad_bottom(&style_screen_radiobtn_1_main_main_default, 5);
	lv_style_set_border_width(&style_screen_radiobtn_1_main_main_default, 1);
	lv_style_set_border_opa(&style_screen_radiobtn_1_main_main_default, 0);
	lv_style_set_border_color(&style_screen_radiobtn_1_main_main_default, lv_color_hex(0xe1e6ee));
	lv_style_set_border_side(&style_screen_radiobtn_1_main_main_default, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_main_main_default, 6);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_main_main_default, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_main_main_default, lv_color_hex(0x2195f6));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_main_main_default, LV_GRAD_DIR_NONE);
	lv_style_set_shadow_width(&style_screen_radiobtn_1_main_main_default, 0);
	lv_obj_add_style(ui->screen_radiobtn_1, &style_screen_radiobtn_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_screen_radiobtn_1_extra_btns_main_default
	static lv_style_t style_screen_radiobtn_1_extra_btns_main_default;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_main_default);
	
	lv_style_set_pad_top(&style_screen_radiobtn_1_extra_btns_main_default, 3);
	lv_style_set_pad_right(&style_screen_radiobtn_1_extra_btns_main_default, 0);
	lv_style_set_pad_bottom(&style_screen_radiobtn_1_extra_btns_main_default, 0);
	lv_style_set_pad_left(&style_screen_radiobtn_1_extra_btns_main_default, 0);
	lv_style_set_text_color(&style_screen_radiobtn_1_extra_btns_main_default, lv_color_hex(0xffffff));
	lv_style_set_text_font(&style_screen_radiobtn_1_extra_btns_main_default, &lv_font_montserratMedium_16);
	lv_style_set_text_opa(&style_screen_radiobtn_1_extra_btns_main_default, 255);
	lv_style_set_text_letter_space(&style_screen_radiobtn_1_extra_btns_main_default, 2);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_main_default, 6);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_main_default, 0);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_screen_radiobtn_1_extra_btns_indicator_default
	static lv_style_t style_screen_radiobtn_1_extra_btns_indicator_default;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_indicator_default);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_indicator_default, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_indicator_default, 255);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_indicator_default, lv_color_hex(0x5cd624));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_indicator_default, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_indicator_default, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_indicator_default, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_extra_btns_indicator_default, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_extra_btns_indicator_default, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_indicator_default, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_indicator_default, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_indicator_default, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_PRESSED for &style_screen_radiobtn_1_extra_btns_indicator_pressed
	static lv_style_t style_screen_radiobtn_1_extra_btns_indicator_pressed;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_indicator_pressed);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_indicator_pressed, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_indicator_pressed, 255);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_indicator_pressed, lv_color_hex(0x5cd624));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_indicator_pressed, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_indicator_pressed, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_indicator_pressed, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_extra_btns_indicator_pressed, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_extra_btns_indicator_pressed, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_indicator_pressed, LV_PART_INDICATOR|LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_indicator_pressed, LV_PART_INDICATOR|LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_indicator_pressed, LV_PART_INDICATOR|LV_STATE_PRESSED);

	//Write style state: LV_STATE_CHECKED for &style_screen_radiobtn_1_extra_btns_indicator_checked
	static lv_style_t style_screen_radiobtn_1_extra_btns_indicator_checked;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_indicator_checked);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_indicator_checked, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_indicator_checked, 255);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_indicator_checked, lv_color_hex(0x5cd624));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_indicator_checked, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_indicator_checked, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_indicator_checked, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_extra_btns_indicator_checked, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_extra_btns_indicator_checked, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_indicator_checked, LV_PART_INDICATOR|LV_STATE_CHECKED);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_indicator_checked, LV_PART_INDICATOR|LV_STATE_CHECKED);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_indicator_checked, LV_PART_INDICATOR|LV_STATE_CHECKED);

	//Write style state: LV_STATE_CHECKED | LV_STATE_PRESSED for &style_screen_radiobtn_1_extra_btns_indicator_checked_pressed
	static lv_style_t style_screen_radiobtn_1_extra_btns_indicator_checked_pressed;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, 255);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, lv_color_hex(0x5cd624));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, LV_PART_INDICATOR|LV_STATE_CHECKED | LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, LV_PART_INDICATOR|LV_STATE_CHECKED | LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_indicator_checked_pressed, LV_PART_INDICATOR|LV_STATE_CHECKED | LV_STATE_PRESSED);

	//Write style state: LV_STATE_DEFAULT for &style_screen_radiobtn_1_extra_btns_custom_default
	static lv_style_t style_screen_radiobtn_1_extra_btns_custom_default;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_custom_default);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_custom_default, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_custom_default, 0);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_custom_default, lv_color_hex(0xffffff));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_custom_default, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_custom_default, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_custom_default, 0);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_custom_default, LV_PART_CUSTOM_FIRST|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_custom_default, LV_PART_CUSTOM_FIRST|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_custom_default, LV_PART_CUSTOM_FIRST|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_PRESSED for &style_screen_radiobtn_1_extra_btns_custom_pressed
	static lv_style_t style_screen_radiobtn_1_extra_btns_custom_pressed;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_custom_pressed);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_custom_pressed, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_custom_pressed, 0);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_custom_pressed, lv_color_hex(0xffffff));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_custom_pressed, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_custom_pressed, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_custom_pressed, 0);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_custom_pressed, LV_PART_CUSTOM_FIRST|LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_custom_pressed, LV_PART_CUSTOM_FIRST|LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_custom_pressed, LV_PART_CUSTOM_FIRST|LV_STATE_PRESSED);

	//Write style state: LV_STATE_CHECKED for &style_screen_radiobtn_1_extra_btns_custom_checked
	static lv_style_t style_screen_radiobtn_1_extra_btns_custom_checked;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_custom_checked);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_custom_checked, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_custom_checked, 255);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_custom_checked, lv_color_hex(0x5cd624));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_custom_checked, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_custom_checked, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_custom_checked, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_extra_btns_custom_checked, lv_color_hex(0x5cd624));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_extra_btns_custom_checked, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_custom_checked, LV_PART_CUSTOM_FIRST|LV_STATE_CHECKED);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_custom_checked, LV_PART_CUSTOM_FIRST|LV_STATE_CHECKED);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_custom_checked, LV_PART_CUSTOM_FIRST|LV_STATE_CHECKED);

	//Write style state: LV_STATE_CHECKED | LV_STATE_PRESSED for &style_screen_radiobtn_1_extra_btns_custom_checked_pressed
	static lv_style_t style_screen_radiobtn_1_extra_btns_custom_checked_pressed;
	ui_init_style(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed);
	
	lv_style_set_border_width(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, 2);
	lv_style_set_border_opa(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, 255);
	lv_style_set_border_color(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, lv_color_hex(0x5cd624));
	lv_style_set_border_side(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, 20);
	lv_style_set_bg_opa(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, 255);
	lv_style_set_bg_color(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, lv_color_hex(0x5cd624));
	lv_style_set_bg_grad_dir(&style_screen_radiobtn_1_extra_btns_custom_checked_pressed, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->screen_radiobtn_1_item2, &style_screen_radiobtn_1_extra_btns_custom_checked_pressed, LV_PART_CUSTOM_FIRST|LV_STATE_CHECKED | LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item1, &style_screen_radiobtn_1_extra_btns_custom_checked_pressed, LV_PART_CUSTOM_FIRST|LV_STATE_CHECKED | LV_STATE_PRESSED);
	lv_obj_add_style(ui->screen_radiobtn_1_item0, &style_screen_radiobtn_1_extra_btns_custom_checked_pressed, LV_PART_CUSTOM_FIRST|LV_STATE_CHECKED | LV_STATE_PRESSED);

	//Write codes screen_video_1
	ui->screen_video_1 = lv_video_create(ui->screen, 322, 236);
#if LV_USE_GUIDER_SIMULATOR
	lv_video_set_src(ui->screen_video_1,"C:\\NXP\\GUI-Guider-Projects\\ergdfgds\\import\\video\\1080P30.h264");
#else
	lv_video_set_src(ui->screen_video_1,"S:/1080P30.h264");
#endif
	lv_obj_set_pos(ui->screen_video_1, 389, 117);
	lv_obj_set_size(ui->screen_video_1, 322, 236);

	//The custom code of screen.
	

	//Update current screen layout.
	lv_obj_update_layout(ui->screen);

}

在这里插入图片描述

觉得有用点个赞呗！

【愚公系列】2023年10月 Winform控件专题 RadioButton控件详解
时光隧道
09-02 2万+
Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、进度条等。开发人员可以使用Winform控件来构建用户界面并响应用户的操作行为，从而创建功能强大的桌面应用程序。RadioButton控件是Winform中常用的控件之一，它用于提供单选功能。CheckAlign属性用于设置RadioButton控件中选中的圆圈位置。
QT常用UI控件
2201_75782847的博客
08-27 1024
本文将介绍QT中常用的UI控件，包括按钮、文本框、标签、下拉列表等，帮助读者快速掌握QT界面设计技巧，提高开发效率。
LVGL V8自定义实现radio button
菜鸟攻城狮
04-04 1892
这几天由于开发任务的需要，需要自定义实现一个radio button的功能，所以通过研究button添加LV_OBJ_FLAG_CHECKABLE属性实现了一个简单的radio button，下面直接上代码。
littleVGL学习笔记9——lv_btn 按钮
贾贾的博客
07-24 3996
1. 介绍   和 lv_label标签控件一样重要,除了能显示文本外,它的主要用途是和用户进行交互,lv_btn 按钮其实就是一个 lv_cont容器的复杂变体,另外加上可选的子对象,最常用的子对象就是 lv_label 标签,在 littleVGL 中,lv_btn 按钮具有 5 种状态,如下所示: LV_BTN_STATE_REL: 按钮的正常释放状态 LV_BTN_STATE_PR: 按钮的正常按下状态 LV_BTN_STATE_TGL_REL: 按钮的切换(Toggle)释放状态 LV_BTN_S
LVGL 8.2 Checkboxes as radio buttons
mygod2008ok的专栏
06-26 1370
LVGL 8.2 Checkboxes as radio buttons
LVGL视频播放界面实现方法
DOT小文哥的博客
12-27 9448
在内核初始化过程中，显示驱动注册/dev/fb0，会申请UI层，可以看到ch[1] lyr[0]，一般UI就一个地址addr[ff800000, 0, 0]，并且也是最顶层的z[16]，混合模式a[pixel 255]表示由应用控制UI层的透明度。视频播放（使用TPlayer接口）的时候会通过中间件申请视频图层，可以看到ch[0] lyr[0]，并且yuv三个地址一直在变化addr[fb200000,fb2e6000,fb359000]，通常视频会放到最底层z[0]。可以看下视频播放的时候有哪些元素。
LVGL如何透视应用层看见下面视频层的问题（ODS）实现
zzzzzz_9的博客
02-24 2516
关于用lvgl实现OSD显示的问题
安卓中常用的组件和控件
最新发布
03-15
当内置控件无法满足需求时，开发者可以选择创建自定义 View 来实现特定的功能和外观设计[^1]。 --- ### 示例代码：简单的 Button 点击监听 ```java Button button = findViewById(R.id.button); button....
Streamlit控件数据的获得
WlzSnail的专栏
06-24 464
Checkbox控件获得只有控件的状态，如果想要获得控制的内容需要在代码中转换。正常情况下通过将控件赋值给一个变量，通过该变量就可以拿到控件的数据。文本框中输入的内容为。
Qt第四章基本控件
yerennuo的博客
04-05 683
QAbstractButton类实现了一个抽象按钮，并且让它的子类来指定如何处理用户的动作，并且指定如何绘制按钮QAbstractButton提供了点击和勾选按钮。QRadioButton和QCheakBoxl类只提供了勾选按钮QPushButton和QToolButton提供了点击按钮，如果需要的话，它们还可以提供切换行为、要子类化QAbstractButton，您至少必须重新实现paintEvent()来绘制按钮的轮廓极骑文本或像素图。
android 控件之RadioGroup&RadioButton
偲瑾年华
10-29 1069
RadioButton和RadioGroup的关系：     1、RadioButton表示单个圆形单选框，而RadioGroup是可以容纳多个RadioButton的容器；     2、每个RadioGroup中的RadioButton同时只能有一个被选中；     3、不同的RadioGroup中的RadioButton互不相干，即如果组A中有一个选中了，组B中依然可以有一个被选中；
【Qt 学习笔记】Qt常用控件 | 按钮类控件 | Radio Button的使用及说明
小黄鸭的博客
04-15 4476
在Qt中，QRadioButton是一种可以在用户界面中选择某个选项的按钮控件。它被设计为一组互斥的按钮，意味着在同一组中只能选择一个单选按钮。 QRadioButton继承自QAbstractButton，因此它具有一些共同的功能，例如设置文本、图标、状态等。它还可以发出clicked()信号，以便在用户单击按钮时执行相应的操作。
video标签隐藏底部进度条等内容
一个超爱喝可乐的web前端攻城狮
05-10 6848
video标签隐藏底部进度条等内容 html <video id="videoDom" controls="controls" src="***"></video> css video::-webkit-media-controls-fullscreen-button { display: none; } video::-webkit-media-controls-play-button { display: none; } video::-webkit-med
LVGL库入门 02 - 布局
LearnLHC的博客
11-02 2779
一般情况下 flex-grow 和带 wrap 的 flex-flow 是冲突的，也就是说所有设置了 flex-grow 的控件都会在同一行布局，但它们的宽度可能变得很窄。调整一个控件的位置（或者使用类似的函数单独调整一个方向的坐标），将它放在相对父容器左上角的合适位置。这种对齐的方式对于控件不多的情况下来说是足够了，但是有些时候需要对很多并列的控件布局（例如，一个计算机界面的所有按钮）。按钮在创建时还可以指定按钮的图标，图标的本质就是 Unicode 中的特殊符号，在。如果一个控件被设置了冒泡事件标志。
video 自定义视频播放控件的显示和隐藏
细节怪的博客
02-24 5798
自定义视频播放控件的显示和隐藏，以及显示隐藏的过渡效果
H5自定义video播放控件，播放暂停使用图标
calm_programmer的博客
12-26 7601
大家都知道vedio的contorls属性可以将video的控件显示出来，包括播放、暂停、进度条、声量控制、全屏显示等。但是出于需求，往往需要将某些控件外形变成我们想要图标（但功能一样），而不是全部使用vedio自带的控件图标。 下面这个例子，我将隐藏video自带的播放按钮，使用自定义的播放、暂停图标作为控件，下面这个例子是从awesome图标库下载的图片，大家自行选择！ 播放图标下载地址为：play-circle – Font Awesome 中文网 为了读者能够一目了然地了解制作效果，下面展示g
【LVGL 学习】按键学习
一名嵌入式界的小学生
10-05 2926
1. 创建一个按键 /* LVGL 创建一个按键 */ void lvgl_create_btn(void) { /* 创建一个屏幕 */ lv_obj_t* scr = lv_obj_create(NULL, NULL); lv_scr_load(scr); /* 加载屏幕 /* 创建两个按钮 */ lv_obj_t* btn1 = lv_btn_create(scr, NULL); /* 创建一个按钮 1 在屏幕中 */ lv_obj_set_pos(btn1, 60, 120);
LVGL--轻量级嵌入式图形库
gy_654的博客
04-24 8834
根据正点原子和网上资料整理而成
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小灰灰搞电子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值