5.控件详解:26.下拉框控件
差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 | |||
|
5.控件详解:26.下拉框控件 [2021/01/15 15:30] tjcqiu |
5.控件详解:26.下拉框控件 [2021/01/15 17:06] (当前版本) tjcqiu |
||
|---|---|---|---|
| 行 3: | 行 3: | ||
|       prints cb0.txt,0       将cb0的当前显示文本内容从串口发送出去。</pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    注意：<span style="color: rgb(255, 0, 0);">objname属性不可以读取。比如在事件代码中写"cb0.txt=t0.objname"编译将报错</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sanersan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.2.3、写属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">  所有绿色控件可以在运行中实时修改。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    注意：<span style="color: rgb(255, 0, 0);">因产品系列不同，属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x，y属性。但是T0,K0系列不能在运行过程中修改x，y属性</span>！</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><strong><a name="sansan"></a>3.3 、属性详解</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.1、x，y属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">    x，y属性描述控件在屏幕上的像素坐标位置。以屏幕左上角为像素坐标原点(x=0,y=0)。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    T0,K0系列产品，x，y属性只能从：0–最大分辨率。不能超出屏幕显示区域。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    X系列产品，x，y属性可以超出屏幕坐标范围(-6000~+6000)，但是超出屏幕将被裁减，不会显示出来。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    技巧：如果想做一个控件，但是不想让用户看到，触摸到。可以把该控件放在屏幕显示区域以外。开发人员使用的时候，使用<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#click" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183);">click</a>指令，</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">或者绑定<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#cfgpio" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183);">用户IO</a></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansaner"></a> <span style="border: 1px solid rgb(0, 0, 0);"> 3.3.2、w，h属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">       w，h属性描述控件在屏幕上宽度和高度（像素大小为单位）。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    T0,K0系列产品，w，h属性只能从：0–最大分辨率。不能超出屏幕显示区域。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    X系列产品，x+w，y+h的值可以超出屏幕坐标范围，但是超出屏幕将被裁减，不会显示出来。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="text-indent: 2em;">   </span><a name="sansansan"></a><span style="text-indent: 2em;"> </span><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);">3.3.3、spax属性</span><br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   spax属性。字符横向间距(最小0,最大255)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="text-indent: 2em;">   </span><a name="sansansan"></a><span style="text-indent: 2em;"> </span><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);">3.3.4、dis属性</span><br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   dis属性。外形圆角半径百分比(0-100,0为直角)。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">   </span><a name="sansanwu"></a><span style="text-indent: 2em;"> </span><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);">3.3.5、txt属性</span><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">         txt属性。即字符串属性。用于存放下拉框控件的显示内容。运行中每次改变val值会将相应的内容同步到txt属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.6、txt_maxl属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          txt_maxl属性表示该字符型控件，最多可以存储多少个字符。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          注意1：<span style="color: rgb(255, 0, 0);">在界面编辑时，如果输入txt属性中的字符数量超过了txt_maxl将提示错误</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        注意2：<span style="color: rgb(255, 0, 0);">如果在运行中，给txt写入超过txt_maxl的字符数量，超出的部分将丢失</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        例如：txt_maxl=10。在事件窗口中写：t0.txt="0123456789ABCD”。运行后的实际效果txt的值为“0123456789”，“ABCD”将被丢失。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.7、xcen，ycen属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        xcen，ycen属性用于设置字符在控件区域显示时的对齐方式。分别可以选择：靠左/靠上、居中、靠右/靠下。默认为居中方式。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.8、pco属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        pco属性。控件的字体颜色属性，RGB565的颜色值。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansanjiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.9、pco1属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">        pco1属性。单元格字体色，RGB565的颜色值。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.10、bco属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        bco属性。控件背景色属性，RGB565的颜色值。仅当sta=单色时，才存在该属性。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansanshiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.11、bco1属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">        bco1属性。单元格背景色，RGB565的颜色值。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.12、pic属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        pic属性。控件背景图片属性，选择控件背景图片的ID号。仅当sta=图片时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.13、picc属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        picc属性。控件背景切图图片属性，选择控件背景切图图片的ID号。仅当sta=切图时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        注意：<span style="color: rgb(255, 0, 0);">选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则，可能会导致显示花屏</span>！</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.14、font属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          font属性。控件的字库属性。选择控件字库的ID号。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">            注：<span style="color: rgb(255, 0, 0);">调用字库如果没有要显示的字，将会不显示</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.15、sta属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          sta属性。背景填充方式属性。目前支持4种背景方式：</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          1、切图——从指定与串口屏分辨率相同的全屏图片上，自动切取控件窗口区域的图片内容作为控件背景。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          2、单色——用户指定单一的RGB565颜色值作为控件背景。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          3，图片——用户指定一张图片作为控件的背景。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        4，透明——即无背景，以透明的方式直接在控件区域写字符信息。<span style="color: rgb(255, 0, 0);">仅X系列支持</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.16、time属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          time属性。控件特效执行时间属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>，且effect设置不为0以后才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          当设置了控件的加载特效以后，控件在time的时间内，以设置的特效方式飞到控件所在屏幕的坐标位置。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.17、first属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          first属性。控件加载特效的优先级属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>，且effect设置不为0以后才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          first可设置的值为0-100。支持多个有特效的控件为同一级别优先级。同一优先级的控件，将在同时被加载到屏幕上显示。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          不同优先级的优先级中，将根据设置值从大到小依次完成加载。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.18、effect属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        effect属性。控件加载特效属性。目前一共支持9种效果。<span style="color: rgb(255, 0, 0);">仅X系列支持该属性</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          0-立即加载;1-上边飞入;2-下边飞入;3-左边飞入;4-右边飞入;5-左上角飞入;6-右上角飞入;7-左下角飞入;8-右下角飞入</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshijiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.19、aph属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        aph属性。控件半透明属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        aph可设置的值范围为0-127 。为0时控件将全透明(效果为不显示)，为127时全显示(没有半透明效果);</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.20、drag属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          drag属性。控件运行过程中是否支持拖动属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.21、vscope属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          vscope属性。控件内存占用属性。控件支持私有和全局属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          当设置为全局时，控件分配的内存在所有页面都可以访问。离开当前页面后，控件属性数据也不会丢失。缺点是，占用系统总内存。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.22、objname属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        objname属性。控件名称属性。该属性在运行中不能获取。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.23、id属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        id属性。控件id是每个控件在当前页面的唯一标识号。由系统分配，不可修改。<span style="text-indent: 32px;">可通过软件左上角置顶置底间接修改。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.24、type属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        type属性。控件类型属性。由系统分别固定数据，比如下拉框控件属性为61。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">     <a name="sansanershiwu"></a> <span style="border: 1px solid rgb(0, 0, 0); text-indent: 32px;">3.3.25、disup属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">           <span style="font-size: 16px;">disup属性。产生拖动后是否禁用弹起事件:0-否;1-是。默认为否，即拖动的时候是会触发弹起事件。<span style="text-indent: 32px;">仅当drag=是时，才存在该属性</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansanershiliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.26、borderc属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        borderc属性。边框颜色属性。RGB565的颜色值。仅当style=边框时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansanershiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.27、borderw属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        borderw属性。边框粗细属性。最大值:255。仅当style=边框时，才存在该属性。    </p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansanershiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.28、style属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        style属性。显示风格:0-平面;1-边框;2-3D_Down;3-3D_Up，仅当sta=单色时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">                   1.平面——控件在界面显示上是正常的</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">           2.边框——控件有边框，可以设置边框粗细，颜色              <br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">           3.3D_Down——控件在界面显示上是凹进去的</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">           4.3D_Up——控件在界面显示上是凸出来的 </p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansanershijiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.29、pco3属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  pco3属性。字符框箭头颜色。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.30、up属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  up属性。字符框是否显示箭头:0-不显示;1-显示。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.31、path属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  path属性。单元格内容集合(请使用多行输入,每行为一条单元格内容)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">          下拉框如何运行添加一个新选项<br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">            cb0.path+="\raaa"   此时将会添加一个（aaa）下拉选项。<br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.32、path_m属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  path_m属性。单元格内容集合最大长度(即分配内存空间)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.33、dir属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  dir属性。单元格展开方向:0-上;1-下;2-左;3-右。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.34、qty属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  qty属性。最大展开单元格数量(1-254)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.35、vvs0属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  vvs0属性。展开单元格间距(最小0,最大255)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.36、val属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  val<span style="text-indent: 2em;">属性。当前选中单元格ID(运行中每次改变会将相应的内容同步到txt属性)。</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="text-indent: 2em;">            例：cb0.val=3  下拉框显示为第四个单元格内容（第一个地址为0）。<br/></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.37、bco2属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  bco2属性。选中单元格背景色。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">RGB565的颜色值。</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.38、pco2属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  pco2属性。选中单元格字体色。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">RGB565的颜色值。</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshijiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.39、hig属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  hig属性。单元格高度/宽度(16-255,上下展开时表示高度;左右展开时表示宽度)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.40、down属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  down属性。单元格展开状态:0-收缩;1-展开。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.41、mode属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  mode属性。单元格可滑动标识类型:0-无显示;1-仅显示三角形;2-显示背景+三角形。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.42、vid属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  vid属性。单元格可滑动标识高度/宽度(8-255,上下展开时表示高度;左右展开时表示宽度)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.43、vvs1属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  vvs1属性。单元格可滑动标识与单元格间距(0-255)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.44、ch属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  ch属性。滑动惯性力度(0-32,0为无惯性)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><br/></span><br/></p><h3 style="padding: 0px; line-height: 1.2; clear: left; font-size: 1.125em; margin: 0px 0px 0.888em; color: rgb(51, 51, 51); font-family: Arial, sans-serif; white-space: normal;"><a name="si"></a>四、下拉框控件-使用详解</h3><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><a name="siyi"></a><strong><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">4.1</span></strong>、<strong>在页面上新建下拉框控件</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><strong>参考文本控件</strong></p><table align="center"><tbody><tr class="firstRow"><td valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255);"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190108/1546959609793764.png" title="1546959609793764.png" alt="image.png" width="451" height="194"/><br/></p></td><td valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190108/1546960329215890.png" title="1546960329215890.png" alt="image.png" width="471" height="192"/></td></tr><tr><td valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;"><span style="color: rgb(127, 127, 127);">1、打开一个新的空白界面▲</span></p></td><td valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255); word-break: break-all;"><span style="color: rgb(127, 127, 127);">2、点击左侧<工具箱>里面的<文本>按钮，当前页面出现一个文本框▲</span></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><a name="sier"></a><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong>4.2</strong></span><strong>、下拉框控件外观调整</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><strong><strong style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; white-space: normal;">参考文本控件</strong></strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">上一步我们创建了一个文本控件，现在我们编辑文本控件的外观（显示效果）。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sieryi"></a>4.2.1调整位置和尺寸</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">将文本控件移显示区中心位置，并调大到能放下。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="font-family: "comic sans ms"; background-color: rgb(127, 127, 127); color: rgb(255, 255, 255);">I.</span>新添加上“文本控件”预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="font-family: "comic sans ms"; color: rgb(255, 255, 255); background-color: rgb(127, 127, 127);">II.</span>摆放到指定位置并调整到需要尺寸预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="font-family: "comic sans ms"; background-color: rgb(127, 127, 127); color: rgb(255, 255, 255);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547619678818808.png" title="1547619678818808.png" alt="image.png" width="351" height="213"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547620164409103.png" title="1547620164409103.png" alt="image.png" width="354" height="210"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷移动位置：鼠标选中控件，拖到需要摆放的位置。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷调整大小：鼠标指针选中控件的任意一条边，或任意一个角，拖动即可调整大小。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他方法：如果不想使用鼠标，也可以通过修改属性列表中的“x、y坐标”来调整位置，修改属性列表中的“宽度和高度”来调整大小。</span></p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"> <a name="sierer"></a><span style="border: 1px solid rgb(0, 0, 0);">4.2.2背景单色填充</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">文本控件背景显示指定的“单一颜色”，（例：显示蓝色）。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547621709231597.png" title="1547621709231597.png" alt="image.png" width="345" height="222"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547622964554034.png" title="1547622964554034.png" alt="image.png" width="150" height="191"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547623186213265.png" title="1547623186213265.png" alt="image.png" width="147" height="145"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547623463777110.png" title="1547623463777110.png" alt="image.png" width="301" height="245"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景色属性“左图①所示”→ 点击颜色选择框“左图②所示”→ 点击选择更多“左图③所示”，软件弹出配色对话框，点击蓝色“左图④所示”→ 点击确定“左图⑤所示”。即完成此文本控件的背景色修改成蓝色。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他：控件单色背景填充时还能设置边框效果，根据属性列表里面，相应的属性项进行设置。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">注：</p><p style="margin-top: 5px; margin-bottom: 5px;">   当颜色被使用过后，下次点击选择颜色的时候，使用过的颜色会直接出现在“选择颜色”的下拉选项中。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">   控件属性如果不清楚怎么使用，请查阅“认识控件中的【<a href="http://wiki.tjc1688.com/doku.php?id=5.%E6%8E%A7%E4%BB%B6%E8%AF%A6%E8%A7%A3:1.%E8%AE%A4%E8%AF%86%E6%8E%A7%E4%BB%B6#san" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183); border: none;">控件属性讲解</a>】”</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"> <span style="border: 1px solid rgb(0, 0, 0);"><a name="siersan"></a>4.2.3背景图片填充</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">文本控件背景显示指定的“一张图片”。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628095755724.png" title="1547628095755724.png" alt="image.png" width="343" height="280"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628324230090.png" title="1547628324230090.png" alt="image.png" width="120" height="185"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628428105109.png" title="1547628428105109.png" alt="image.png" width="122" height="143"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628651957241.png" title="1547628651957241.png" alt="image.png" width="126" height="186"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628913104760.png" title="1547628913104760.png" alt="image.png" width="120" height="186"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择图片“左图③所示”。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景图片选择属性“左图④所示”并点击箭头处 → 点击选择更多“左图⑤所示”，软件弹出图片选择对话框 → 点击我们要添加的图片“左图⑥所示”→ 点击确定“左图⑦所示”。即完成了为控件设置图片填充背景。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他：如何省掉第⑤、⑥、⑦步？在第④步的地方直接输入图片在资源文件中的ID，图片资源文件怎么用，请查阅【<a href="http://wiki.tjc1688.com/doku.php?id=4.%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E8%AF%A6%E8%A7%A3:1.%E8%BD%AF%E4%BB%B6%E7%95%8C%E9%9D%A2%E6%A6%82%E6%8B%AC,ziyuanwenjianchuangkou" target="_self">资源文件使用说明</a>】。</span></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">注：我们的串口屏支持PNG图片，并完美抗锯齿，图片内容如果不是矩形，请使用PNG格式图片。</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);"><a name="siersi"></a>4.2.4背景切图填充</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">文本控件背景显示指定的“一张图片中的某一部分”。</span><br/></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547642413728872.png" title="1547642413728872.png" alt="image.png" width="342" height="230"/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(127, 127, 127); text-indent: 32px;">▲文本控件切图填充效果</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(127, 127, 127); text-indent: 32px;"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547648539115536.jpg" title="1547648539115536.jpg" alt="2.jpg" width="261" height="145"/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(127, 127, 127); text-indent: 32px;">▲用于文本控件切图填充的全屏图片</span></p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628324230090.png" title="1547628324230090.png" alt="image.png" width="120" height="185"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547643281137968.png" title="1547643281137968.png" alt="image.png" width="122" height="179"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547643672674867.png" title="1547643672674867.png" alt="image.png" width="136" height="232"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547646753866186.png" title="1547646753866186.png" alt="image.png" width="133" height="226"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择切图“左图③所示”。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景图片切图选择属性“左图④所示”并点击箭头处 → 点击选择更多“左图⑤所示”，软件弹出图片选择对话框 → 点击我们要添加的图片“左图⑥所示”→ 点击确定“左图⑦所示”。即完成了为控件设置切图填充背景。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他：如何省掉第⑤、⑥、⑦步？在第④步的地方直接输入图片在资源文件中的ID，图片资源文件怎么用，请查阅【<a href="http://wiki.tjc1688.com/doku.php?id=4.%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E8%AF%A6%E8%A7%A3:1.%E8%BD%AF%E4%BB%B6%E7%95%8C%E9%9D%A2%E6%A6%82%E6%8B%AC,ziyuanwenjianchuangkou" target="_self">资源文件使用说明</a>】。</span></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">注：控件背景选择切图填充时，用于切图填充的图片必须是全屏图片（即图片分辨率和屏分辨率相同、显示方向相同）。</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sierwu"></a>4.2.5背景透明填充</span><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">注：<span style="color: rgb(255, 0, 0);">仅X系列支持</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">文本控件背景为透明背景。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547649509590654.png" title="1547649509590654.png" alt="image.png" width="347" height="236"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628324230090.png" title="1547628324230090.png" alt="image.png" width="120" height="185"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547649785868768.png" title="1547649785868768.png" alt="image.png" width="118" height="184"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择透明“左图③所示”。即完成了控件背景透明。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">注：控件背景填充方式使用透明填充时，控件只有内容会显示，自己没有背景，控件背后是什么就能看到什么，如左侧显示预览效果。</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><a name="sisan"></a><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong>4.3</strong></span><strong>、下拉框控件默认显示内容设置</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">上一部分我们讲完了控件外观的编辑和控件大小的调整，现在我们讲下拉框控件默认显示内容的设置。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">在页面的中间显示高速。</span></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598508878101434.png" title="1598508878101434.png" alt="图片2.png" width="350" height="249"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509073134117.png" title="1598509073134117.png" alt="图片3.png"/><p style="margin-top: 5px; margin-bottom: 5px;">▲①背景选择“紫色”填充<br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509254100982.png" title="1598509254100982.png" alt="图片4.png"/></p><p style="margin-top: 5px; margin-bottom: 5px;">▲②字体颜色选择“黑色”</p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509319115299.png" title="1598509319115299.png" alt="图片5.png"/></p><p style="margin-top: 5px; margin-bottom: 5px;">▲③设置字符框箭头颜色</p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509432213093.png" title="1598509432213093.png" alt="图片6.png"/></p><p style="margin-top: 5px; margin-bottom: 5px;">▲④输入要显示的字符</p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;">▷点几下鼠标就完成了给"下拉框控件"设置显示初始状态。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">在相关属性下设置</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;"><a name="sisi"></a><span style="text-indent: 2em; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong>4.4</strong></span><strong>、运行中改变下拉框控件显示内容</strong></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="color: rgb(0, 0, 0); font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sisiyi"></a>4.4.1通过“按下或弹起事件”改变当前页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">例(1)：按下当前页面中的按钮，让当前页面中的下拉框控件cb0显示 高速。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">按钮“弹起事件 或 按下事件”里面代码如下：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">cb0.txt="高速"<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="text-indent: 2em; font-size: 16px;">代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> cb0  </span><span style="text-indent: 2em;">：当前页面中，控件名称为 cb0 的下拉框控件</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> .txt </span><span style="text-indent: 2em;">：下拉框控件 cb0 属性列表中的其中一个属性，用于显示当前文本内容。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> = </span><span style="text-indent: 2em;">：C语言赋值符号</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "高速" </span><span style="text-indent: 2em;">：高速 为字符串</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;">注：<span style="color: rgb(255, 0, 0);">只是当前显示内容为“高速”，并不会改变下拉框选项内容</span>。<br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><span style="text-indent: 28px;"><a name="sisier"></a>4.4.2通过“按下或弹起事件”改变</span>其他页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">例(2)：按下当前页面中的按钮，让其他页面（页面名称叫 set）中的下拉框控件显示“高速”。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255); color: rgb(255, 0, 0);">注：cb0控件属性vscope必须设置为全局，否则会报错</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">按钮<span style="text-indent: 32px;">“弹起事件/或按下事件”</span>里面代码如下：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">set.cb0.txt="高速"<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="text-indent: 2em; font-size: 16px;">代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> set </span><span style="text-indent: 2em;">：页面名称</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> .cb0 </span>：set页面中名字为 cb0 的下拉框控件</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> .txt </span><span style="text-indent: 32px;">：下拉框控件 cb0 属性列表中的其中一个属性，用于显示当前文本内容。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> = </span><span style="text-indent: 2em;">：C语言赋值符号</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "高速" </span><span style="text-indent: 2em;">：高速 为字符串</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是set页面显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"> <span style="border: 1px solid rgb(0, 0, 0);"><a name="sisisan"></a>4.4.3通过单片机串口改变当前页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">示例(1)：串口发送数据<span style="text-indent: 32px;">让当前页面中的下拉框控件cb0显示 高速。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;"><span style="text-indent: 32px;">串口发送数据代码：</span><span style="text-indent: 2em;"></span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">Serial.print("cb0.txt=\"高速\"");<br/>Serial.write(hexEND,3);<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px;"></span>代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.print(); </span> 单片机串口发送字符串函数</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "cb0.txt=\"高速\"" </span> 需要发给屏的C语言<span style="text-indent: 32px;">字符串命令</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.write(); </span><span style="text-indent: 32px;"> 单片机串口发送16进制函数</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> hexEND,3 </span><span style="text-indent: 32px;"> 提前定义好的元素为3个16进制 0xff 的数组</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是当前页面cb0显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"> <span style="border: 1px solid rgb(0, 0, 0);"><a name="sisisi"></a>4.4.4通过单片机串口改变其他页面中下拉框控件“显示内容” </span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">示例(2)：串口发送数据让<span style="text-indent: 32px;">其他页面（页面名称叫 set）中的下拉框控件cb0显示 高速</span>。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;"><span style="font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255); color: rgb(255, 0, 0);">注：cb0控件属性vscope必须设置为全局，否则会报错</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">串口发送数据代码：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">Serial.print("set.cb0.txt=\"高速\"");<br/>Serial.write(hexEND,3);<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;">代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.print(); </span> 单片机串口发送字符串函数</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "set.cb0.txt=\"高速\"" </span> <span style="text-indent: 32px;">需要发给屏的C语言字符串命令，其中 set 是页面名称。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.write(); </span> 单片机串口发送16进制函数</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> hexEND,3 </span> 提前定义好的元素为3个16进制 0xff 的数组</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是set页面cb0显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sisiwu"></a>4.4.5通过串口助手改变当前页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">示例(1)：串口发送数据让当前页面中的下拉框控件cb0显示 高速。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">串口助手发送数据代码：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">cb0.txt="高速"<br/>ff ff ff</span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"></span></p><table><tbody><tr class="firstRow"><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="text-indent: 32px;">串口助手截图</span></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896498102600.png" title="1595896498102600.png" alt="图片1.png"/></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">① 选择串口号（选择你电脑连接屏使用的串口号）</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">② 设置波特率</p></td></tr><tr><td valign="middle" colspan="1" rowspan="1" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598515787136393.png" title="1598515787136393.png" alt="图片4.png"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896515619657.png" title="1595896515619657.png" alt="图片2.png"/></td><td valign="middle" colspan="1" rowspan="1" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">③ 输入字符串指令</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">④ 输入16进制结束符</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是当前页面显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sisiliu"></a>4.4.6通过串口助手改变其他页面中控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px; text-indent: 2em;">示例(2)：串口发送数据让其他页面（页面名称叫 set）中的下拉框控件显示“高速”。<br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px; text-indent: 2em;"><span style="font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255); color: rgb(255, 0, 0);">注：cb0控件属性vscope必须设置为全局，否则会报错</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">串口发送数据代码：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">set.cb0.txt="高速"<br/>ff ff ff</span></pre><table><tbody><tr class="firstRow"><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="text-indent: 32px;">串口助手截图</span></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896531939512.png" title="1595896531939512.png" alt="图片1.png"/></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">① 选择串口号（选择你电脑连接屏使用的串口号）</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">② 设置波特率</p></td></tr><tr><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598515814465560.png" title="1598515814465560.png" alt="图片5.png"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896539396279.png" title="1595896539396279.png" alt="图片2.png"/></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">③ 输入字符串指令</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">④ 输入16进制结束符</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px;">注：</span><span style="font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px; color: rgb(255, 0, 0);">只是set页面显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px;">。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><span style="text-indent: 2em;"><a name="siwu"></a>4.5</span></strong></span><strong style="text-indent: 2em;">、下拉框控件加载特效设置</strong><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><strong style="text-indent: 2em;"><strong style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; white-space: normal;"><span style="text-indent: 2em;">参考文本控件</span></strong></strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">注：<span style="text-indent: 2em; color: rgb(255, 0, 0);">此功能目前只有【X3系列 和 X5系列】产品支持</span>。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"></span></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">加载特效示意图</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547705285131289.png" title="1547705285131289.png" alt="image.png" width="348" height="234"/></p><p style="margin-top: 5px; margin-bottom: 5px;">控件设置加载特效后，当控件所在页面刷新时，控件会按照设置的加载方式呈现出来。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">注：由于本页面不支持视频，无法展示动态效果。只能用图文简要说明。不便之处敬请谅解。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p></td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547704911988870.png" title="1547704911988870.png" alt="image.png" width="216" height="325"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷属性设置方法：</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em; text-indent: 2em;">控件加载特效默认是“立即加载”即无特效。<br/></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em; line-height: 1.75em;">鼠标单击选中控<span style="text-indent: 2em;">件 → 在属性列表中找到“加载特效”选项（如左图①所示）并点击箭头处，会弹出下来列表（如图②所示），选择一个你想要的的加载方式，即完成控件加载特效设置。</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">▷其他：</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em; text-indent: 2em;">你可能已经注意到了，“加载特效”这个属性是绿色，也就是说屏在运行时加载特效是允许改变的。<span style="text-indent: 0em;">加载特效的改变方法和改变文本控件背景色的操作一致，唯一不同的是“属性名称不一样”参数不一样。<br/></span></p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"></span><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><span style="text-indent: 2em;"><a name="siliu"></a>4.6</span></strong></span><strong>、下拉框控件移动特效使用</strong><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><strong><span style="text-indent: 2em;">参考文本控件</span></strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">注：<span style="text-indent: 2em; color: rgb(255, 0, 0);">此功能目前只有【X3系列 和 X5系列】产品支持</span>。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"></span></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">加载特效示意图</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">移动指令</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">过</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">程</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">太</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">炫</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">酷 </span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">无 法 展示</span></p><p style="margin-top: 5px; margin-bottom: 5px;">（请自行测试）</p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;">① 可视化移动指令格式：</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="border: 1px solid rgb(0, 0, 0);">move obj,starx,stary,endx,endy,first,time</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">obj：控件名称或控件ID</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">starx：起始坐标X</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">stary：起始坐标Y</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">endx：结束坐标X</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">endy：结束坐标Y</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">first：优先级(0-100,数字越大优先级越大)</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">time：移动时间(单位ms)</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">, ：分隔符</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">② 无过程移动指令格式：</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="border: 1px solid rgb(0, 0, 0);">obj.x=x</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">obj：控件名称</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">.x：控件X坐标属性</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">=：赋值符号</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">x：终点x坐标</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="border: 1px solid rgb(0, 0, 0);">obj.y=y</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">obj：控件名称</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">.y：控件X坐标属性</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">=：赋值符号</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">y：终点y坐标</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;">▷ 可视化移动操作说明</p><p style="margin-top: 5px; margin-bottom: 5px;">① 将 t0 控件从当前位置可视化移动到t1位置（假设页面上有一个控件叫做 t1），指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">move t0,t0.x,t0.y,t1.x,t1.y,0,300</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：控件t0可视化移动方式，移动到t1的位置，无优先级，移动时间300ms</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">② 将 t0 控件从当前位置可视化移动到指定位置（位置：x坐标 200，y坐标 100），指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">move t0,t0.x,t0.y,200,100,0,300</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：控件t0可视化移动方式，移动到x坐标为200，y坐标为100的位置，无优先级，移动时间300ms</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">③ 将t0移动到显示区外面去（假如水平移到最右侧外面，以4.3寸屏为例）指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">move t0,t0.x,t0.y,481,t0.y,0,300</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：控件t0可视化移动方式，x坐标位481，y坐标保持现有坐标不变，移动事件300ms。（备注：4.3寸屏的分辨率480X272，当X坐标设置为481时，就会看到控件从当前位置向右移动到屏幕外面去，这个过程耗时300ms）</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(255, 0, 0);">！！！注意： 可视化移动模式，最小移动时间限制到150ms，因为时间太短就看不出来移动效果了。</span><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;">▷ 无过程移动操作说明</p><p style="margin-top: 5px; margin-bottom: 5px;">① 将 t0 控件从当前位置无过程移动到t1位置（假设页面上有一个控件叫做 t1），指令如下：</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=t1.x |       prints cb0.txt,0       将cb0的当前显示文本内容从串口发送出去。</pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    注意：<span style="color: rgb(255, 0, 0);">objname属性不可以读取。比如在事件代码中写"cb0.txt=t0.objname"编译将报错</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sanersan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.2.3、写属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">  所有绿色控件可以在运行中实时修改。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    注意：<span style="color: rgb(255, 0, 0);">因产品系列不同，属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x，y属性。但是T0,K0系列不能在运行过程中修改x，y属性</span>！</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><strong><a name="sansan"></a>3.3 、属性详解</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.1、x，y属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">    x，y属性描述控件在屏幕上的像素坐标位置。以屏幕左上角为像素坐标原点(x=0,y=0)。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    T0,K0系列产品，x，y属性只能从：0–最大分辨率。不能超出屏幕显示区域。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    X系列产品，x，y属性可以超出屏幕坐标范围(-6000~+6000)，但是超出屏幕将被裁减，不会显示出来。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    技巧：如果想做一个控件，但是不想让用户看到，触摸到。可以把该控件放在屏幕显示区域以外。开发人员使用的时候，使用<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#click" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183);">click</a>指令，</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">或者绑定<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#cfgpio" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183);">用户IO</a></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansaner"></a> <span style="border: 1px solid rgb(0, 0, 0);"> 3.3.2、w，h属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">       w，h属性描述控件在屏幕上宽度和高度（像素大小为单位）。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    T0,K0系列产品，w，h属性只能从：0–最大分辨率。不能超出屏幕显示区域。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    X系列产品，x+w，y+h的值可以超出屏幕坐标范围，但是超出屏幕将被裁减，不会显示出来。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="text-indent: 2em;">   </span><a name="sansansan"></a><span style="text-indent: 2em;"> </span><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);">3.3.3、spax属性</span><br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   spax属性。字符横向间距(最小0,最大255)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="text-indent: 2em;">   </span><a name="sansansan"></a><span style="text-indent: 2em;"> </span><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);">3.3.4、dis属性</span><br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   dis属性。外形圆角半径百分比(0-100,0为直角)。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">   </span><a name="sansanwu"></a><span style="text-indent: 2em;"> </span><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);">3.3.5、txt属性</span><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">         txt属性。即字符串属性。用于存放下拉框控件的显示内容。运行中每次改变val值会将相应的内容同步到txt属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.6、txt_maxl属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          txt_maxl属性表示该字符型控件，最多可以存储多少个字符。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          注意1：<span style="color: rgb(255, 0, 0);">在界面编辑时，如果输入txt属性中的字符数量超过了txt_maxl将提示错误</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        注意2：<span style="color: rgb(255, 0, 0);">如果在运行中，给txt写入超过txt_maxl的字符数量，超出的部分将丢失</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        例如：txt_maxl=10。在事件窗口中写：t0.txt="0123456789ABCD”。运行后的实际效果txt的值为“0123456789”，“ABCD”将被丢失。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.7、xcen，ycen属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        xcen，ycen属性用于设置字符在控件区域显示时的对齐方式。分别可以选择：靠左/靠上、居中、靠右/靠下。默认为居中方式。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.8、pco属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        pco属性。控件的字体颜色属性，RGB565的颜色值。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansanjiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.9、pco1属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">        pco1属性。单元格字体色，RGB565的颜色值。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.10、bco属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        bco属性。控件背景色属性，RGB565的颜色值。仅当sta=单色时，才存在该属性。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansanshiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.11、bco1属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">        bco1属性。单元格背景色，RGB565的颜色值。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.12、pic属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        pic属性。控件背景图片属性，选择控件背景图片的ID号。仅当sta=图片时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.13、picc属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        picc属性。控件背景切图图片属性，选择控件背景切图图片的ID号。仅当sta=切图时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        注意：<span style="color: rgb(255, 0, 0);">选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则，可能会导致显示花屏</span>！</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.14、font属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          font属性。控件的字库属性。选择控件字库的ID号。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">            注：<span style="color: rgb(255, 0, 0);">调用字库如果没有要显示的字，将会不显示</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.15、sta属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          sta属性。背景填充方式属性。目前支持4种背景方式：</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          1、切图——从指定与串口屏分辨率相同的全屏图片上，自动切取控件窗口区域的图片内容作为控件背景。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          2、单色——用户指定单一的RGB565颜色值作为控件背景。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          3，图片——用户指定一张图片作为控件的背景。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        4，透明——即无背景，以透明的方式直接在控件区域写字符信息。<span style="color: rgb(255, 0, 0);">仅X系列支持</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.16、time属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          time属性。控件特效执行时间属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>，且effect设置不为0以后才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          当设置了控件的加载特效以后，控件在time的时间内，以设置的特效方式飞到控件所在屏幕的坐标位置。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.17、first属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          first属性。控件加载特效的优先级属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>，且effect设置不为0以后才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          first可设置的值为0-100。支持多个有特效的控件为同一级别优先级。同一优先级的控件，将在同时被加载到屏幕上显示。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          不同优先级的优先级中，将根据设置值从大到小依次完成加载。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.18、effect属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        effect属性。控件加载特效属性。目前一共支持9种效果。<span style="color: rgb(255, 0, 0);">仅X系列支持该属性</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          0-立即加载;1-上边飞入;2-下边飞入;3-左边飞入;4-右边飞入;5-左上角飞入;6-右上角飞入;7-左下角飞入;8-右下角飞入</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshijiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.19、aph属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        aph属性。控件半透明属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        aph可设置的值范围为0-127 。为0时控件将全透明(效果为不显示)，为127时全显示(没有半透明效果);</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.20、drag属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          drag属性。控件运行过程中是否支持拖动属性。<span style="color: rgb(255, 0, 0);">仅X系列支持</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.21、vscope属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          vscope属性。控件内存占用属性。控件支持私有和全局属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">          当设置为全局时，控件分配的内存在所有页面都可以访问。离开当前页面后，控件属性数据也不会丢失。缺点是，占用系统总内存。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.22、objname属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        objname属性。控件名称属性。该属性在运行中不能获取。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.23、id属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        id属性。控件id是每个控件在当前页面的唯一标识号。由系统分配，不可修改。<span style="text-indent: 32px;">可通过软件左上角置顶置底间接修改。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanershisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.24、type属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        type属性。控件类型属性。由系统分别固定数据，比如下拉框控件属性为61。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">     <a name="sansanershiwu"></a> <span style="border: 1px solid rgb(0, 0, 0); text-indent: 32px;">3.3.25、disup属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">           <span style="font-size: 16px;">disup属性。产生拖动后是否禁用弹起事件:0-否;1-是。默认为否，即拖动的时候是会触发弹起事件。<span style="text-indent: 32px;">仅当drag=是时，才存在该属性</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansanershiliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.26、borderc属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        borderc属性。边框颜色属性。RGB565的颜色值。仅当style=边框时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansanershiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.27、borderw属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        borderw属性。边框粗细属性。最大值:255。仅当style=边框时，才存在该属性。    </p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    <a name="sansanershiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.28、style属性</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        style属性。显示风格:0-平面;1-边框;2-3D_Down;3-3D_Up，仅当sta=单色时，才存在该属性。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">                   1.平面——控件在界面显示上是正常的</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">           2.边框——控件有边框，可以设置边框粗细，颜色              <br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">           3.3D_Down——控件在界面显示上是凹进去的</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;">           4.3D_Up——控件在界面显示上是凸出来的 </p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansanershijiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.29、pco3属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  pco3属性。字符框箭头颜色。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.30、up属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  up属性。字符框是否显示箭头:0-不显示;1-显示。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.31、path属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  path属性。单元格内容集合(请使用多行输入,每行为一条单元格内容)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">          下拉框如何运行添加一个新选项<br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">            cb0.path+="\raaa"   此时将会添加一个（aaa）下拉选项。<br/></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.32、path_m属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  path_m属性。单元格内容集合最大长度(即分配内存空间)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.33、dir属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  dir属性。单元格展开方向:0-上;1-下;2-左;3-右。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.34、qty属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  qty属性。最大展开单元格数量(1-254)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.35、vvs0属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  vvs0属性。展开单元格间距(最小0,最大255)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiliu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.36、val属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  val<span style="text-indent: 2em;">属性。当前选中单元格ID(运行中每次改变会将相应的内容同步到txt属性)。</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="text-indent: 2em;">            例：cb0.val=3  下拉框显示为第四个单元格内容（第一个地址为0）。<br/></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.37、bco2属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  bco2属性。选中单元格背景色。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">RGB565的颜色值。</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.38、pco2属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  pco2属性。选中单元格字体色。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">RGB565的颜色值。</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansanshijiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.39、hig属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  hig属性。单元格高度/宽度(16-255,上下展开时表示高度;左右展开时表示宽度)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.40、down属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  down属性。单元格展开状态:0-收缩;1-展开。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.41、mode属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  mode属性。单元格可滑动标识类型:0-无显示;1-仅显示三角形;2-显示背景+三角形。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.42、vid属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  vid属性。单元格可滑动标识高度/宽度(8-255,上下展开时表示高度;左右展开时表示宽度)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.43、vvs1属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  vvs1属性。单元格可滑动标识与单元格间距(0-255)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">   <a name="sansansishisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.44、ch属性</span></p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;">  ch属性。滑动惯性力度(0-32,0为无惯性)。</p><p style="white-space: normal; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><br/></span><br/></p><h3 style="padding: 0px; line-height: 1.2; clear: left; font-size: 1.125em; margin: 0px 0px 0.888em; color: rgb(51, 51, 51); font-family: Arial, sans-serif; white-space: normal;"><a name="si"></a>四、下拉框控件-使用详解</h3><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><a name="siyi"></a><strong><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">4.1</span></strong>、<strong>在页面上新建下拉框控件</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><strong>参考文本控件</strong></p><table align="center"><tbody><tr class="firstRow"><td valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255);"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190108/1546959609793764.png" title="1546959609793764.png" alt="image.png" width="451" height="194"/><br/></p></td><td valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190108/1546960329215890.png" title="1546960329215890.png" alt="image.png" width="471" height="192"/></td></tr><tr><td valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;"><span style="color: rgb(127, 127, 127);">1、打开一个新的空白界面▲</span></p></td><td valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(255, 255, 255); word-break: break-all;"><span style="color: rgb(127, 127, 127);">2、点击左侧<工具箱>里面的<文本>按钮，当前页面出现一个文本框▲</span></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><a name="sier"></a><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong>4.2</strong></span><strong>、下拉框控件外观调整</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><strong><strong style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; white-space: normal;">参考文本控件</strong></strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">上一步我们创建了一个文本控件，现在我们编辑文本控件的外观（显示效果）。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sieryi"></a>4.2.1调整位置和尺寸</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">将文本控件移显示区中心位置，并调大到能放下。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="font-family: "comic sans ms"; background-color: rgb(127, 127, 127); color: rgb(255, 255, 255);">I.</span>新添加上“文本控件”预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="font-family: "comic sans ms"; color: rgb(255, 255, 255); background-color: rgb(127, 127, 127);">II.</span>摆放到指定位置并调整到需要尺寸预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="font-family: "comic sans ms"; background-color: rgb(127, 127, 127); color: rgb(255, 255, 255);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547619678818808.png" title="1547619678818808.png" alt="image.png" width="351" height="213"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547620164409103.png" title="1547620164409103.png" alt="image.png" width="354" height="210"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷移动位置：鼠标选中控件，拖到需要摆放的位置。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷调整大小：鼠标指针选中控件的任意一条边，或任意一个角，拖动即可调整大小。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他方法：如果不想使用鼠标，也可以通过修改属性列表中的“x、y坐标”来调整位置，修改属性列表中的“宽度和高度”来调整大小。</span></p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"> <a name="sierer"></a><span style="border: 1px solid rgb(0, 0, 0);">4.2.2背景单色填充</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">文本控件背景显示指定的“单一颜色”，（例：显示蓝色）。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547621709231597.png" title="1547621709231597.png" alt="image.png" width="345" height="222"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547622964554034.png" title="1547622964554034.png" alt="image.png" width="150" height="191"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547623186213265.png" title="1547623186213265.png" alt="image.png" width="147" height="145"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547623463777110.png" title="1547623463777110.png" alt="image.png" width="301" height="245"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景色属性“左图①所示”→ 点击颜色选择框“左图②所示”→ 点击选择更多“左图③所示”，软件弹出配色对话框，点击蓝色“左图④所示”→ 点击确定“左图⑤所示”。即完成此文本控件的背景色修改成蓝色。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他：控件单色背景填充时还能设置边框效果，根据属性列表里面，相应的属性项进行设置。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">注：</p><p style="margin-top: 5px; margin-bottom: 5px;">   当颜色被使用过后，下次点击选择颜色的时候，使用过的颜色会直接出现在“选择颜色”的下拉选项中。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">   控件属性如果不清楚怎么使用，请查阅“认识控件中的【<a href="http://wiki.tjc1688.com/doku.php?id=5.%E6%8E%A7%E4%BB%B6%E8%AF%A6%E8%A7%A3:1.%E8%AE%A4%E8%AF%86%E6%8E%A7%E4%BB%B6#san" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183); border: none;">控件属性讲解</a>】”</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"> <span style="border: 1px solid rgb(0, 0, 0);"><a name="siersan"></a>4.2.3背景图片填充</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">文本控件背景显示指定的“一张图片”。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628095755724.png" title="1547628095755724.png" alt="image.png" width="343" height="280"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628324230090.png" title="1547628324230090.png" alt="image.png" width="120" height="185"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628428105109.png" title="1547628428105109.png" alt="image.png" width="122" height="143"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628651957241.png" title="1547628651957241.png" alt="image.png" width="126" height="186"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628913104760.png" title="1547628913104760.png" alt="image.png" width="120" height="186"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择图片“左图③所示”。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景图片选择属性“左图④所示”并点击箭头处 → 点击选择更多“左图⑤所示”，软件弹出图片选择对话框 → 点击我们要添加的图片“左图⑥所示”→ 点击确定“左图⑦所示”。即完成了为控件设置图片填充背景。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他：如何省掉第⑤、⑥、⑦步？在第④步的地方直接输入图片在资源文件中的ID，图片资源文件怎么用，请查阅【<a href="http://wiki.tjc1688.com/doku.php?id=4.%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E8%AF%A6%E8%A7%A3:1.%E8%BD%AF%E4%BB%B6%E7%95%8C%E9%9D%A2%E6%A6%82%E6%8B%AC,ziyuanwenjianchuangkou" target="_self">资源文件使用说明</a>】。</span></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">注：我们的串口屏支持PNG图片，并完美抗锯齿，图片内容如果不是矩形，请使用PNG格式图片。</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);"><a name="siersi"></a>4.2.4背景切图填充</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">文本控件背景显示指定的“一张图片中的某一部分”。</span><br/></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547642413728872.png" title="1547642413728872.png" alt="image.png" width="342" height="230"/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(127, 127, 127); text-indent: 32px;">▲文本控件切图填充效果</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(127, 127, 127); text-indent: 32px;"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547648539115536.jpg" title="1547648539115536.jpg" alt="2.jpg" width="261" height="145"/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(127, 127, 127); text-indent: 32px;">▲用于文本控件切图填充的全屏图片</span></p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628324230090.png" title="1547628324230090.png" alt="image.png" width="120" height="185"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547643281137968.png" title="1547643281137968.png" alt="image.png" width="122" height="179"/> <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547643672674867.png" title="1547643672674867.png" alt="image.png" width="136" height="232"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547646753866186.png" title="1547646753866186.png" alt="image.png" width="133" height="226"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择切图“左图③所示”。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景图片切图选择属性“左图④所示”并点击箭头处 → 点击选择更多“左图⑤所示”，软件弹出图片选择对话框 → 点击我们要添加的图片“左图⑥所示”→ 点击确定“左图⑦所示”。即完成了为控件设置切图填充背景。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);">其他：如何省掉第⑤、⑥、⑦步？在第④步的地方直接输入图片在资源文件中的ID，图片资源文件怎么用，请查阅【<a href="http://wiki.tjc1688.com/doku.php?id=4.%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E8%AF%A6%E8%A7%A3:1.%E8%BD%AF%E4%BB%B6%E7%95%8C%E9%9D%A2%E6%A6%82%E6%8B%AC,ziyuanwenjianchuangkou" target="_self">资源文件使用说明</a>】。</span></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">注：控件背景选择切图填充时，用于切图填充的图片必须是全屏图片（即图片分辨率和屏分辨率相同、显示方向相同）。</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sierwu"></a>4.2.5背景透明填充</span><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">注：<span style="color: rgb(255, 0, 0);">仅X系列支持</span>。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">文本控件背景为透明背景。</p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547649509590654.png" title="1547649509590654.png" alt="image.png" width="347" height="236"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547628324230090.png" title="1547628324230090.png" alt="image.png" width="120" height="185"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547649785868768.png" title="1547649785868768.png" alt="image.png" width="118" height="184"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷鼠标单击选中控件；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择透明“左图③所示”。即完成了控件背景透明。</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">注：控件背景填充方式使用透明填充时，控件只有内容会显示，自己没有背景，控件背后是什么就能看到什么，如左侧显示预览效果。</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><a name="sisan"></a><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong>4.3</strong></span><strong>、下拉框控件默认显示内容设置</strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;">上一部分我们讲完了控件外观的编辑和控件大小的调整，现在我们讲下拉框控件默认显示内容的设置。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">在页面的中间显示高速。</span></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">I.</span>显示预览</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">II.</span>属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="color: rgb(255, 255, 255); font-family: "comic sans ms"; background-color: rgb(127, 127, 127);">III.</span>操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598508878101434.png" title="1598508878101434.png" alt="图片2.png" width="350" height="249"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509073134117.png" title="1598509073134117.png" alt="图片3.png"/><p style="margin-top: 5px; margin-bottom: 5px;">▲①背景选择“紫色”填充<br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509254100982.png" title="1598509254100982.png" alt="图片4.png"/></p><p style="margin-top: 5px; margin-bottom: 5px;">▲②字体颜色选择“黑色”</p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509319115299.png" title="1598509319115299.png" alt="图片5.png"/></p><p style="margin-top: 5px; margin-bottom: 5px;">▲③设置字符框箭头颜色</p><p style="margin-top: 5px; margin-bottom: 5px;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598509432213093.png" title="1598509432213093.png" alt="图片6.png"/></p><p style="margin-top: 5px; margin-bottom: 5px;">▲④输入要显示的字符</p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;">▷点几下鼠标就完成了给"下拉框控件"设置显示初始状态。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">在相关属性下设置</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;"><a name="sisi"></a><span style="text-indent: 2em; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong>4.4</strong></span><strong>、运行中改变下拉框控件显示内容</strong></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="color: rgb(0, 0, 0); font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sisiyi"></a>4.4.1通过“按下或弹起事件”改变当前页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">例(1)：按下当前页面中的按钮，让当前页面中的下拉框控件cb0显示 高速。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">按钮“弹起事件 或 按下事件”里面代码如下：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">cb0.txt="高速"<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="text-indent: 2em; font-size: 16px;">代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> cb0  </span><span style="text-indent: 2em;">：当前页面中，控件名称为 cb0 的下拉框控件</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> .txt </span><span style="text-indent: 2em;">：下拉框控件 cb0 属性列表中的其中一个属性，用于显示当前文本内容。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> = </span><span style="text-indent: 2em;">：C语言赋值符号</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "高速" </span><span style="text-indent: 2em;">：高速 为字符串</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;">注：<span style="color: rgb(255, 0, 0);">只是当前显示内容为“高速”，并不会改变下拉框选项内容</span>。<br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><span style="text-indent: 28px;"><a name="sisier"></a>4.4.2通过“按下或弹起事件”改变</span>其他页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">例(2)：按下当前页面中的按钮，让其他页面（页面名称叫 set）中的下拉框控件显示“高速”。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255); color: rgb(255, 0, 0);">注：cb0控件属性vscope必须设置为全局，否则会报错</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;">按钮<span style="text-indent: 32px;">“弹起事件/或按下事件”</span>里面代码如下：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">set.cb0.txt="高速"<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="text-indent: 2em; font-size: 16px;">代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> set </span><span style="text-indent: 2em;">：页面名称</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> .cb0 </span>：set页面中名字为 cb0 的下拉框控件</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> .txt </span><span style="text-indent: 32px;">：下拉框控件 cb0 属性列表中的其中一个属性，用于显示当前文本内容。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> = </span><span style="text-indent: 2em;">：C语言赋值符号</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 2em; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "高速" </span><span style="text-indent: 2em;">：高速 为字符串</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是set页面显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"> <span style="border: 1px solid rgb(0, 0, 0);"><a name="sisisan"></a>4.4.3通过单片机串口改变当前页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">示例(1)：串口发送数据<span style="text-indent: 32px;">让当前页面中的下拉框控件cb0显示 高速。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;"><span style="text-indent: 32px;">串口发送数据代码：</span><span style="text-indent: 2em;"></span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">Serial.print("cb0.txt=\"高速\"");<br/>Serial.write(hexEND,3);<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px;"></span>代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.print(); </span> 单片机串口发送字符串函数</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "cb0.txt=\"高速\"" </span> 需要发给屏的C语言<span style="text-indent: 32px;">字符串命令</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.write(); </span><span style="text-indent: 32px;"> 单片机串口发送16进制函数</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px; background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> hexEND,3 </span><span style="text-indent: 32px;"> 提前定义好的元素为3个16进制 0xff 的数组</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="text-indent: 32px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是当前页面cb0显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"> <span style="border: 1px solid rgb(0, 0, 0);"><a name="sisisi"></a>4.4.4通过单片机串口改变其他页面中下拉框控件“显示内容” </span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">示例(2)：串口发送数据让<span style="text-indent: 32px;">其他页面（页面名称叫 set）中的下拉框控件cb0显示 高速</span>。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;"><span style="font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255); color: rgb(255, 0, 0);">注：cb0控件属性vscope必须设置为全局，否则会报错</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">串口发送数据代码：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">Serial.print("set.cb0.txt=\"高速\"");<br/>Serial.write(hexEND,3);<br/></span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;">代码解释：</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.print(); </span> 单片机串口发送字符串函数</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> "set.cb0.txt=\"高速\"" </span> <span style="text-indent: 32px;">需要发给屏的C语言字符串命令，其中 set 是页面名称。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> Serial.write(); </span> 单片机串口发送16进制函数</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="background-color: rgb(0, 176, 240); color: rgb(255, 255, 255);"> hexEND,3 </span> 提前定义好的元素为3个16进制 0xff 的数组</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是set页面cb0显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sisiwu"></a>4.4.5通过串口助手改变当前页面中下拉框控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">示例(1)：串口发送数据让当前页面中的下拉框控件cb0显示 高速。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">串口助手发送数据代码：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">cb0.txt="高速"<br/>ff ff ff</span></pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"></span></p><table><tbody><tr class="firstRow"><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="text-indent: 32px;">串口助手截图</span></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896498102600.png" title="1595896498102600.png" alt="图片1.png"/></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">① 选择串口号（选择你电脑连接屏使用的串口号）</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">② 设置波特率</p></td></tr><tr><td valign="middle" colspan="1" rowspan="1" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598515787136393.png" title="1598515787136393.png" alt="图片4.png"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896515619657.png" title="1595896515619657.png" alt="图片2.png"/></td><td valign="middle" colspan="1" rowspan="1" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">③ 输入字符串指令</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">④ 输入16进制结束符</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">注：</span><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 0, 0);">只是当前页面显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 32px; font-size: 16px;"></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="sisiliu"></a>4.4.6通过串口助手改变其他页面中控件“显示内容”</span> </span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px; text-indent: 2em;">示例(2)：串口发送数据让其他页面（页面名称叫 set）中的下拉框控件显示“高速”。<br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="font-size: 16px; text-indent: 2em;"><span style="font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255); color: rgb(255, 0, 0);">注：cb0控件属性vscope必须设置为全局，否则会报错</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">。</span></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 16px;">串口发送数据代码：</span></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 14px; direction: ltr; background-color: rgb(251, 250, 249); color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);"><span style="font-size: 16px;">set.cb0.txt="高速"<br/>ff ff ff</span></pre><table><tbody><tr class="firstRow"><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);"><span style="text-indent: 32px;">串口助手截图</span></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896531939512.png" title="1595896531939512.png" alt="图片1.png"/></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">① 选择串口号（选择你电脑连接屏使用的串口号）</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">② 设置波特率</p></td></tr><tr><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="/dokuwiki/ueditor/php/upload/image/20200827/1598515814465560.png" title="1598515814465560.png" alt="图片5.png"/><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20200728/1595896539396279.png" title="1595896539396279.png" alt="图片2.png"/></td><td width="542" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">③ 输入字符串指令</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">④ 输入16进制结束符</p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px;">注：</span><span style="font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px; color: rgb(255, 0, 0);">只是set页面显示内容为“高速”，并不会改变下拉框选项内容</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px;">。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; font-size: 14px;"><br/></span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><span style="text-indent: 2em; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><span style="text-indent: 2em;"><a name="siwu"></a>4.5</span></strong></span><strong style="text-indent: 2em;">、下拉框控件加载特效设置</strong><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;"><strong style="text-indent: 2em;"><strong style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; white-space: normal;"><span style="text-indent: 2em;">参考文本控件</span></strong></strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">注：<span style="text-indent: 2em; color: rgb(255, 0, 0);">此功能目前只有【X3系列 和 X5系列】产品支持</span>。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"></span></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">加载特效示意图</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">属性设置</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547705285131289.png" title="1547705285131289.png" alt="image.png" width="348" height="234"/></p><p style="margin-top: 5px; margin-bottom: 5px;">控件设置加载特效后，当控件所在页面刷新时，控件会按照设置的加载方式呈现出来。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">注：由于本页面不支持视频，无法展示动态效果。只能用图文简要说明。不便之处敬请谅解。</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p></td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547704911988870.png" title="1547704911988870.png" alt="image.png" width="216" height="325"/></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷属性设置方法：</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em; text-indent: 2em;">控件加载特效默认是“立即加载”即无特效。<br/></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em; line-height: 1.75em;">鼠标单击选中控<span style="text-indent: 2em;">件 → 在属性列表中找到“加载特效”选项（如左图①所示）并点击箭头处，会弹出下来列表（如图②所示），选择一个你想要的的加载方式，即完成控件加载特效设置。</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 0em;">▷其他：</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em; text-indent: 2em;">你可能已经注意到了，“加载特效”这个属性是绿色，也就是说屏在运行时加载特效是允许改变的。<span style="text-indent: 0em;">加载特效的改变方法和改变文本控件背景色的操作一致，唯一不同的是“属性名称不一样”参数不一样。<br/></span></p></td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"></span><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><span style="text-indent: 2em;"><a name="siliu"></a>4.6</span></strong></span><strong>、下拉框控件移动特效使用</strong><br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><strong><span style="text-indent: 2em;">参考文本控件</span></strong></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;">注：<span style="text-indent: 2em; color: rgb(255, 0, 0);">此功能目前只有【X3系列 和 X5系列】产品支持</span>。</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 2em;"></span></p><table><tbody><tr class="firstRow"><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">加载特效示意图</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">移动指令</td><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all; background-color: rgb(219, 229, 241);">操作说明</td></tr><tr><td width="354" valign="middle" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">过</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">程</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">太</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">炫</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">酷 </span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="font-size: 36px;">无 法 展示</span></p><p style="margin-top: 5px; margin-bottom: 5px;">（请自行测试）</p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;">① 可视化移动指令格式：</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="border: 1px solid rgb(0, 0, 0);">move obj,starx,stary,endx,endy,first,time</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">obj：控件名称或控件ID</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">starx：起始坐标X</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">stary：起始坐标Y</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">endx：结束坐标X</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">endy：结束坐标Y</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">first：优先级(0-100,数字越大优先级越大)</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">time：移动时间(单位ms)</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">, ：分隔符</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">② 无过程移动指令格式：</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="border: 1px solid rgb(0, 0, 0);">obj.x=x</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">obj：控件名称</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">.x：控件X坐标属性</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">=：赋值符号</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">x：终点x坐标</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="border: 1px solid rgb(0, 0, 0);">obj.y=y</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">obj：控件名称</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">.y：控件X坐标属性</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">=：赋值符号</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">y：终点y坐标</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p></td><td width="354" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><p style="margin-top: 5px; margin-bottom: 5px;">▷ 可视化移动操作说明</p><p style="margin-top: 5px; margin-bottom: 5px;">① 将 t0 控件从当前位置可视化移动到t1位置（假设页面上有一个控件叫做 t1），指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">move t0,t0.x,t0.y,t1.x,t1.y,0,300</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：控件t0可视化移动方式，移动到t1的位置，无优先级，移动时间300ms</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">② 将 t0 控件从当前位置可视化移动到指定位置（位置：x坐标 200，y坐标 100），指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">move t0,t0.x,t0.y,200,100,0,300</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：控件t0可视化移动方式，移动到x坐标为200，y坐标为100的位置，无优先级，移动时间300ms</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">③ 将t0移动到显示区外面去（假如水平移到最右侧外面，以4.3寸屏为例）指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">move t0,t0.x,t0.y,481,t0.y,0,300</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：控件t0可视化移动方式，x坐标位481，y坐标保持现有坐标不变，移动事件300ms。（备注：4.3寸屏的分辨率480X272，当X坐标设置为481时，就会看到控件从当前位置向右移动到屏幕外面去，这个过程耗时300ms）</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(255, 0, 0);">！！！注意： 可视化移动模式，最小移动时间限制到150ms，因为时间太短就看不出来移动效果了。</span><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;">▷ 无过程移动操作说明</p><p style="margin-top: 5px; margin-bottom: 5px;">① 将 t0 控件从当前位置无过程移动到t1位置（假设页面上有一个控件叫做 t1），指令如下：</p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=t1.x | ||
| t0.y=t1.y</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：把t1的x坐标和y坐标赋值给，t0的x坐标和y坐标。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">② 将 t0 控件从当前位置无过程移动指定位置（位置：x坐标 200，y坐标 100），指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=200 | t0.y=t1.y</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：把t1的x坐标和y坐标赋值给，t0的x坐标和y坐标。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">② 将 t0 控件从当前位置无过程移动指定位置（位置：x坐标 200，y坐标 100），指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=200 | ||
| - | t0.y=100</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：给t0的x坐标和y坐标直接赋值。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">③ 将t0无过程移动到显示区外面去（水平右侧外面，以4.3寸屏为例）指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=801</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：给t0的x坐标直接赋值，由于y坐标不变，y坐标不用赋值。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(255, 0, 0);">特别说明：</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(255, 0, 0);">控件移动只是移动位置，控件的所有功能不会因为移动而改变，非常方便有运行中移动空加需求的场景使用（例如：密码键盘、操作菜单等等）</span><br/></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(255, 0, 0);">控件移出显示区，根据自己需要使用。</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(255, 0, 0);">另外，如果您只是想不让控件显示出来，可以用隐藏指令，不需要用移动指令。<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#vis" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183);">点击查阅【隐藏指令】的使用</a>。</span></p></td></tr></tbody></table><p style="text-align: center;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p style="text-align: left; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><span style="text-indent: 2em;"><a name="siqi"></a>4.7</span></strong></span><strong style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; white-space: normal;">、下拉框控件使用过程中常见问题</strong></span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">①点击下拉框出现单元格被其他控件挡住（显示不全）。</span></strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">可能原因：x系列是有图层概念的，控件id代表着图层层数，控件id大会挡住控件id小。</span></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">解决办法：1、通过软件左上角工具栏置顶置底（上下箭头）修改控件id（图层）；2、通过<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86,setlayer" target="_self">setlayer</a>指令修改控件运行中的图层。</span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">②点击下拉框将其他下拉框收缩。</span></strong></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">解决办法：对其他下拉框down属性进行赋值为0，例：cb0.down=0。<br/></span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">③选择下拉框的值再发送出去。</span></strong></p><p style="text-align: left; text-indent: 2em;"><font color="#333333" face="Arial, sans-serif"><span style="font-size: 14px;">解决办法：<a href="#er" target="_self">点击前往</a></span></font></p><p style="text-align: center;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">END</span></p><p><br/><br/></p> | + | t0.y=100</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：给t0的x坐标和y坐标直接赋值。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><br/></p><p style="margin-top: 5px; margin-bottom: 5px;">③ 将t0无过程移动到显示区外面去（水平右侧外面，以4.3寸屏为例）指令如下：</p><pre class="brush:cpp;toolbar:false" style="margin-top: 5px; margin-bottom: 5px; padding: 0.7em 1em; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; font-size: 1em; direction: ltr; background-color: rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius: 2px; overflow: auto; overflow-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=801</pre><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);">代码注释：给t0的x坐标直接赋值，由于y坐标不变，y坐标不用赋值。</span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(0, 176, 80);"><br/></span></p><p style="margin-top: 5px; margin-bottom: 5px;"><span style="color: rgb(255, 0, 0);">特别说明：</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(255, 0, 0);">控件移动只是移动位置，控件的所有功能不会因为移动而改变，非常方便有运行中移动空加需求的场景使用（例如：密码键盘、操作菜单等等）</span><br/></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(255, 0, 0);">控件移出显示区，根据自己需要使用。</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(255, 0, 0);">另外，如果您只是想不让控件显示出来，可以用隐藏指令，不需要用移动指令。<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#vis" target="_self" style="outline: none; text-decoration-line: none; color: rgb(43, 115, 183);">点击查阅【隐藏指令】的使用</a>。</span></p></td></tr></tbody></table><p style="text-align: center;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p style="text-align: left; text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><span style="font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><span style="text-indent: 2em;"><a name="siqi"></a>4.7</span></strong></span><strong style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px; white-space: normal;">、下拉框控件使用过程中常见问题</strong></span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">①点击下拉框出现单元格被其他控件挡住（显示不全）。</span></strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">可能原因：x系列是有图层概念的，控件id代表着图层层数，控件id大会挡住控件id小。</span></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">解决办法：1、通过软件左上角工具栏置顶置底（上下箭头）修改控件id（图层）；2、通过<a href="http://wiki.tjc1688.com/doku.php?id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86,setlayer" target="_self">setlayer</a>指令修改控件运行中的图层。</span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">②点击下拉框将其他下拉框收缩。</span></strong></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">解决办法：对其他下拉框down属性进行赋值为0，例：cb0.down=0。<br/></span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">③选择下拉框的值再发送出去。</span></strong></p><p style="text-align: left; text-indent: 2em;"><span style="color:#333333;font-family:Arial, sans-serif"><span style="font-size: 14px;">解决办法：<a href="#er" target="_self">点击前往</a>。</span></span></p><p style="text-indent: 2em;"><strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">④下拉框如何添加选项</span></strong><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p style="text-indent: 2em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">解决办法：cb0.path+=“\raaa”,下拉框选项将会在最下面添加“aaa”选项。<br/></span></p><p><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;"><br/></span></p><p style="text-align: center;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-align: center; text-indent: 0em;">END</span></p><p><br/><br/></p> |
5.控件详解/26.下拉框控件.txt · 最后更改: 2021/01/15 17:06 由 tjcqiu 浏览次数:2241/4759941(本页/全站)