一. LVGL GUI复选框控件的概念

复选框是一种可同时选中多项的基础控件，他是什么模样来，来几张图说明下



总之这个是GUI中使用频率比较高的一种控件！

二. LVGL GUI复选框小部件和样式

有两种小部件：

LV_CHECKBOX_PART_BG：背景

LV_CHECKBOX_PART_BULLET：指的是复选框本身的小框框，不包含文字

写一个代码来看下：

void lvgl_check_box_part_test(void)
{
    lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb1, "Check Box 1");
    lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);

    
    lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb2, "Check Box 2");
    lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_obj_set_style_local_bg_color(cb2, LV_CHECKBOX_PART_BG, LV_STATE_DEFAULT, LV_COLOR_RED);

    lv_obj_t* cb3 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb3, "Check Box 3");
    lv_obj_align(cb3, NULL, LV_ALIGN_CENTER, 0, 40);
    lv_obj_set_style_local_bg_color(cb3, LV_CHECKBOX_PART_BULLET, LV_STATE_DEFAULT, LV_COLOR_BLUE);
}

效果：



三. LVGL GU复选框控件的使用

1.  文本(Text)

被复选框添加文本，用这个函数lv_checkbox_set_text(cb, "New text")

代码以及效果如下：

void lvgl_check_box_text_test(void)
{
    lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb1, "This check Box 1");
    lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);


    lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb2, "This check Box 2");
    lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);


    lv_obj_t* cb3 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb3, "This check Box 3");
    lv_obj_align(cb3, NULL, LV_ALIGN_CENTER, 0, 40);
}



2. 选中/未选中(Check/Uncheck)

复选框是否被选中，用这个函数设置复选框是否被选中，下面我们就创建两个复选框，一个默认选中，一个默认没有选中（默认就是没有选中的）

void lvgl_check_box_check_test(void)
{
    lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb1, "This check Box 1");
    lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);


    lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb2, "This check Box 2");
    lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_checkbox_set_checked(cb2,true);
}



3. 禁用(Disabled)

这个的意思就是把复选框灰掉，导致不可点击，用这个函数实现lv_checkbox_set_disabled(cb, true)。

注意:

LVGL官网是带两个参数的，但是我用的7.10版本已经是一个参数了，只有object指针！
	
你会发现并没有找到重新enable的函数，我自己试验发现把check状态设置了就是enable了！
我们同样实现三个复选框，一个正常的复选框控件，第二个是禁用的，第三个是禁用后然后设置check状态后重新enable的

void lvgl_check_box_disable_test(void)
{
    lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb1, "This check Box 1");
    lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);


    lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb2, "This check Box 2");
    lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_checkbox_set_disabled(cb2);

    lv_obj_t* cb3 = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb3, "This check Box 3");
    lv_obj_align(cb3, NULL, LV_ALIGN_CENTER, 0, 40);
    lv_checkbox_set_disabled(cb3);
    lv_checkbox_set_checked(cb3, true);
}



4. 获取/设置状态(Get/Set Checkbox State)

获取状态用以下函数lv_checkbox_get_state(cb)

设置状态用以下函数lv_checkbox_set_state(cb, state)

其中状态值有以下：


	
LV_BTN_STATE_RELEASED
	
	

	
LV_BTN_STATE_PRESSED
	
	

	
LV_BTN_STATE_DISABLED
	
	

	
LV_BTN_STATE_CHECKED_RELEASED
	
	

	
LV_BTN_STATE_CHECKED_PRESSED
	
	

	
LV_BTN_STATE_CHECKED_DISABLED
	
5. 事件(Event)

除了基本事件外，复选框有个特殊事件

LV_EVENT_VALUE_CHANGED ：当切换复选框状态的时候会产生，我们来写个代码验证下

static void check_box_event_handler(lv_obj_t* obj, lv_event_t event)
{
    if (event == LV_EVENT_VALUE_CHANGED) {
        printf("State: %s\n", lv_checkbox_is_checked(obj) ? "Checked" : "Unchecked");
    }
}

void lvgl_check_box_test(void)
{
    lv_obj_t* cb = lv_checkbox_create(lv_scr_act(), NULL);
    lv_checkbox_set_text(cb, "I agree to terms and conditions.");
    lv_obj_align(cb, NULL, LV_ALIGN_CENTER, 0, 0);
    lv_obj_set_event_cb(cb, check_box_event_handler);
}



好了，完结了，更多精彩继续戳↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

HTML表单
一、传统表单(一)
 1、表单是什么？
 01.在网页中主要负责数据采集功能的组件。
 02.通常与数据库相连。
 03.由表单元素组成。
 2、表单组件介绍：
 01.文本(字段)
 02.选择
 03.单选按钮(组)
 04.文本域
 05.复选框
 06.密码(字段)
 07.文件域
 08.提交按钮
 09.重置按钮
 3、form 标签 (表单范围)
