LVGL Button控件的属性与用法

LVGL（Light and Versatile Graphics Library）的 Button 控件是 GUI 开发中的基础控件之一，用于响应用户的点击事件。下面我将详细介绍 LVGL Button 控件的属性与用法，并给出一个简单的 demo 示例。

LVGL Button 控件的属性

LVGL Button 控件具有多种属性，这些属性可以通过 API 函数进行设置，以改变按钮的外观和行为。以下是一些主要的属性：

1. 样式（Style）：

   • 背景色（Background Color）：设置按钮的背景颜色。
   • 边框（Border）：设置按钮的边框样式，包括颜色、宽度等。
   • 阴影（Shadow）：为按钮添加阴影效果，增加立体感。
   • 文本样式（Text Style）：如果按钮包含文本，可以设置文本的字体、颜色等样式。

2. 大小与位置：

   • 宽度（Width）和高度（Height）：设置按钮的尺寸。
   • 位置（Position）：设置按钮在父容器中的位置。

3. 行为：

   • 可切换（Checkable）：将按钮设置为可切换状态，点击时可以在选中（Checked）和未选中（Unchecked）之间切换。
   • 禁用（Disabled）：禁用按钮，使其无法响应用户的点击事件。

4. 事件处理：

   • 点击事件（Clicked Event）：当按钮被点击时触发的事件。
   • 值改变事件（Value Changed Event）：对于可切换按钮，当按钮的选中状态改变时触发的事件。

LVGL Button 控件的用法

LVGL Button 控件的用法主要包括以下几个步骤：

1. 创建按钮 ：
   使用 lv_btn_create 函数创建一个按钮对象，并指定其父对象（通常是屏幕对象或容器对象）。

2. 设置样式 ：
   使用样式相关的 API 函数设置按钮的样式属性，如背景色、边框等。

3. 设置大小与位置 ：
   使用 lv_obj_set_size 和lv_obj_set_pos等函数设置按钮的大小和位置。

4. 添加事件处理函数 ：
   使用 lv_obj_add_event_cb 函数为按钮添加事件处理函数，以便在按钮被点击或选中状态改变时执行特定的操作。

Demo 示例

以下是一个简单的 LVGL Button 控件的 demo 示例，演示了如何创建一个可切换的按钮，并在其选中状态改变时打印日志信息。

#include "lvgl.h"


static void btn_event_handler(lv_event_t * e) {
    lv_event_code_t code = lv_event_get_code(e);
    lv_obj_t * btn = lv_event_get_target(e);

    if (code == LV_EVENT_VALUE_CHANGED) {
        if (lv_btn_get_state(btn) == LV_BTN_STATE_CHECKED_PRESSED || lv_btn_get_state(btn) == LV_BTN_STATE_CHECKED_RELEASED) {
            LV_LOG_USER("Button is checkedn");
        } else {
            LV_LOG_USER("Button is uncheckedn");
        }
    }
}


void init_button(lv_obj_t * parent) {
    
    lv_obj_t * btn = lv_btn_create(parent, NULL);
    lv_obj_set_size(btn, 100, 50);
    lv_obj_align(btn, NULL, LV_ALIGN_CENTER, 0, 0);

    
    lv_btn_set_checkable(btn, true);

    
    lv_obj_add_event_cb(btn, btn_event_handler, LV_EVENT_ALL, NULL);

    
    
    
    
}


int main(void) {
    

    
    lv_obj_t * scr = lv_scr_act();

    
    init_button(scr);