USART HMI 资料中心

官方技术交流QQ群:916560014

站点工具


5.控件详解:10.数字控件

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
后一修订版 两侧同时换到之后的修订记录
5.控件详解:10.数字控件 [2020/07/27 09:06]
tjcqiu
5.控件详解:10.数字控件 [2020/08/25 14:08]
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;">&​nbsp;​ &nbsp; &nbsp; 3.2.1、<​a href="#​saneryi"​ target="​_self">​编辑属性</​a>&​nbsp;​ &​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.2、<​a href="#​sansaner"​ target="​_self">​w,h属性</​a><​br/>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​3.3.3、<​a href="#​sansansan"​ target="​_self">​spax,spay属性</​a>&​nbsp;</​p><​p style="​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;<​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);">​▲一个纯色页面使用&​lt;​数字控件&​gt;​显示数字信息</​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​如上图所示,当鼠标选中对应属性时,会在属性窗口的最下方出现该属性的详细描述信息。</​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​saneryi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; 用户可以随时调整、编辑列表中的属性参数。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意: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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sanerer"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; 如上图所示的控件属性列表,可以在设备运行中随时读取。</​p><​pre class="​brush:​cpp;​toolbar:​false"​ style="​margin-top:​ 5px; margin-bottom:​ 5px; padding: 0.7em 1em; font-family:​ Consolas, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​sys0=n0.id&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​将数字控件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;">&​nbsp;​ &nbsp; &nbsp; 3.2.1、<​a href="#​saneryi"​ target="​_self">​编辑属性</​a>&​nbsp;​ &​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.2、<​a href="#​sansaner"​ target="​_self">​w,h属性</​a><​br/>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​3.3.3、<​a href="#​sansansan"​ target="​_self">​spax,spay属性</​a>&​nbsp;</​p><​p style="​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; &nbsp; 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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;<​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);">​▲一个纯色页面使用&​lt;​数字控件&​gt;​显示数字信息</​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; text-align: center;"><​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><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">​如下图所示,当鼠标选中对应属性时,会在属性窗口的最下方出现该属性的详细描述信息。</​span></​strong></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em; text-align: center;"><​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​saneryi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; 用户可以随时调整、编辑列表中的属性参数。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:<span style="​color:​ rgb(255, 0, 0);">​type和id属性由开发环境指定,用户不可修改。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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sanerer"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; 如上图所示的控件属性列表,可以在设备运行中随时读取。</​p><​pre class="​brush:​cpp;​toolbar:​false"​ style="​margin-top:​ 5px; margin-bottom:​ 5px; padding: 0.7em 1em; font-family:​ Consolas, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​sys0=n0.id&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​将数字控件n0的id号赋值给sys0变量
 &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​t0.x+=10&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​将控件在屏幕上的位置向右移动10个像素点。 &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​t0.x+=10&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​将控件在屏幕上的位置向右移动10个像素点。