...
action 属性——指的是要用哪一些对应的脚本来处理这些数据。
method 属性——指的是数据交互的形式，其中有两个属性值 post 和 get 。
id 属性—— 指的是它唯一的标识
 4、input 标签的 type 属性
 Password:
 01.type 属性值
type= "radio" --- 单选按钮
type= "checkbox" --- 复选框
type= "text" --- 文本
type= "password" --- 密码字段
type= "file" --- 文件域
type= "button" --- 普通按钮
type= "submit" --- 提交按钮
type= "reset" --- 重置按钮
 02. name 属性
表单元素的名称
注：同一组单选按钮的的 name 值是相同的。
 03. id 属性
唯一标识符
同一个网页里id不能重复
 04.label 标签(标签文字) --- 将文字与表单元素关联
标签文字
 注：label for 属性的值是取于input id 属性的值来进行关联的。
小结：
 01.form 标签是表单本身。
 02.input 标签是表单元素最常见的情况，它的 type 属性是非常多样化的，不同的 type 属性值决定了 表单元素的类型。
 03.label 标签是用来关联文字的，它的 for 属性的值跟 input id 属性的值是对应一致的。
二、传统表单(二)
 1、select 标签(选择菜单)和 option 标签(选项) 
 选项1 选项2 
 01.value 属性 --- 值，可能传递至数据库。
 02.selected 属性 --- 默认选项
 2、textarea 标签 --- 大段、多行的文本区域
 介绍

1 什么是HTML？
HTML 指的是超文本标记语言 (Hyper Text Markup Language)。不是一种编程语言，而是一种标记语言，标记语言是一套标记标签，HTML 使用标记标签来描述网页。
2 HTML标签
HTML 标签是由尖括号包围的关键词，比如 <html>； 标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签。
标签分类：
双标签
  html     <标签名> 内容 </标签名>
单标签(也称为空标签)
  hr        <标签名 />
标签关系分为两种：
嵌套关系
  <head>
    <title> </title>
  </head>
并列关系
  <head></head>
  <body></body>
3 HTML基本结构
如下所示：
<!DOCTYPE html>
<head>
    <title> </title>
</head>
<body>...</body>
</html>
​代码讲解：
1. <html></html>称为根标签，所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。
头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。
3. 在<body>和</body>标签之间的内容是网页的主要内容，
如<h1>、<p>、<a>、<img>等网页内容标签，
在这里的标签中的内容会在浏览器中显示出来。
​在head中设置网页标题和字符集编码
<head>
   <title>这里是标题</title>
   <meta charset="utf-8"/>
</head>
4 标签语义化
所谓标签语义化，就是指标签的含义。
​为什么要有语义化标签？
方便代码的阅读和维护。
同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容 。
使用语义化标签会具有更好地搜索引擎优化。
语义是否良好，在于当我们去掉CSS之后，网页结构依然阻止有序，并且有良好的可续性。也就是说，一眼看去知道哪个是重点结构是什么，知道每一块的内容有什么作用。
​遵循的原则是先确定语义的HTML，再选合适的CSS。
5 段落标签
<p>段落 </p>
<p>标签的默认样式，段前段后都会有空白。
6 换行标签
如果希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：
<p>Helloween<br/>World！<br/>I'm Coming!</p>
7 标题标签
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
语法： <hx>标题文本</hx> (x为1-6)​
标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。一个标题标签要独占一整行。
8 水平线标签
<hr /> 标签在 HTML 页面中创建水平线,可用于分隔内容。
<p>Welcome to China!</p>
<hr/> 是单标签
<p>Thank you!</p>
9 注释
注释的作用是为了解释代码的用途，方便程序员查找以及他人阅读。常见的注释有：
<!--注释-->    
/*注释*/
可以使用快捷键  ctrl+/ 或者 ctrl+shift+/
10 div span标签
div span没有语义，它的作用是为了结合CSS设置单独的样式使用。
语法：
<div>分割</div>
<span>跨度</span>
11 列表
列表分为无序列表、有序列表和自定义列表
无序列表：使用ul-li标签实现，没有前后顺序的信息列表。
语法：
<ul>   
    <li>3</li>
    <li>2</li>
    <li>1</li>
</ul>
​有序列表：使用ol-li标签实现，是有前后顺序的信息列表。
语法：
<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>
自定义列表：使用dl-dt-dd标签实现，通常用于对术语或名词进行解释和描述，自定义列表的列表项前没有任何项目符号。
语法：
<dl>
    <dt></dt>
    <dd></dd>
    <dd></dd>
    <dt></dt>
    <dd></dd>
    <dd></dd>
