两侧同时换到之前的修订记录 前一修订版 | 后一修订版 两侧同时换到之后的修订记录 | ||
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> |