-&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​prints&​nbsp;​n0.val,​0&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​将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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:objname属性不可以读取。比如在事件代码中写&​quot;​n0.val=n0.objname&​quot;​编译将报错。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sanersan"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; <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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:因产品系列不同,属性的写权限也不完全相同。比如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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanyi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​技巧:如果想做一个控件,但是不想让用户看到,触摸到。可以把该控件放在屏幕显示区域以外。开发人员使用的时候,使用<​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;">&​nbsp;​ &​nbsp;&​nbsp;<​a name="​sansaner"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &​nbsp;&​nbsp;<​a name="​sansansan"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​3.3.3、spax,spay属性&​nbsp;</​span></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 屏幕上显示字符与字符之间的距离。单位:像素点。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​以等宽字体宋体,汉字字库距举例说明。&​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;">&​nbsp;​ &nbsp; &nbsp; &​nbsp;<​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190119/​1547884464120058.png"​ title="​1547884464120058.png"​ alt="​image.png"/>&​nbsp;​ &nbsp; &nbsp; &​nbsp;</​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; 如果字体本身宽度不一致,导致排版效果有差异时,需要用户自行调整页面布局或者使用等宽字体。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​如下图所示:&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;&​nbsp;</​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanwu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanliu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 注意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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​注意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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​例如: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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanqi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; </​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​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>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span></​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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例如: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;">&​nbsp;​ &nbsp; </​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanba"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanjiu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiyi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshier"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​注意:选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则,可能会导致显示花屏!</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshisan"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshisi"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiwu"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ &nbsp; 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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiliu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiqi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiba"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshijiu"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 当设置为全局时,控件分配的内存在所有页面都可以访问。离开当前页面后,控件属性数据也不会丢失。缺点是,占用系统总内存。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershiyi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershier"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisan"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;<​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>&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershiwu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​2.边框——控件有边框,可以设置边框粗细,颜色</​span>&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​br/></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;">&​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &​nbsp;​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;">&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &​nbsp;​4.3D_Up——控件在界面显示上是凸出来的</​span></​span>&​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;">&​nbsp;<​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>&​nbsp;​ &nbsp; 参考文本控件<​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、点击左侧&​lt;​工具箱&​gt;​里面的&​lt;​数字&​gt;​按钮,当前页面出现一个文本框▲</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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;">&​nbsp;<​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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"/>&​nbsp;<​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190116/​1547623186213265.png"​ title="​1547623186213265.png"​ alt="​image.png"​ width="​147"​ height="​145"/>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &​nbsp;​当颜色被使用过后,下次点击选择颜色的时候,使用过的颜色会直接出现在“选择颜色”的下拉选项中。</​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;"><​br/></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;">&​nbsp;​ &nbsp; &nbsp; &​nbsp;​控件属性如果不清楚怎么使用,请查阅“认识控件中的【<​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;">&​nbsp;<​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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"/>&​nbsp;<​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;">​▷拉动属性列表滑块 → 找到背景图片选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置图片填充背景。</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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"/>&​nbsp;<​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;">​▷拉动属性列表滑块 → 找到背景图片切图选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置切图填充背景。</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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;">​▷点几下鼠标就完成了给&​quot;​数字控件&​quot;​设置显示数值状态。</​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;">​数字位数属性,这里设置的是数字控件&​quot;​val属性&​quot;​能显示的数值的位数。</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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;">​▲①自动换行属性,选择&​quot;​是&​quot;​。</​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>&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​n0&​nbsp;&​nbsp;</​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);">&​nbsp;​.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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​123&​nbsp;</​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>&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​set&​nbsp;</​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);">&​nbsp;​.n0&​nbsp;</​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);">&​nbsp;​.val&​nbsp;</​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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​123&​nbsp;</​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;">&​nbsp;</​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>&​nbsp;</​span></​p><​p style="​padding:​ 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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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(&​quot;​n0.val=123&​quot;​);<​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);">&​nbsp;​Serial.print();&​nbsp;</​span>&​nbsp;​单片机串口发送字符串函数</​span></​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);">&​nbsp;&​quot;​n0.val=123&​quot;&​nbsp;</​span>&​nbsp;​需要发给屏的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);">&​nbsp;​Serial.write();&​nbsp;</​span><​span style="​text-indent:​ 32px;">&​nbsp;​单片机串口发送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);">&​nbsp;​hexEND,​3&​nbsp;</​span><​span style="​text-indent:​ 32px;">&​nbsp;​提前定义好的元素为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;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sisisi"></​a>​4.4.4通过单片机串口改变其他页面中数字控件“数值内容”&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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(&​quot;​set.n0.val=123&​quot;​);<​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);">&​nbsp;​Serial.print();&​nbsp;</​span>&​nbsp;​单片机串口发送字符串函数</​span></​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);">&​nbsp;&​quot;​set.n0.val=123&​quot;&​nbsp;</​span>&​nbsp;<​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);">&​nbsp;​Serial.write();&​nbsp;</​span>&​nbsp;​单片机串口发送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);">&​nbsp;​hexEND,​3&​nbsp;</​span>&​nbsp;​提前定义好的元素为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>&​nbsp;</​span></​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​ff&​nbsp;​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>&​nbsp;</​span></​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​ff&​nbsp;​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通过“按下或弹起事件”改变当前页面中数字控件的“背景颜色”&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​n0&​nbsp;&​nbsp;</​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);">&​nbsp;​.bco&​nbsp;</​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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​1024&​nbsp;</​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>&​nbsp;&​nbsp;&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​set&​nbsp;</​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);">&​nbsp;​.n0&​nbsp;</​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);">&​nbsp;​.bco&​nbsp;</​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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​1024&​nbsp;</​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>&​nbsp;</​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;">​方法和改变【通过“按下或弹起事件”改变当前页面中数字控件的背景颜色&​nbsp;​】的方法相同,不同的只是对应的属性项不同,在此不重复讲解。</​span></​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>&​nbsp;&​nbsp;</​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>&​nbsp;</​span></​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>&​nbsp;</​span></​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;">​酷&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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+&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​prints&​nbsp;​n0.val,​0&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​将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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:<span style="​color:​ rgb(255, 0, 0);">​objname属性不可以读取。比如在事件代码中写&​quot;​n0.val=n0.objname&​quot;​编译将报错</​span>​。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sanersan"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; <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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:<span style="​color:​ rgb(255, 0, 0);">​因产品系列不同,属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x,y属性。但是T0,​K0系列不能在运行过程中修改x,y属性</​span>​!</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​sansan"></​a>​3.3 、属性详解</​strong></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanyi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​技巧:如果想做一个控件,但是不想让用户看到,触摸到。可以把该控件放在屏幕显示区域以外。开发人员使用的时候,使用<​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;">&​nbsp;​ &​nbsp;&​nbsp;<​a name="​sansaner"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​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;">&​nbsp;​ &​nbsp;&​nbsp;<​a name="​sansansan"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​3.3.3、spax,spay属性&​nbsp;</​span></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 屏幕上显示字符与字符之间的距离。单位:像素点。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​以等宽字体宋体,汉字字库距举例说明。&​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;">&​nbsp;​ &nbsp; &nbsp; &​nbsp;<​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190119/​1547884464120058.png"​ title="​1547884464120058.png"​ alt="​image.png"/>&​nbsp;​ &nbsp; &nbsp; &​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">​注意:<span style="​color:​ rgb(255, 0, 0);">​USART HMI升级到0.55版本以后,全系列支持非等宽字体。当用户使用非等宽字体以后,字体排版效果与电脑上的效果一致</​span>​。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &​nbsp; ​<span style="​color:​ rgb(255, 0, 0);">​如果字体本身宽度不一致,导致排版效果有差异时,需要用户自行调整页面布局或者使用等宽字体</​span>​。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​如下图所示:&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;&​nbsp;</​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanwu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanliu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 注意1:<span style="​color:​ rgb(255, 0, 0);">​在界面编辑时,如果输入val属性中的数值位数超过了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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​注意2:<span style="​color:​ rgb(255, 0, 0);">​如果在运行中,给val写入超过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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​例如: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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanqi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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;">&​nbsp;​ &nbsp; </​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​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>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span></​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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例如: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;">&​nbsp;​ &nbsp; </​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanba"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanjiu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiyi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshier"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​注意:<span style="​color:​ rgb(255, 0, 0);">​选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则,可能会导致显示花屏</​span>​!</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshisan"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshisi"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiwu"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ &nbsp; 4,透明——即无背景,以透明的方式直接在控件区域写字符信息。<span style="​font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px; color: rgb(255, 0, 0);">​仅X系列支持</​span>​<span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px;">​。</​span></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiliu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​effect属性。控件加载特效属性。目前一共支持9种效果。<span style="​color:​ rgb(255, 0, 0);">​仅X系列支持该属性</​span>​。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiqi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​aph属性。控件半透明属性。<span style="​color:​ rgb(255, 0, 0);">​仅X系列支持</​span>​。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshiba"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ drag属性。控件运行过程中是否支持拖动属性。<span style="​color:​ rgb(255, 0, 0);">​仅X系列支持</​span>​。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanshijiu"></​a>&​nbsp;<​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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 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;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 当设置为全局时,控件分配的内存在所有页面都可以访问。离开当前页面后,控件属性数据也不会丢失。缺点是,占用系统总内存。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershiyi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershier"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisan"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisi"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;<​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>&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershiwu"></​a>&​nbsp;<​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;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​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;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​2.边框——控件有边框,可以设置边框粗细,颜色</​span>&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​br/></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;">&​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &​nbsp;​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;">&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px;">&​nbsp;​ &​nbsp;​4.3D_Up——控件在界面显示上是凸出来的</​span></​span>&​nbsp;</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;">&​nbsp;<​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>&​nbsp;​ &nbsp; 参考文本控件<​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、点击左侧&​lt;​工具箱&​gt;​里面的&​lt;​数字&​gt;​按钮,当前页面出现一个文本框▲</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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;">&​nbsp;<​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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"/>&​nbsp;<​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190116/​1547623186213265.png"​ title="​1547623186213265.png"​ alt="​image.png"​ width="​147"​ height="​145"/>&​nbsp;<​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;">&​nbsp;​ &nbsp; &nbsp; &​nbsp;​当颜色被使用过后,下次点击选择颜色的时候,使用过的颜色会直接出现在“选择颜色”的下拉选项中。</​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;"><​br/></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;">&​nbsp;​ &nbsp; &nbsp; &​nbsp;​控件属性如果不清楚怎么使用,请查阅“认识控件中的【<​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;">&​nbsp;<​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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"/>&​nbsp;<​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;">​▷拉动属性列表滑块 → 找到背景图片选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置图片填充背景。</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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"/>&​nbsp;<​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;">​▷拉动属性列表滑块 → 找到背景图片切图选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置切图填充背景。</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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;">​▷点几下鼠标就完成了给&​quot;​数字控件&​quot;​设置显示数值状态。</​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;">​数字位数属性,这里设置的是数字控件&​quot;​val属性&​quot;​能显示的数值的位数。</​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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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:​ &​quot;​comic sans ms&​quot;;​ 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;">​▲①自动换行属性,选择&​quot;​是&​quot;​。</​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>&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​n0&​nbsp;&​nbsp;</​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);">&​nbsp;​.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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​123&​nbsp;</​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>&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​set&​nbsp;</​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);">&​nbsp;​.n0&​nbsp;</​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);">&​nbsp;​.val&​nbsp;</​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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​123&​nbsp;</​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;">&​nbsp;</​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>&​nbsp;</​span></​p><​p style="​padding:​ 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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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(&​quot;​n0.val=123&​quot;​);<​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);">&​nbsp;​Serial.print();&​nbsp;</​span>&​nbsp;​单片机串口发送字符串函数</​span></​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);">&​nbsp;&​quot;​n0.val=123&​quot;&​nbsp;</​span>&​nbsp;​需要发给屏的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);">&​nbsp;​Serial.write();&​nbsp;</​span><​span style="​text-indent:​ 32px;">&​nbsp;​单片机串口发送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);">&​nbsp;​hexEND,​3&​nbsp;</​span><​span style="​text-indent:​ 32px;">&​nbsp;​提前定义好的元素为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;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sisisi"></​a>​4.4.4通过单片机串口改变其他页面中数字控件“数值内容”&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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(&​quot;​set.n0.val=123&​quot;​);<​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);">&​nbsp;​Serial.print();&​nbsp;</​span>&​nbsp;​单片机串口发送字符串函数</​span></​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);">&​nbsp;&​quot;​set.n0.val=123&​quot;&​nbsp;</​span>&​nbsp;<​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);">&​nbsp;​Serial.write();&​nbsp;</​span>&​nbsp;​单片机串口发送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);">&​nbsp;​hexEND,​3&​nbsp;</​span>&​nbsp;​提前定义好的元素为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>&​nbsp;</​span></​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​ff&​nbsp;​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>&​nbsp;</​span></​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​ff&​nbsp;​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通过“按下或弹起事件”改变当前页面中数字控件的“背景颜色”&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​n0&​nbsp;&​nbsp;</​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);">&​nbsp;​.bco&​nbsp;</​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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​1024&​nbsp;</​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>&​nbsp;&​nbsp;&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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);">&​nbsp;​set&​nbsp;</​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);">&​nbsp;​.n0&​nbsp;</​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);">&​nbsp;​.bco&​nbsp;</​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);">&​nbsp;​=&​nbsp;</​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);">&​nbsp;​1024&​nbsp;</​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>&​nbsp;</​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;">​方法和改变【通过“按下或弹起事件”改变当前页面中数字控件的背景颜色&​nbsp;​】的方法相同,不同的只是对应的属性项不同,在此不重复讲解。</​span></​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>&​nbsp;&​nbsp;</​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>&​nbsp;</​span></​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>&​nbsp;</​span></​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;">​酷&​nbsp;</​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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&​nbsp;​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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ 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, &​quot;​Andale Mono WT&​quot;,​ &​quot;​Andale Mono&​quot;,​ &​quot;​Bitstream Vera Sans Mono&​quot;,​ &​quot;​Nimbus Mono L&​quot;,​ Monaco, &​quot;​Courier New&​quot;,​ monospace; font-size: 1em; direction: ltr; background-color:​ rgb(251, 250, 249); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; border-radius:​ 2px; overflow: auto; word-wrap: normal; border: 1px solid rgb(204, 204, 204);">​t0.x=801</​pre><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;"><​span style="​color:​ rgb(0, 176, 80);">​代码注释:给t0的x坐标直接赋值,由于y坐标不变,y坐标不用赋值。</​span></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;"><​span style="​color:​ rgb(0, 176, 80);"><​br/></​span></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px;"><​span style="​color:​ rgb(255, 0, 0);">​特别说明:</​span></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px; text-indent:​ 2em;"><​span style="​color:​ rgb(255, 0, 0);">​控件移动只是移动位置,控件的所有功能不会因为移动而改变,非常方便有运行中移动空加需求的场景使用(例如:密码键盘、操作菜单等等)</​span><​br/></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px; text-indent:​ 2em;"><​span style="​color:​ rgb(0, 176, 80);"><​span style="​color:​ rgb(255, 0, 0);">​控件移出显示区,根据自己需要使用。</​span></​span></​p><​p style="​margin-top:​ 5px; margin-bottom:​ 5px; text-indent:​ 2em;"><​span style="​color:​ rgb(0, 176, 80);"><​span style="​color:​ rgb(255, 0, 0);">​另外,如果您只是想不让控件显示出来,可以用隐藏指令,不需要用移动指令。<​a href="​http://​wiki.tjc1688.com/​doku.php?​id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:​1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86#​vis"​ target="​_self"​ style="​outline:​ none; text-decoration-line:​ none; color: rgb(43, 115, 183);">​点击查阅【隐藏指令】的使用</​a>​。</​span></​span></​p></​td></​tr></​tbody></​table><​hr/><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 0em; white-space:​ normal; line-height:​ 1.75em; text-align: center;"><​br/></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em;"><​span style="​font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px; color: rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong><​span style="​text-indent:​ 2em;"><​a name="​siba"></​a>​4.8</​span></​strong></​span><​strong style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 28px; white-space:​ normal;">​、数字控件一些使用小技巧</​strong></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em;">​(1)数字控件默认值是一直有的,不能像文本控件为空。要实现数字控件默认值为空的话,可以先将数字控件属性font(字库)设置为不含数字的字库。赋值的时候再将font(字库)设置为包含数字的字库。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em;">​(2)将文本控件的字符串内容赋值给数字控件,要用<​a href="​http://​wiki.tjc1688.com/​doku.php?​id=6.%E6%8C%87%E4%BB%A4%E9%9B%86:​1.%E5%9F%BA%E6%9C%AC%E6%8C%87%E4%BB%A4%E9%9B%86,​covx"​ target="​_self">​covx指令</​a>​进行字符转换。即covx t0.txt,​n0.val,​0,​0。否则直接赋值t0.txt=n0.val会报错的。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 0em; white-space:​ normal; line-height:​ 1.75em; text-align: center;">​END</​p><​p><​br/></​p>​
5.控件详解/10.数字控件.txt · 最后更改: 2020/11/25 11:20 由 tjcqiu        浏览次数:4558/3466059(本页/全站)