5.控件详解:10.数字控件
差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 | 后一修订版 两侧同时换到之后的修订记录 | ||
|
5.控件详解:10.数字控件 [2020/06/29 14:44] tjcqiu |
5.控件详解:10.数字控件 [2020/06/30 15:40] tjcqiu |
||
|---|---|---|---|
| 行 1: | 行 1: | ||
| <h1 style="padding: 0px; line-height: 1.2; clear: left; margin: 0px 0px 0.444em; color: rgb(51, 51, 51); font-family: Arial, sans-serif; white-space: normal; text-align: center;">数字控件使用说明</h1><hr/><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"><br/></p><table><tbody><tr class="firstRow"><td width="166" 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;">名称</td><td width="166" 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;">操作</td><td width="90" 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;">版本</td><td width="133" 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;">日期<br/></td><td valign="middle" colspan="1" rowspan="1" width="275" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">说明</td><td valign="middle" colspan="1" rowspan="1" align="center" width="166" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">编辑</td></tr><tr><td width="166" 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;">《数字控件使用说明》</td><td width="166" 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;">创建中</td><td width="90" 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;">V1.0</td><td width="133" 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;">2019-02-16</td><td valign="middle" colspan="1" rowspan="1" width="275" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">第一次编辑完成，正式发布。</td><td valign="middle" colspan="1" rowspan="1" align="center" width="166" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">zp</td></tr><tr><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;"><span style="text-align: -webkit-center;">《数字控件使用说明》</span></td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">修订</td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">V1.1</td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">2020-06-29</td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;"><span style="font-family: Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: rgb(255, 255, 255);">补充本空间中所有属性详解</span></td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">qjj</td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"><br/></p><hr/><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em;"><strong>【目录】<br/></strong></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;"><strong>一、<a href="#yi" target="_self">数字控件-概述</a></strong></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;"><strong>二、<a href="#er" target="_self">数字控件-简单使用</a></strong></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;"><strong>三、<a href="#san" target="_self">数字控件-属性详解</a></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;">3.1、<a href="#sanyi" target="_self">控件属性描述</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;">3.2、<a href="#saner" target="_self">控件属性编辑</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;">  3.2.1、<a href="#saneryi" target="_self">编辑属性</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;">  3.2.2、<a href="#sanerer" target="_self">读属性</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;">  3.2.3、<a href="#sanersan" target="_self">写属性</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;">3.3 、<a href="#sansan" target="_self">属性详解</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; line-height: 1.5em;">  3.3.1、<a href="#sansanyi" target="_self">x，y属性</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; line-height: 1.5em;">    3.3.2、<a href="#sansaner" target="_self">w，h属性</a><br/>   3.3.3、<a href="#sansansan" target="_self">spax，spay属性</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; line-height: 1.5em;">    3.3.4、<a href="#sansansi" target="_self">isbr属性</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; line-height: 1.5em;">  3.3.5、<a href="#sansanwu" target="_self">val属性</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; line-height: 1.5em;">  3.3.6、<a href="#sansanliu" target="_self">lenth属性</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; line-height: 1.5em;">  3.3.7、<a href="#sansanqi" target="_self">format属性</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; line-height: 1.5em;">  3.3.8、<a href="#sansanba" target="_self">xcen，ycen属性</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; line-height: 1.5em;">  3.3.9、<a href="#sansanjiu" target="_self">pco属性</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; line-height: 1.5em;">  3.3.10、<a href="#sansanshi" target="_self">bco属性</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; line-height: 1.5em;">  3.3.11、<a href="#sansanshiyi" target="_self">pic属性</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; line-height: 1.5em;">  3.3.12、<a href="#sansanshier" target="_self">picc属性</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; line-height: 1.5em;">  3.3.13、<a href="#sansanshisan" target="_self">font属性</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; line-height: 1.5em;">  3.3.14、<a href="#sansanshisi" target="_self">key属性</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; line-height: 1.5em;">    3.3.15、<a href="#sansanshiwu" target="_self">sta属性</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; line-height: 1.5em;">    3.3.16、<a href="#sansanshiliu" target="_self">effect属性</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; line-height: 1.5em;">    3.3.17、<a href="#sansanshiqi" target="_self">aph属性</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; line-height: 1.5em;">    3.3.18、<a href="#sansanshiba" target="_self">drag属性</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; line-height: 1.5em;">    3.3.19、<a href="#sansanshijiu" target="_self">vscope属性</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; line-height: 1.5em;">    3.3.20、<a href="#sansanershi" target="_self">objname属性</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; line-height: 1.5em;">    3.3.21、<a href="#sansanershiyi" target="_self">id属性</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; line-height: 1.5em;">    3.3.22、<a href="#sansanershier" target="_self">type属性</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; line-height: 1.5em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  3.3.23、</span><a href="#sansanershisan" target="_self">borderc属性</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; line-height: 1.5em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  3.3.24、</span><a href="#sansanershisi" target="_self">borderw属性</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; line-height: 1.5em;">      3.3.25、<a href="#sansanershiwu" target="_self">style属性</a></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 0em; white-space: normal;"><strong>四、<a href="http://wiki.tjc1688.com/doku.php?id=5.%E6%8E%A7%E4%BB%B6%E8%AF%A6%E8%A7%A3:2.%E6%96%87%E6%9C%AC%E6%8E%A7%E4%BB%B6#si" target="_self">数字控件-使用详解</a></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;">4.1、<a href="#siyi" target="_self">在页面上新建数字控件</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; line-height: 1.75em;">4.2、<a href="#sier" target="_self">数字控件外观调整</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; line-height: 1.75em;">4.3、<a href="#sisan" target="_self">数字控件默认显示数值设置</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;"><span style="text-indent: 2em;">4.4、<a href="#sisi" target="_self">运行中改变数字控件显示数值</a></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="text-indent: 2em;">4.5、<a href="#siwu" target="_self">运行中改变数字控件背景</a></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;">4.6、<a href="#siliu" target="_self">数字控件加载特效设置</a></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;"><span style="text-indent: 2em;">4.7、<a href="#siqi" target="_self">数字控件移动特效使用</a></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;">4.8、<a href="#siba" target="_self">数字控件一些使用小技巧</a></p><hr/><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="yi"></a>一、数字控件-概述<br/></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;">1.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; line-height: 1.75em;">1.2、用于在串口屏上显示数字信息。</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;">1.3、在《USART HMI》软件左侧工具箱里面，从上到下数第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;"> <img src="/dokuwiki/ueditor/php/upload/image/20190220/1550626011842605.png" title="1550626011842605.png" alt="QQ图片20190220092614.png"/></p><hr/><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="er"></a>二、数字控件-简单使用<br/></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;">用数字控件，做自己的<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;"><img src="/dokuwiki/ueditor/php/upload/image/20190212/1549950501121702.png" title="1549950501121702.png" alt="QQ图片20190212134713.png" width="230" height="171"/></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(127, 127, 127);">▲一个纯色页面使用<数字控件>显示数字信息</span></p><hr/><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;"><strong><a name="san"></a>三、数字控件-属性详解</strong></h3><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">串口屏所有控件操作的实质都是对属性的修改。数字控件具有的属性如下表所示。<strong><br/></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;"><img src="/dokuwiki/ueditor/php/upload/image/20190212/1549965875312496.png" title="1549965875312496.png" alt="QQ图片20190212150408.png"/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-align: left;"><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><a name="sanyi"></a>3.1、控件属性描述</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;"><strong><img src="/dokuwiki/ueditor/php/upload/image/20200628/1593335208926345.png" title="1593335208926345.png" alt="图片1.png"/></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;">    如上图所示，当鼠标选中对应属性时，会在属性窗口的最下方出现该属性的详细描述信息。</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="saner"></a>3.2、控件属性编辑</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="saneryi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.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;">  用户可以随时调整、编辑列表中的属性参数。</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和id属性由开发环境指定，用户不可修改。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;">   <a name="sanerer"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.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;">  如上图所示的控件属性列表，可以在设备运行中随时读取。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204);">      sys0=n0.id           将数字控件n0的id号赋值给sys0变量 | <h1 style="padding: 0px; line-height: 1.2; clear: left; margin: 0px 0px 0.444em; color: rgb(51, 51, 51); font-family: Arial, sans-serif; white-space: normal; text-align: center;">数字控件使用说明</h1><hr/><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"><br/></p><table><tbody><tr class="firstRow"><td width="166" 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;">名称</td><td width="166" 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;">操作</td><td width="90" 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;">版本</td><td width="133" 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;">日期<br/></td><td valign="middle" colspan="1" rowspan="1" width="275" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">说明</td><td valign="middle" colspan="1" rowspan="1" align="center" width="166" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">编辑</td></tr><tr><td width="166" 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;">《数字控件使用说明》</td><td width="166" 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;">创建中</td><td width="90" 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;">V1.0</td><td width="133" 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;">2019-02-16</td><td valign="middle" colspan="1" rowspan="1" width="275" align="center" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">第一次编辑完成，正式发布。</td><td valign="middle" colspan="1" rowspan="1" align="center" width="166" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;">zp</td></tr><tr><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;"><span style="text-align: -webkit-center;">《数字控件使用说明》</span></td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">修订</td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">V1.1</td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">2020-06-29</td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;"><span style="font-family: Arial, sans-serif; font-size: 14px; text-align: -webkit-center; background-color: rgb(255, 255, 255);">补充本空间中所有属性详解</span></td><td valign="middle" align="center" colspan="1" rowspan="1" style="border-left-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); word-break: break-all;">qjj</td></tr></tbody></table><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"><br/></p><hr/><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; line-height: 1.75em;"><strong>【目录】<br/></strong></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;"><strong>一、<a href="#yi" target="_self">数字控件-概述</a></strong></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;"><strong>二、<a href="#er" target="_self">数字控件-简单使用</a></strong></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;"><strong>三、<a href="#san" target="_self">数字控件-属性详解</a></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;">3.1、<a href="#sanyi" target="_self">控件属性描述</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;">3.2、<a href="#saner" target="_self">控件属性编辑</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;">  3.2.1、<a href="#saneryi" target="_self">编辑属性</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;">  3.2.2、<a href="#sanerer" target="_self">读属性</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;">  3.2.3、<a href="#sanersan" target="_self">写属性</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;">3.3 、<a href="#sansan" target="_self">属性详解</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; line-height: 1.5em;">  3.3.1、<a href="#sansanyi" target="_self">x，y属性</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; line-height: 1.5em;">    3.3.2、<a href="#sansaner" target="_self">w，h属性</a><br/>   3.3.3、<a href="#sansansan" target="_self">spax，spay属性</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; line-height: 1.5em;">    3.3.4、<a href="#sansansi" target="_self">isbr属性</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; line-height: 1.5em;">  3.3.5、<a href="#sansanwu" target="_self">val属性</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; line-height: 1.5em;">  3.3.6、<a href="#sansanliu" target="_self">lenth属性</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; line-height: 1.5em;">  3.3.7、<a href="#sansanqi" target="_self">format属性</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; line-height: 1.5em;">  3.3.8、<a href="#sansanba" target="_self">xcen，ycen属性</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; line-height: 1.5em;">  3.3.9、<a href="#sansanjiu" target="_self">pco属性</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; line-height: 1.5em;">  3.3.10、<a href="#sansanshi" target="_self">bco属性</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; line-height: 1.5em;">  3.3.11、<a href="#sansanshiyi" target="_self">pic属性</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; line-height: 1.5em;">  3.3.12、<a href="#sansanshier" target="_self">picc属性</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; line-height: 1.5em;">  3.3.13、<a href="#sansanshisan" target="_self">font属性</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; line-height: 1.5em;">  3.3.14、<a href="#sansanshisi" target="_self">key属性</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; line-height: 1.5em;">    3.3.15、<a href="#sansanshiwu" target="_self">sta属性</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; line-height: 1.5em;">    3.3.16、<a href="#sansanshiliu" target="_self">effect属性</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; line-height: 1.5em;">    3.3.17、<a href="#sansanshiqi" target="_self">aph属性</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; line-height: 1.5em;">    3.3.18、<a href="#sansanshiba" target="_self">drag属性</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; line-height: 1.5em;">    3.3.19、<a href="#sansanshijiu" target="_self">vscope属性</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; line-height: 1.5em;">    3.3.20、<a href="#sansanershi" target="_self">objname属性</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; line-height: 1.5em;">    3.3.21、<a href="#sansanershiyi" target="_self">id属性</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; line-height: 1.5em;">    3.3.22、<a href="#sansanershier" target="_self">type属性</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; line-height: 1.5em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  3.3.23、</span><a href="#sansanershisan" target="_self">borderc属性</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; line-height: 1.5em;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  3.3.24、</span><a href="#sansanershisi" target="_self">borderw属性</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; line-height: 1.5em;">      3.3.25、<a href="#sansanershiwu" target="_self">style属性</a></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 0em; white-space: normal;"><strong>四、<a href="http://wiki.tjc1688.com/doku.php?id=5.%E6%8E%A7%E4%BB%B6%E8%AF%A6%E8%A7%A3:2.%E6%96%87%E6%9C%AC%E6%8E%A7%E4%BB%B6#si" target="_self">数字控件-使用详解</a></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;">4.1、<a href="#siyi" target="_self">在页面上新建数字控件</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; line-height: 1.75em;">4.2、<a href="#sier" target="_self">数字控件外观调整</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; line-height: 1.75em;">4.3、<a href="#sisan" target="_self">数字控件默认显示数值设置</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;"><span style="text-indent: 2em;">4.4、<a href="#sisi" target="_self">运行中改变数字控件显示数值</a></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="text-indent: 2em;">4.5、<a href="#siwu" target="_self">运行中改变数字控件背景</a></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;">4.6、<a href="#siliu" target="_self">数字控件加载特效设置</a></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;"><span style="text-indent: 2em;">4.7、<a href="#siqi" target="_self">数字控件移动特效使用</a></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;">4.8、<a href="#siba" target="_self">数字控件一些使用小技巧</a></p><hr/><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="yi"></a>一、数字控件-概述<br/></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;">1.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; line-height: 1.75em;">1.2、用于在串口屏上显示数字信息。</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;">1.3、在《USART HMI》软件左侧工具箱里面，从上到下数第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;"> <img src="/dokuwiki/ueditor/php/upload/image/20190220/1550626011842605.png" title="1550626011842605.png" alt="QQ图片20190220092614.png"/></p><hr/><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="er"></a>二、数字控件-简单使用<br/></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;">用数字控件，做自己的<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;"><img src="/dokuwiki/ueditor/php/upload/image/20190212/1549950501121702.png" title="1549950501121702.png" alt="QQ图片20190212134713.png" width="230" height="171"/></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(127, 127, 127);">▲一个纯色页面使用<数字控件>显示数字信息</span></p><hr/><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;"><strong><a name="san"></a>三、数字控件-属性详解</strong></h3><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">串口屏所有控件操作的实质都是对属性的修改。数字控件具有的属性如下表所示。<strong><br/></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;"><img src="/dokuwiki/ueditor/php/upload/image/20190212/1549965875312496.png" title="1549965875312496.png" alt="QQ图片20190212150408.png"/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-align: left;"><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><a name="sanyi"></a>3.1、控件属性描述</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;"><strong><img src="/dokuwiki/ueditor/php/upload/image/20200628/1593335208926345.png" title="1593335208926345.png" alt="图片1.png"/></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;">    如上图所示，当鼠标选中对应属性时，会在属性窗口的最下方出现该属性的详细描述信息。</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="saner"></a>3.2、控件属性编辑</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="saneryi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.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;">  用户可以随时调整、编辑列表中的属性参数。</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和id属性由开发环境指定，用户不可修改。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;">   <a name="sanerer"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.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;">  如上图所示的控件属性列表，可以在设备运行中随时读取。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204);">      sys0=n0.id           将数字控件n0的id号赋值给sys0变量 | ||
|       t0.x+=10             将控件在屏幕上的位置向右移动10个像素点。 |       t0.x+=10             将控件在屏幕上的位置向右移动10个像素点。 | ||
| - |       prints n0.val,0      将n0的数值从串口发送出去。</pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    注意：objname属性不可以读取。比如在事件代码中写"n0.val=n0.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="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 style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; 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;">    注意：因产品系列不同，属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x，y属性。但是T0,K0系列不能在运行过程中修改x，y属性！</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属性只能在屏的分辨率之内，不能超出屏幕显示区域。</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属性<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;">    X系列产品，x+w，y+h的值可以超出屏幕坐标范围，但是超出屏幕将被裁减，不会显示出来。</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="sansansan"></a> <span style="border: 1px solid rgb(0, 0, 0);"> 3.3.3、spax，spay属性 </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;">  屏幕上显示字符与字符之间的距离。单位：像素点。</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;">   <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190119/1547884464120058.png" title="1547884464120058.png" alt="image.png"/>   </p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">注意：USART HMI升级到0.55版本以后，全系列支持非等宽字体。当用户使用非等宽字体以后，字体排版效果与电脑上的效果一致。</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;">    <span style="border: 1px solid rgb(0, 0, 0);"><a name="sansansi"></a>3.3.4、isbr属性</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;">          isbr属性表示在显示数值内容，一行显示不完所有数字时，是否自动换行到下一行继续显示。</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;"><br/></p><table><tbody><tr class="firstRow"><td 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;"><span style="text-indent: 32px;">禁止自动换行</span></td><td 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;"><span style="text-indent: 32px;">使能自动换行</span></td></tr><tr><td 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/20190220/1550628380852158.png" title="1550628380852158.png" alt="QQ图片20190220095709.png"/></td><td 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/20190220/1550628423925785.png" title="1550628423925785.png" alt="QQ图片20190220100646.png"/></td></tr><tr><td width="1105" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><br/></td><td width="1105" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><br/></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;">   <a name="sansanwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.5、val属性</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;">   val属性。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">初始值，</span>即数值类型属性。取值范围为(最小-2147483648,最大2147483647)</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、lenth属性</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;">  lenth属性表示该数字控件，最多可以显示多少位数。(0为自动,最大15位)</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：在界面编辑时，如果输入val属性中的数值位数超过了lenth，超出的部分将丢失。</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：如果在运行中，给val写入超过lenth的设置位数，超出的部分将丢失。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        例如：lenth=5。在事件窗口中写：n0.val=123456789。运行后的实际效果val的值为12345，“6789”将被丢失。</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、format属性</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;">  format属性，数字控件的数值格式化类型:0-数字;1-货币;2-Hex。<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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">例如：format=0。在事件窗口中写：n0.val=12345。运行后的实际效果val的值为12345，</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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">            例如：format=1。在事件窗口中写：n0.val=12345。运行后的实际效果val的值为12,345，</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;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">例如：format=2。(1)在事件窗口中写：n0.val=12345。运行后的实际效果val的值为3039，(2)<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">在事件窗口中写：n0.val=0x0c。运行后的实际效果val的值为0C。</span></span></span>(3)在事件窗口中写：n0.val=11。运行后的实际效果val的值为0B。</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、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="sansanjiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.9、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="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="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.11、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="sansanshier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.12、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;">        注意：选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则，可能会导致显示花屏！</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、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;">   <a name="sansanshisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.14、key属性</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;">          key属性。控件绑定系统内置键盘页面属性。仅当vscope=全局时可以选择键盘。支持的键盘类型如下图所示：<br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-align: center;">    <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190121/1548036142133656.png" title="1548036142133656.png" alt="image.png"/></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(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">仅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、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种效果。仅X系列支持该属性。</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="sansanshiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.17、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属性。控件半透明属性。仅X系列支持。</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="sansanshiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.18、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属性。控件运行过程中是否支持拖动属性。仅X系列支持。</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、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="sansanershi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.20、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="sansanershiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.21、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是每个控件在当前页面的唯一标识号。由系统分配，不可修改。可通过软件左上角置顶置底间接修改。</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、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属性。控件类型属性。由系统分别固定数据，比如数字控件属性为54。</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="sansanershisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.23、borderc属性</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;">borderc</span>属性。边框颜色属性。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">RGB565的颜色值。仅当style=边框时，才存在该属性</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="sansanershisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.24、borderw属性</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;">borderw</span>属性。边框粗细属性。最大值:255。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">仅当style=边框时，才存在该属性</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span><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="sansanershiwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.25、style属性</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;">        style属性。显示风格:0-平面;1-边框;2-3D_Down;3-3D_Up</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;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    2.边框——控件有边框，可以设置边框粗细，颜色</span>              <br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"> <span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   3.3D_Down——控件在界面显示上是凹进去的</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;"> </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   3.3D_Up——控件在界面显示上是凸出来的</span></span> </p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"> <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>  参考文本控件<br/></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></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><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><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，图片资源文件怎么用，请查阅【资源文件使用说明】。</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;"><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);"><a name="siersi"></a>4.2.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; 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，图片资源文件怎么用，请查阅【资源文件使用说明】。</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;">文本控件背景为透明背景。仅x系列支持</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 style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);"><a name="sisanyi"></a>4.3.1基本的使用</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;">在页面的中间显示【1234567890】。</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/20200629/1593397982107149.png" title="1593397982107149.png" alt="图片1.png" width="344" height="194"/></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;"><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593398004124284.png" title="1593398004124284.png" alt="进度条1.png"/></p><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/20200629/1593398015304492.png" title="1593398015304492.png" alt="图片3.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/20200629/1593398025297736.png" title="1593398025297736.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/20200629/1593398037528688.png" title="1593398037528688.png" alt="图片2.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><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">数字位数属性，这里设置的是数字控件"val属性"能显示的数值的位数。</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">意思就是，输入数值的位数只能 ≤ 这个值，或者说需要显示多少个位数字，这个位数值必须≥你要显示的数值位数。否则，<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">超出的部分将丢失。如果数值位数小于设置最大位数，则会用0在前面补全。</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><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;"><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="border: 1px solid rgb(0, 0, 0);"><a name="sisaner"></a>4.3.2自动换行功能的使用</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;">调整数字控件大小让【1234567890】分两行显示，。</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/20200629/1593399150295413.png" title="1593399150295413.png" alt="图片1.png" width="350" height="132"/></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;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547653369584199.png" title="1547653369584199.png" alt="image.png" width="285" height="30"/><br/></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; line-height: 1.75em;">和上一小点，重复的地方就不讲了；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷我们要做的只有2步：</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></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)：按下当前页面中的按钮，让当前页面中的数字控件n0显示123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">n0.val=123<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);"> n0  </span><span style="text-indent: 2em;">：当前页面中，控件名称为 n0 的数字控件</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);"> .val</span><span style="text-indent: 2em;">：数字控件 n0 属性列表中的其中一个属性，用于赋值数值。</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);"> 123 </span><span style="text-indent: 2em;">：123 为数值</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></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;"><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593399606913736.png" title="1593399606913736.png" alt="进度条1.png" width="262" height="133"/></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）中的数字控件显示123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">set.n0.val=123<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);"> .n0 </span>：set页面中名字为 n0 的数字控件</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);"> .val </span><span style="text-indent: 32px;">：数字控件 n0 属性列表中的其中一个属性，用于赋值数值。</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);"> 123 </span><span style="text-indent: 2em;">：123 为数值</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;"><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; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"> </span><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;">让当前页面中的数字控件n0显示 123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">Serial.print("n0.val=123");<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);"> "n0.val=123" </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="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）中的数字控件显示123</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">Serial.print("set.n0.val=123");<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.n0.val=123" </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="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;"><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)：串口发送数据让当前页面中的数字控件n0显示 123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">n0.val=123<br/>ff ff ff<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;"><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="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="/dokuwiki/ueditor/php/upload/image/20200629/1593400506122838.png" title="1593400506122838.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;">② 设置波特率</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/20200629/1593400514104343.png" title="1593400514104343.png" alt="图片3.png"/><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593400521411211.png" title="1593400521411211.png" alt="图片4.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;"><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></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）中的数字控件显示123。<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="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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">set.n0.val=123<br/>ff ff ff<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; text-indent: 2em;"></span><br/></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="/dokuwiki/ueditor/php/upload/image/20200629/1593400763130868.png" title="1593400763130868.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;">② 设置波特率</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/20200629/1593400865192352.png" title="1593400865192352.png" alt="图片1.png"/><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593400771104580.png" title="1593400771104580.png" alt="图片4.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;"><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="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><a name="siwu"></a>4.5</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;"><span style="color: rgb(0, 0, 0); font-size: 16px; text-indent: 32px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwuyi"></a>4.5.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)：按下当前页面中的按钮，把当前页面中的数字控件n0的背景色改成绿色。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">n0.bco=1024<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);"> n0  </span><span style="text-indent: 2em;">：当前页面中，控件名称为 n0 的数字控件</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);"> .bco </span><span style="text-indent: 2em;">：数字控件 n0 属性列表中的其中一个属性，叫控件【背景色】。</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);"> 1024 </span><span style="text-indent: 2em;">：绿色的色码，通过控件属性的背景颜色对应的色码，知道1024是绿色<img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547693526778832.png" title="1547693526778832.png" alt="image.png" width="152" height="16"/>。（如果你想设置的颜色，不清楚色码是多少，可以通过控件属性列表中控件，背景填充查找颜色来获取颜色色码。</span></span><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; text-indent: 2em;"><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;"><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; 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);"><a name="siwuer"></a>4.5.2通过“按下或弹起事件”改变其他页面中数字控件的“背景颜色”</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="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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">set.n0.bco=1024<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);"> .n0 </span>：set页面中名字为 n0 的数字控件</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);"></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);"> .bco </span><span style="text-indent: 2em;">：数字控件 n0 属性列表中的其中一个属性，叫控件【背景色】。</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);"> 1024 </span><span style="text-indent: 2em;">：绿色的色码，通过控件属性的背景颜色对应的色码，知道1024是绿色<img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547693526778832.png" title="1547693526778832.png" alt="image.png" width="152" height="16"/>。（如果你想设置的颜色，不清楚色码是多少，可以通过控件属性列表中控件，背景填充查找颜色来获取颜色色码。）</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;"></span></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;"><span style="text-indent: 2em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwusan"></a>4.5.3通过“按下或弹起事件”改变当前页面中数字控件的“背景图片”、“切图图片”</span> </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;"><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="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;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwusi"></a>4.5.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;">方法和改变【通过“按下或弹起事件”改变其他页面中数字控件的背景颜色】的方法相同，不同的只是对应的属性项不同，在此不重复讲解。</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;"><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;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwuwu"></a>4.5.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: 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="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;"><span style="text-indent: 2em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwuliu"></a>4.5.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="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="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="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>参考文本控件</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;">注：此功能目前只有【X3系列 和 X5系列】产品支持。</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="siqi"></a>4.7</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>参考文本控件</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></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;">注：此功能目前只有【X3系列 和 X5系列】产品支持。</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; word-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; word-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; word-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; word-wrap: normal; border: 1px solid rgb(204, 204, 204);">t0.x=t1.x | + |       prints n0.val,0      将n0的数值从串口发送出去。</pre><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">    注意：objname属性不可以读取。比如在事件代码中写"n0.val=n0.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="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 style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; 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;">    注意：因产品系列不同，属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x，y属性。但是T0,K0系列不能在运行过程中修改x，y属性！</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属性只能在屏的分辨率之内，不能超出屏幕显示区域。</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属性<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;">    X系列产品，x+w，y+h的值可以超出屏幕坐标范围，但是超出屏幕将被裁减，不会显示出来。</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="sansansan"></a> <span style="border: 1px solid rgb(0, 0, 0);"> 3.3.3、spax，spay属性 </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;">  屏幕上显示字符与字符之间的距离。单位：像素点。</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;">   <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190119/1547884464120058.png" title="1547884464120058.png" alt="image.png"/>   </p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">注意：USART HMI升级到0.55版本以后，全系列支持非等宽字体。当用户使用非等宽字体以后，字体排版效果与电脑上的效果一致。</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;">    <span style="border: 1px solid rgb(0, 0, 0);"><a name="sansansi"></a>3.3.4、isbr属性</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;">          isbr属性表示在显示数值内容，一行显示不完所有数字时，是否自动换行到下一行继续显示。</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;"><br/></p><table><tbody><tr class="firstRow"><td 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;"><span style="text-indent: 32px;">禁止自动换行</span></td><td 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;"><span style="text-indent: 32px;">使能自动换行</span></td></tr><tr><td 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/20190220/1550628380852158.png" title="1550628380852158.png" alt="QQ图片20190220095709.png"/></td><td 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/20190220/1550628423925785.png" title="1550628423925785.png" alt="QQ图片20190220100646.png"/></td></tr><tr><td width="1105" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><br/></td><td width="1105" valign="top" style="padding: 0.3em 0.5em; margin: 0px; vertical-align: top; border-color: rgb(204, 204, 204); word-break: break-all;"><br/></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;">   <a name="sansanwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.5、val属性</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;">   val属性。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">初始值，</span>即数值类型属性。取值范围为(最小-2147483648,最大2147483647)</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、lenth属性</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;">  lenth属性表示该数字控件，最多可以显示多少位数。(0为自动,最大15位)</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：在界面编辑时，如果输入val属性中的数值位数超过了lenth，超出的部分将丢失。</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：如果在运行中，给val写入超过lenth的设置位数，超出的部分将丢失。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">        例如：lenth=5。在事件窗口中写：n0.val=123456789。运行后的实际效果val的值为12345，“6789”将被丢失。</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、format属性</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;">  format属性，数字控件的数值格式化类型:0-数字;1-货币;2-Hex。<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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">例如：format=0。在事件窗口中写：n0.val=12345。运行后的实际效果val的值为12345，</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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">            例如：format=1。在事件窗口中写：n0.val=12345。运行后的实际效果val的值为12,345，</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;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">  </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">例如：format=2。(1)在事件窗口中写：n0.val=12345。运行后的实际效果val的值为3039，(2)<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">在事件窗口中写：n0.val=0x0c。运行后的实际效果val的值为0C。</span></span></span>(3)在事件窗口中写：n0.val=11。运行后的实际效果val的值为0B。</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、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="sansanjiu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.9、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="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="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-indent: 2em;">   <a name="sansanshiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.11、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="sansanshier"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.12、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;">        注意：选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则，可能会导致显示花屏！</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、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;">   <a name="sansanshisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.14、key属性</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;">          key属性。控件绑定系统内置键盘页面属性。仅当vscope=全局时可以选择键盘。支持的键盘类型如下图所示：<br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal; text-align: center;">    <img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190121/1548036142133656.png" title="1548036142133656.png" alt="image.png"/></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(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">仅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、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种效果。仅X系列支持该属性。</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="sansanshiqi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.17、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属性。控件半透明属性。仅X系列支持。</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="sansanshiba"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.18、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属性。控件运行过程中是否支持拖动属性。仅X系列支持。</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、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="sansanershi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.20、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="sansanershiyi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.21、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是每个控件在当前页面的唯一标识号。由系统分配，不可修改。可通过软件左上角置顶置底间接修改。</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、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属性。控件类型属性。由系统分别固定数据，比如数字控件属性为54。</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="sansanershisan"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.23、borderc属性</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;">borderc</span>属性。边框颜色属性。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">RGB565的颜色值。仅当style=边框时，才存在该属性</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="sansanershisi"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.24、borderw属性</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;">borderw</span>属性。边框粗细属性。最大值:255。<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">仅当style=边框时，才存在该属性</span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;"></span><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="sansanershiwu"></a> <span style="border: 1px solid rgb(0, 0, 0);">3.3.25、style属性</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;">        style属性。显示风格:0-平面;1-边框;2-3D_Down;3-3D_Up</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;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    2.边框——控件有边框，可以设置边框粗细，颜色</span>              <br/></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"> <span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   3.3D_Down——控件在界面显示上是凹进去的</span></p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;"><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;"> </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">    </span><span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px;">   3.3D_Up——控件在界面显示上是凸出来的</span></span> </p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; white-space: normal;"> <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>  参考文本控件<br/></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></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><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><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，图片资源文件怎么用，请查阅【资源文件使用说明】。</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;"><span style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);"><a name="siersi"></a>4.2.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; 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，图片资源文件怎么用，请查阅【资源文件使用说明】。</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;">文本控件背景为透明背景。仅x系列支持</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 style="text-indent: 2em; border: 1px solid rgb(0, 0, 0);"><a name="sisanyi"></a>4.3.1基本的使用</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;">在页面的中间显示【1234567890】。</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/20200629/1593397982107149.png" title="1593397982107149.png" alt="图片1.png" width="344" height="194"/></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;"><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593398004124284.png" title="1593398004124284.png" alt="进度条1.png"/></p><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/20200629/1593398015304492.png" title="1593398015304492.png" alt="图片3.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/20200629/1593398025297736.png" title="1593398025297736.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/20200629/1593398037528688.png" title="1593398037528688.png" alt="图片2.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><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">数字位数属性，这里设置的是数字控件"val属性"能显示的数值的位数。</p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;">意思就是，输入数值的位数只能 ≤ 这个值，或者说需要显示多少个位数字，这个位数值必须≥你要显示的数值位数。否则，<span style="color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 28px;">超出的部分将丢失。如果数值位数小于设置最大位数，则会用0在前面补全。</span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><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;"><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="border: 1px solid rgb(0, 0, 0);"><a name="sisaner"></a>4.3.2自动换行功能的使用</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;">调整数字控件大小让【1234567890】分两行显示，。</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/20200629/1593399150295413.png" title="1593399150295413.png" alt="图片1.png" width="350" height="132"/></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;"><img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190116/1547653369584199.png" title="1547653369584199.png" alt="image.png" width="285" height="30"/><br/></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; line-height: 1.75em;">和上一小点，重复的地方就不讲了；</p><p style="margin-top: 5px; margin-bottom: 5px; line-height: 1.75em;">▷我们要做的只有2步：</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></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)：按下当前页面中的按钮，让当前页面中的数字控件n0显示123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">n0.val=123<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);"> n0  </span><span style="text-indent: 2em;">：当前页面中，控件名称为 n0 的数字控件</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);"> .val</span><span style="text-indent: 2em;">：数字控件 n0 属性列表中的其中一个属性，用于赋值数值。</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);"> 123 </span><span style="text-indent: 2em;">：123 为数值</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></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;"><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593399606913736.png" title="1593399606913736.png" alt="进度条1.png" width="262" height="133"/></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）中的数字控件显示123。</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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">注：n0控件属性sta必须设置为全局，否则会报错。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">set.n0.val=123<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);"> .n0 </span>：set页面中名字为 n0 的数字控件</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);"> .val </span><span style="text-indent: 32px;">：数字控件 n0 属性列表中的其中一个属性，用于赋值数值。</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);"> 123 </span><span style="text-indent: 2em;">：123 为数值</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;"><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; text-indent: 2em; line-height: 1.75em;"><span style="text-indent: 32px; color: rgb(0, 0, 0); font-size: 16px;"> </span><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;">让当前页面中的数字控件n0显示 123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">Serial.print("n0.val=123");<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);"> "n0.val=123" </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="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）中的数字控件显示123</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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">注：n0控件属性sta必须设置为全局，否则会报错。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">Serial.print("set.n0.val=123");<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.n0.val=123" </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="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;"><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)：串口发送数据让当前页面中的数字控件n0显示 123。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">n0.val=123<br/>ff ff ff<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;"><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="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="/dokuwiki/ueditor/php/upload/image/20200629/1593400506122838.png" title="1593400506122838.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;">② 设置波特率</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/20200629/1593400514104343.png" title="1593400514104343.png" alt="图片3.png"/><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593400521411211.png" title="1593400521411211.png" alt="图片4.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;"><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></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）中的数字控件显示123。<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="color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-indent: 28px; background-color: rgb(255, 255, 255);">注：n0控件属性sta必须设置为全局，否则会报错。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">set.n0.val=123<br/>ff ff ff<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; text-indent: 2em;"></span><br/></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="/dokuwiki/ueditor/php/upload/image/20200629/1593400763130868.png" title="1593400763130868.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;">② 设置波特率</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/20200629/1593400865192352.png" title="1593400865192352.png" alt="图片1.png"/><img src="/dokuwiki/ueditor/php/upload/image/20200629/1593400771104580.png" title="1593400771104580.png" alt="图片4.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;"><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="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><strong><a name="siwu"></a>4.5</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;"><span style="color: rgb(0, 0, 0); font-size: 16px; text-indent: 32px;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwuyi"></a>4.5.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)：按下当前页面中的按钮，把当前页面中的数字控件n0的背景色改成绿色。</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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">n0.bco=1024<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);"> n0  </span><span style="text-indent: 2em;">：当前页面中，控件名称为 n0 的数字控件</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);"> .bco </span><span style="text-indent: 2em;">：数字控件 n0 属性列表中的其中一个属性，叫控件【背景色】。</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);"> 1024 </span><span style="text-indent: 2em;">：绿色的色码，通过控件属性的背景颜色对应的色码，知道1024是绿色<img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547693526778832.png" title="1547693526778832.png" alt="image.png" width="152" height="16"/>。（如果你想设置的颜色，不清楚色码是多少，可以通过控件属性列表中控件，背景填充查找颜色来获取颜色色码。</span></span><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; text-indent: 2em;"><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;"><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; 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);"><a name="siwuer"></a>4.5.2通过“按下或弹起事件”改变其他页面中数字控件的“背景颜色”</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="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; word-wrap: normal; border: 1px solid rgb(204, 204, 204); overflow-wrap: normal;"><span style="font-size: 16px;">set.n0.bco=1024<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);"> .n0 </span>：set页面中名字为 n0 的数字控件</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);"></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);"> .bco </span><span style="text-indent: 2em;">：数字控件 n0 属性列表中的其中一个属性，叫控件【背景色】。</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);"> 1024 </span><span style="text-indent: 2em;">：绿色的色码，通过控件属性的背景颜色对应的色码，知道1024是绿色<img src="http://wiki.tjc1688.com/dokuwiki/ueditor/php/upload/image/20190117/1547693526778832.png" title="1547693526778832.png" alt="image.png" width="152" height="16"/>。（如果你想设置的颜色，不清楚色码是多少，可以通过控件属性列表中控件，背景填充查找颜色来获取颜色色码。）</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;"></span></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;"><span style="text-indent: 2em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwusan"></a>4.5.3通过“按下或弹起事件”改变当前页面中数字控件的“背景图片”、“切图图片”</span> </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;"><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="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;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwusi"></a>4.5.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;">方法和改变【通过“按下或弹起事件”改变其他页面中数字控件的背景颜色】的方法相同，不同的只是对应的属性项不同，在此不重复讲解。</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;"><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;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwuwu"></a>4.5.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: 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="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;"><span style="text-indent: 2em;"><span style="border: 1px solid rgb(0, 0, 0);"><a name="siwuliu"></a>4.5.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="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="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="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>参考文本控件</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;">注：此功能目前只有【X3系列 和 X5系列】产品支持。</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="siqi"></a>4.7</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>参考文本控件</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></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;">注：此功能目前只有【X3系列 和 X5系列】产品支持。</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; word-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; word-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; word-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; word-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; word-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; word-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; word-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(0, 176, 80);"><span style="color: rgb(255, 0, 0);">控件移出显示区，根据自己需要使用。</span></span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(0, 176, 80);"><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></span></p></td></tr></tbody></table><hr/><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 0em; white-space: normal; line-height: 1.75em; text-align: center;"><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="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="siba"></a>4.8</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></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;">（1）数字控件默认值是一直有的，不能像文本控件为空。要实现数字控件默认值为空的话，可以先将数字控件属性font（字库）设置为不含数字的字库。赋值的时候再将font（字库）设置为包含数字的字库。</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;">（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,covx" target="_self">covx指令</a>进行字符转换。即covx t0.txt,n0.val,0,0。否则直接赋值t0.txt=n0.val会报错的。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 0em; white-space: normal; line-height: 1.75em; text-align: center;">END</p><p><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; word-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(0, 176, 80);"><span style="color: rgb(255, 0, 0);">控件移出显示区，根据自己需要使用。</span></span></p><p style="margin-top: 5px; margin-bottom: 5px; text-indent: 2em;"><span style="color: rgb(0, 176, 80);"><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></span></p></td></tr></tbody></table><hr/><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 0em; white-space: normal; line-height: 1.75em; text-align: center;"><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="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="siba"></a>4.8</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></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;">（1）数字控件默认值是一直有的，不能像文本控件为空。要实现数字控件默认值为空的话，可以先将数字控件属性font（字库）设置为不含数字的字库。赋值的时候再将font（字库）设置为包含数字的字库。</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;">（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,covx" target="_self">covx指令</a>进行字符转换。即covx t0.txt,n0.val,0,0。否则直接赋值t0.txt=n0.val会报错的。</p><p style="padding: 0px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 14px; text-indent: 0em; white-space: normal; line-height: 1.75em; text-align: center;">END</p><p><br/></p> | ||
5.控件详解/10.数字控件.txt · 最后更改: 2020/09/17 08:55 由 tjcqiu 浏览次数:2755/2905984(本页/全站)