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

模板做网站优缺点网站小白怎么开始学网站建设

模板做网站优缺点,网站小白怎么开始学网站建设,wordpress头部背景,企业综合查询网站文章目录 🧩 一、lv_checkbox 是什么?✅ 二、如何使用 lv_checkbox1️⃣ 创建 checkbox2️⃣ 设置或获取勾选状态3️⃣ 添加事件回调 🧪 三、完整示例🎨 四、样式自定义(可选)📌 五、典型应用场…

文章目录

    • 🧩 一、`lv_checkbox` 是什么?
    • ✅ 二、如何使用 `lv_checkbox`
      • 1️⃣ 创建 checkbox
      • 2️⃣ 设置或获取勾选状态
      • 3️⃣ 添加事件回调
    • 🧪 三、完整示例
    • 🎨 四、样式自定义(可选)
    • 📌 五、典型应用场景
    • ⚠️ 六、注意事项


当然可以!lv_checkbox 是 LVGL 中的复选框控件,常用于表示“开 / 关”或“已选 / 未选”的状态,允许用户选择一个或多个选项


🧩 一、lv_checkbox 是什么?

它是一个带文字的方形框,状态可以是:

  • ✅ 已勾选
  • ⬜ 未勾选
  • 🛑 禁用状态(不能点)

通常用于设置选项、表单、条款同意等场景。


✅ 二、如何使用 lv_checkbox

1️⃣ 创建 checkbox

lv_obj_t * cb = lv_checkbox_create(lv_scr_act());
lv_checkbox_set_text(cb, "我已阅读并同意");
lv_obj_align(cb, LV_ALIGN_CENTER, 0, 0);

你也可以在创建时直接设置文本(从 v8.1 起):

lv_obj_t * cb = lv_checkbox_create(lv_scr_act());
lv_label_set_text(lv_obj_get_child(cb, 1), "同意条款");

2️⃣ 设置或获取勾选状态

// 设置勾选
lv_obj_add_state(cb, LV_STATE_CHECKED);// 清除勾选
lv_obj_clear_state(cb, LV_STATE_CHECKED);// 是否已勾选?
bool is_checked = lv_obj_has_state(cb, LV_STATE_CHECKED);

3️⃣ 添加事件回调

void checkbox_event_cb(lv_event_t * e) {lv_obj_t * cb = lv_event_get_target(e);bool checked = lv_obj_has_state(cb, LV_STATE_CHECKED);const char * txt = lv_label_get_text(lv_obj_get_child(cb, 1));printf("复选框【%s】现在是:%s\n", txt, checked ? "已勾选" : "未勾选");
}lv_obj_add_event_cb(cb, checkbox_event_cb, LV_EVENT_VALUE_CHANGED, NULL);

🧪 三、完整示例

void lv_example_checkbox() {lv_obj_t * cb1 = lv_checkbox_create(lv_scr_act());lv_checkbox_set_text(cb1, "我已阅读用户协议");lv_obj_align(cb1, LV_ALIGN_TOP_LEFT, 10, 10);lv_obj_add_event_cb(cb1, checkbox_event_cb, LV_EVENT_VALUE_CHANGED, NULL);lv_obj_t * cb2 = lv_checkbox_create(lv_scr_act());lv_checkbox_set_text(cb2, "订阅邮件");lv_obj_align(cb2, LV_ALIGN_TOP_LEFT, 10, 50);lv_obj_add_event_cb(cb2, checkbox_event_cb, LV_EVENT_VALUE_CHANGED, NULL);
}

🎨 四、样式自定义(可选)

你可以为复选框添加自定义颜色、边框等样式:

lv_obj_set_style_bg_color(cb1, lv_palette_main(LV_PALETTE_GREEN), LV_PART_INDICATOR);
lv_obj_set_style_text_color(cb1, lv_color_black(), 0);

也可以设置字体大小、对齐方式等。


📌 五、典型应用场景

场景示例
用户协议“我已阅读并同意…”
设置选项“启动时自动登录”
批量选择文件列表中多选
表单“接收通知”、“隐藏密码”

⚠️ 六、注意事项

  • lv_checkbox 只能显示一个方框和一段文字,不能像 lv_list 那样显示复杂内容。
  • 不支持单独修改 icon(可以自定义绘图或重写样式实现)。

http://www.dtcms.com/wzjs/781859.html

相关文章:

  • 网站建站分辨率环保部网站官网建设项目审批
  • 网站评论 设计建网站要多少钱 优帮云
  • 深圳网站建设及推广服务公司医疗器械网站建设方案
  • 网站宣传活动怎么做青岛室内设计公司排名
  • 给一个装修公司怎么做网站学会网站开发需要多久
  • 如何选择品牌网站建设大连品尚茗居装修公司怎么样
  • 网站建设h5网页qq登录保护怎么关
  • 网站备案备的是域名还是空间二维码在线生成制作
  • 太原网站seo外包文登市住房和城乡建设局网站
  • wordpress 用js做优化的网站电话
  • h5制作平台免费推荐最新seo视频教程
  • 万网有跟企业做网站吗迁西个人网页设计制作软件
  • 邮箱注册网站wordpress导入数据库后出现乱码
  • 创建免费网站注意事项佛山商城网站制作
  • 四川旅游seo整站优化网站推广中应注意哪些事项
  • 房地产微网站模板seo实战密码第三版
  • 代做网站推广的公司wordpress空间返回404
  • 眉山建行网站wordpress环境部署
  • 免费图表制作网站导航网站没有内页没有了
  • 网站建设自评报告郑州网站建设三猫网络
  • 网站建设都需要提供什么资料怎么在自己电脑上做网站
  • 手游传奇发布网站999媒体网站推广方法
  • 那个网站做精防手机学生校园网站模板
  • 佛山市建网站做网站费用网站的实施方案
  • 城市建设和房屋管理部门网站商丘网约车都有哪些平台
  • linux 网站服务器搭建网站建设提问
  • 简述建设一个网站的一般过程百度一下网页
  • 做的网站百度找不到了php律师网站源码
  • sns社交网站 有哪些西安app定制开发公司
  • 表格在网站后台是居中可到前台为什么不居中做网站一般怎么收费的