</dl>
12 表格
创建表格几元素：table(定义表格)、tr(行)、td(列)、thread(表格头部)、th(表格表头)、tbody(表格主体)
除此之后还有<caption>指定表格标题，rowspan合并行，colspan合并列。
语法：
<table>
    <caption>标题</caption>
   <tr>第一行<td>第一列</td><td colspan="2">跨两列</td><td></td></tr>
    <tr>第二行<td>第二列</td><td></td><td></td></tr>
</table>
13 超链接
超链接类型分为三种：1 内部链接 2 外部链接 3 锚链接
语法：
<a href="跳转目标" target="目标窗口的弹出方式" title="鼠标滑过显示的文本">链接显示的文本</a>
href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。  
Hypertext Reference的缩写。意思是超文本引用
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，
其中_self为默认值，_blank为在新窗口中打开方式。
​注意：
1.外部链接 需要添加 http:// http://www.baidu.com
2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
​锚点定位 （难点）
通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：
使用“a href=”#id名>“链接文本"</a>创建链接文本（被点击的）
  <a hef="#mao"></a>
使用相应的id名标注跳转目标的位置。
  <a id="mao">跳转到锚链接</a>
14 图片
语法：
<img src="图片地址" alt="指定图像的描述性文本，当图像不可见时（下载不成功时），
可看到该属性指定的文本" title = "提示文本">
15 表单
网站怎样与用户进行交互？
答案是使用HTML表单(form)。
表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
<form method="传送方式" action="服务器文件" name="表单名称">
action：在表单收集到信息之后，需要将信息传递给服务器进行处理，

action属性用于指定接收并处理表单数据的服务器程序的URL地址。
method:用于设置表单数据的提交方式，取值为get或post。
name：用于知道你跟表单的名称，以便于区分同一个页面中的多个表单。
​表单控件：单行文本输入框、密码输入框、复选框、单选框、提交按钮、重置按钮等，都必须放在<form></from>标签之间。
​单行文本输入框：当用户要在表单中输入字母、数字等内容时，就需要文本输入框，文本框也可以转化为密码输入框。
语法：
<form>
    <input type="text/password" name="名称" value="文本" />
</form>
当type="text"对应的就是文本输入框；当type="password",对应的就是密码输入框。
​复选框：
<input type="checkbox" value="值" name="名称" checked="checked"/> 
比如个人资料填写爱好的勾选
单选框：
<input type="radio" value="值" name="名称" checked="checked"/>  比如性别的选取
多行文本框：
<textarea rows="行数" cols="列数">文本</textarea>  比如备注的填写
下拉框：
<select>
    <option value="提交值" selected="selected">选项值</option>
    <option value="提交值">选项值</option>
    <option value="提交值">选项值</option>
</select>
​按钮：
提交按钮 <input type="submit" value="提交">
重置按钮 <input type="reset" value="重置"/>
​

如题：
         1,dataGridView空白列就是指dataGridView每一行的头上都会有一个行头，不能绑定数据也不能进行什么操作。不知道大家有没有对此头疼过，我以前都是忽略不管，到后来才发现dataGridView属性面板中有一个设置行头是否显示的属性RowHeadersVisible,将其值设置为false就可以了.
         2,dataGridView默认选中行的背景色是那种蓝色的，看上去很难看不说了，并且dataGridView数据绑定后，默认第一行背景色为蓝色，但第一行并未被选中，针对此情况我是这样解决的，在行中加了一个DataGridViewCheckBoxColumn列，行的选中与否全靠DataGridViewCheckBoxColumn列是否勾选来定,这个下面将要说到，现在先说选中行背景色的问题,点击dataGridView的属性RowDefaultCellStyle右边的按钮，打开CellStyle生成器,将SelectionBackColor改为您要用的背景色就可以了.注意不要把SelectionBackColor和SelectionForeColor设置为同一值,呵呵，会产生颜色覆盖的
        3,dataGridView中加入复选框的方法就是指定一列的ColumnType的值为DataGridViewCheckBoxColumn,只要您添加过列就不会陌生,但为了改变其勾选状态，确费了我半天劲，现在问题解决了，回头一看，怎能用一简单二字来形容，
 
private void dataGridView1_CellContentClick(object sender, DataGridViewCellEventArgs e)
        {//点击一行的任意单元格的内容时发生
            if (dataGridView1.Columns[e.ColumnIndex].Name == "Column0")
            {
                DataGridViewCheckBoxCell dgcb = (DataGridViewCheckBoxCell)dataGridView1.Rows[e.RowIndex].Cells["Column0"];
                if ((bool)dgcb.FormattedValue)
                {
                    dgcb.Value = false;
                }
                else
                {
                    dgcb.Value = true;
                }
            }
        }
 
OK，本人刚转入winform开发，以前是做网站的，我用的是VS2008,不当之处请帮忙更正