USART HMI 资料中心

官方技术交流QQ群:916560014

站点工具


5.控件详解:18.数据记录控件

差别

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

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
后一修订版
前一修订版
5.控件详解:18.数据记录控件 [2020/07/30 08:34]
tjcqiu
5.控件详解:18.数据记录控件 [2020/08/04 10:58] (当前版本)
tjcqiu
行 1: 行 1:
 <h1 style="​white-space:​ normal; text-align: center;">​数据记录控件使用说明</​h1><​hr/><​p style="​white-space:​ normal;"><​br/></​p><​table><​tbody><​tr class="​firstRow"><​td width="​218"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​名称</​td><​td width="​108"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​操作</​td><​td width="​90"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​版本</​td><​td width="​133"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​日期<​br/></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ width="​275"​ align="​center"​ style="​word-break:​ break-all;">​说明</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ width="​166"​ style="​word-break:​ break-all;">​编辑</​td></​tr><​tr><​td width="​219"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​《数据记录控件使用说明》</​td><​td width="​108"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​创建中</​td><​td width="​90"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​V1.0</​td><​td width="​133"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​2019-01-17</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ width="​275"​ align="​center"​ style="​word-break:​ break-all;">​第一次编辑完成,正式发布。</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ width="​166"​ style="​word-break:​ break-all;">​lyh</​td></​tr><​tr><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;"​ width="​53">​《数据记录控件使用说明》</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;"​ width="​108">​修订</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;">​V1.1</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;">​2020-07-29</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;"><​span style="​color:​ rgb(0, 0, 0);">​补充本空间中所有属性详解</​span></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;">​qjj</​td></​tr></​tbody></​table><​p style="​white-space:​ normal;"><​br/></​p><​hr/><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​【目录】<​br/></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​一、<​a href="#​yi"​ target="​_self">​数据记录控件-概述</​a></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​二、<​a href="#​er"​ target="​_self">​数据记录控件-简单使用</​a></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​三、<​a href="#​san"​ target="​_self">​数据记录控件-属性详解</​a></​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​3.1、<​a href="#​sanyi"​ target="​_self">​控件属性描述</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​3.2、<​a href="#​saner"​ target="​_self">​控件属性编辑</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 3.2.1、<​a href="#​saneryi"​ target="​_self">​编辑属性</​a>&​nbsp;​ &​nbsp;</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 3.2.2、<​a href="#​sanerer"​ target="​_self">​读属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 3.2.3、<​a href="#​sanersan"​ target="​_self">​写属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​3.3 、<a href="#​sansan"​ target="​_self">​属性详解</​a></​p><​p style="​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="​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="​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="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &nbsp; 3.3.5、<​a href="#​sansanwu"​ target="​_self">​txt属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &nbsp; 3.3.6、<​a href="#​sansanliu"​ target="​_self">​txt_maxl属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &nbsp; 3.3.7、<​a href="#​sansanqi"​ target="​_self">​pw属性</​a></​p><​p style="​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="​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="​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="​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="​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="​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="​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="​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="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.16、<​a href="#​sansanshiliu"​ target="​_self">​time属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.17、<​a href="#​sansanshiqi"​ target="​_self">​first属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.18、<​a href="#​sansanshiba"​ target="​_self">​effect属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.19、<​a href="#​sansanshijiu"​ target="​_self">​aph属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.20、<​a href="#​sansanershi"​ target="​_self">​drag属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.21、<​a href="#​sansanershiyi"​ target="​_self">​vscope属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.22、<​a href="#​sansanershier"​ target="​_self">​objname属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.23、<​a href="#​sansanershisan"​ target="​_self">​id属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.24、<​a href="#​sansanershisi"​ target="​_self">​type属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.25、</​span><​a href="#​sansanershiwu"​ target="​_self">​disup属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.26、</​span><​a href="#​sansanershiliu"​ target="​_self">​maxval属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.27、</​span><​a href="#​sansanershiqi"​ target="​_self">​dez属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.28、</​span><​a href="#​sansanershiba"​ target="​_self">​format属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.29、</​span><​a href="#​sansanershijiu"​ target="​_self">​dir属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.30、</​span><​a href="#​sansansanshi"​ target="​_self">​mode属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.31、</​span><​a href="#​sansansanshiyi"​ target="​_self">​dis属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.32、</​span><​a href="#​sansansanshier"​ target="​_self">​order属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.33、</​span><​a href="#​sansansanshisan"​ target="​_self">​qty属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.34、</​span><​a href="#​sansansanshisi"​ target="​_self">​high属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.35、</​span><​a href="#​sansansanshiwu"​ target="​_self">​left属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.36、</​span><​a href="#​sansansanshiliu"​ target="​_self">​gdc属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.37、</​span><​a href="#​sansansanshiqi"​ target="​_self">​gdw属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.38、</​span><​a href="#​sansansanshiba"​ target="​_self">​gdh属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.39、</​span><​a href="#​sansansanshijiu"​ target="​_self">​bco1属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.40、</​span><​a href="#​sansansishi"​ target="​_self">​pco1属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.41、</​span><​a href="#​sansansishiyi"​ target="​_self">​bco2属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.42、</​span><​a href="#​sansansishier"​ target="​_self">​pco2属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.43、</​span><​a href="#​sansansishisan"​ target="​_self">​ch属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.44、</​span><​a href="#​sansansishisi"​ target="​_self">​maxval_y属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.45、</​span><​a href="#​sansansishiwu"​ target="​_self">​val_y属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.46、</​span><​a href="#​sansansishiliu"​ target="​_self">​maxval_x属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.47、</​span><​a href="#​sansansishiqi"​ target="​_self">​val_x属性</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​strong style="​white-space:​ normal;">​四、<​a href="#​si"​ target="​_self">​数据记录控件-方法说明</​a></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​4.1、</​span><​a href="#​siyi"​ target="​_self">​insert方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.2、</​span><​a href="#​sier"​ target="​_self">​delete方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.3、</​span><​a href="#​sisan"​ target="​_self">​up方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.4、</​span><​a href="#​sisi"​ target="​_self">​clear方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.5、</​span><​a href="#​siwu"​ target="​_self"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">​关于数据记录背景颜色的字体颜色设置</​span></​a></​p><​p style="​text-indent:​ 0em; white-space:​ normal;"><​strong>​五、<​a href="#​wu"​ target="​_self">​数据记录控件-使用详解</​a></​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​5.1、<​a href="#​wuyi"​ target="​_self">​在页面上新建数据记录控件</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​5.2、<​a href="#​wuer"​ target="​_self">​数据记录控件外观调整</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​5.3、<​a href="#​wusan"​ target="​_self">​数据记录控件显示内容设置</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">​5.4、<​a href="#​wusi"​ target="​_self">​数据记录控件存储位置说明</​a></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 32px;">​5.5、</​span><​a href="#​wuwu"​ target="​_self">​数据记录控件实战使用</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​hr/><​h3 style="​white-space:​ normal;"><​a name="​yi"></​a>​一、数据记录控件-概述<​br/></​h3><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​1.1、数据记录控件是串口屏诸多功能控件里面的其中一个。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​1.2、用于在串口屏上显示类似于Excel表格。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​1.3、在《USART HMI》软件左侧工具箱里面(如下图所示)。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​注:​仅x系列支持</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200727/​1595814313274069.png"​ title="​1595814313274069.png"​ alt="​图片1.png"/></​p><​hr/><​h3 style="​white-space:​ normal;"><​a name="​er"></​a>​二、数据记录控件-简单使用<​br/></​h3><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​用数据记录控件,做自己的<​span style="​text-indent:​ 2em;">​第一个显示工程(如下图所示)。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595914302130902.png"​ title="​1595914302130902.png"​ alt="​图片3.png"​ width="​710"​ height="​340"/><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​该工程是用数据记录控件和按钮控件,在按钮控件事件写下相关的方法来实现增删等功能。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​按钮下相关代码。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915167619055.png"​ title="​1595915167619055.png"​ alt="​图片1.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(1)添加数据按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915201118449.png"​ title="​1595915201118449.png"​ alt="​图片2.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(2)删除选中按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915276405617.png"​ title="​1595915276405617.png"​ alt="​图片3.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(3)顺序按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915340407855.png"​ title="​1595915340407855.png"​ alt="​图片4.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(4)清空数据按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915403125682.png"​ title="​1595915403125682.png"​ alt="​图片5.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(5)添加数据按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​数据记录相关属性设置</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915719185036.png"​ title="​1595915719185036.png"​ alt="​图片1.png"/></​p><​hr/><​h3 style="​white-space:​ normal;"><​strong><​a name="​san"></​a>​三、数据记录控件-属性详解</​strong></​h3><​p style="​white-space:​ normal; text-indent:​ 2em;">​串口屏所有控件操作的实质都是对属性的修改。数据记录控件具有的属性如下表所示。<​strong><​br/></​strong></​p><​p style="​white-space:​ normal; text-align: center;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200727/​1595816408311765.png"​ title="​1595816408311765.png"​ alt="​图片2.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​sanyi"></​a>​3.1、控件属性描述</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​如上图所示,当鼠标选中对应属性时,会在属性窗口的最下方出现该属性的详细描述信息。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; text-align: center;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200727/​1595816415645390.png"​ title="​1595816415645390.png"​ alt="​图片3.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​saner"></​a>​3.2、控件属性编辑</​strong></​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 用户可以随时调整、编辑列表中的属性参数。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:type和id属性由开发环境指定,用户不可修改。id可通过软件左上角置顶置底间接修改。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 如上图所示的控件属性列表,可以在设备运行中随时读取。</​p><​pre class="​brush:​cpp;​toolbar:​false">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​sys0=data0.id&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;//​将数据记录控件data0的id号赋值给sys0变量 <h1 style="​white-space:​ normal; text-align: center;">​数据记录控件使用说明</​h1><​hr/><​p style="​white-space:​ normal;"><​br/></​p><​table><​tbody><​tr class="​firstRow"><​td width="​218"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​名称</​td><​td width="​108"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​操作</​td><​td width="​90"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​版本</​td><​td width="​133"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​日期<​br/></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ width="​275"​ align="​center"​ style="​word-break:​ break-all;">​说明</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ width="​166"​ style="​word-break:​ break-all;">​编辑</​td></​tr><​tr><​td width="​219"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​《数据记录控件使用说明》</​td><​td width="​108"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​创建中</​td><​td width="​90"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​V1.0</​td><​td width="​133"​ valign="​middle"​ align="​center"​ style="​word-break:​ break-all;">​2019-01-17</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ width="​275"​ align="​center"​ style="​word-break:​ break-all;">​第一次编辑完成,正式发布。</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ width="​166"​ style="​word-break:​ break-all;">​lyh</​td></​tr><​tr><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;"​ width="​53">​《数据记录控件使用说明》</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;"​ width="​108">​修订</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;">​V1.1</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;">​2020-07-29</​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;"><​span style="​color:​ rgb(0, 0, 0);">​补充本空间中所有属性详解</​span></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​word-break:​ break-all;">​qjj</​td></​tr></​tbody></​table><​p style="​white-space:​ normal;"><​br/></​p><​hr/><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​【目录】<​br/></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​一、<​a href="#​yi"​ target="​_self">​数据记录控件-概述</​a></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​二、<​a href="#​er"​ target="​_self">​数据记录控件-简单使用</​a></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.75em;"><​strong>​三、<​a href="#​san"​ target="​_self">​数据记录控件-属性详解</​a></​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​3.1、<​a href="#​sanyi"​ target="​_self">​控件属性描述</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​3.2、<​a href="#​saner"​ target="​_self">​控件属性编辑</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 3.2.1、<​a href="#​saneryi"​ target="​_self">​编辑属性</​a>&​nbsp;​ &​nbsp;</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 3.2.2、<​a href="#​sanerer"​ target="​_self">​读属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 3.2.3、<​a href="#​sanersan"​ target="​_self">​写属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​3.3 、<a href="#​sansan"​ target="​_self">​属性详解</​a></​p><​p style="​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="​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="​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="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &nbsp; 3.3.5、<​a href="#​sansanwu"​ target="​_self">​txt属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &nbsp; 3.3.6、<​a href="#​sansanliu"​ target="​_self">​txt_maxl属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &nbsp; 3.3.7、<​a href="#​sansanqi"​ target="​_self">​pw属性</​a></​p><​p style="​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="​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="​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="​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="​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="​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="​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="​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="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.16、<​a href="#​sansanshiliu"​ target="​_self">​time属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.17、<​a href="#​sansanshiqi"​ target="​_self">​first属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.18、<​a href="#​sansanshiba"​ target="​_self">​effect属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.19、<​a href="#​sansanshijiu"​ target="​_self">​aph属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.20、<​a href="#​sansanershi"​ target="​_self">​drag属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.21、<​a href="#​sansanershiyi"​ target="​_self">​vscope属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.22、<​a href="#​sansanershier"​ target="​_self">​objname属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.23、<​a href="#​sansanershisan"​ target="​_self">​id属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​3.3.24、<​a href="#​sansanershisi"​ target="​_self">​type属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.25、</​span><​a href="#​sansanershiwu"​ target="​_self">​disup属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.26、</​span><​a href="#​sansanershiliu"​ target="​_self">​maxval属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.27、</​span><​a href="#​sansanershiqi"​ target="​_self">​dez属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.28、</​span><​a href="#​sansanershiba"​ target="​_self">​format属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.29、</​span><​a href="#​sansanershijiu"​ target="​_self">​dir属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.30、</​span><​a href="#​sansansanshi"​ target="​_self">​mode属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.31、</​span><​a href="#​sansansanshiyi"​ target="​_self">​dis属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.32、</​span><​a href="#​sansansanshier"​ target="​_self">​order属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.33、</​span><​a href="#​sansansanshisan"​ target="​_self">​qty属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.34、</​span><​a href="#​sansansanshisi"​ target="​_self">​high属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.35、</​span><​a href="#​sansansanshiwu"​ target="​_self">​left属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.36、</​span><​a href="#​sansansanshiliu"​ target="​_self">​gdc属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.37、</​span><​a href="#​sansansanshiqi"​ target="​_self">​gdw属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.38、</​span><​a href="#​sansansanshiba"​ target="​_self">​gdh属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.39、</​span><​a href="#​sansansanshijiu"​ target="​_self">​bco1属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.40、</​span><​a href="#​sansansishi"​ target="​_self">​pco1属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.41、</​span><​a href="#​sansansishiyi"​ target="​_self">​bco2属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.42、</​span><​a href="#​sansansishier"​ target="​_self">​pco2属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.43、</​span><​a href="#​sansansishisan"​ target="​_self">​ch属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.44、</​span><​a href="#​sansansishisi"​ target="​_self">​maxval_y属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.45、</​span><​a href="#​sansansishiwu"​ target="​_self">​val_y属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.46、</​span><​a href="#​sansansishiliu"​ target="​_self">​maxval_x属性</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.5em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &nbsp; 3.3.47、</​span><​a href="#​sansansishiqi"​ target="​_self">​val_x属性</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​strong style="​white-space:​ normal;">​四、<​a href="#​si"​ target="​_self">​数据记录控件-方法说明</​a></​strong></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​4.1、</​span><​a href="#​siyi"​ target="​_self">​insert方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.2、</​span><​a href="#​sier"​ target="​_self">​delete方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.3、</​span><​a href="#​sisan"​ target="​_self">​up方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.4、</​span><​a href="#​sisi"​ target="​_self">​clear方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.5em; text-indent:​ 0em;"><​span style="​text-indent:​ 32px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​4.5、</​span><​a href="#​siwu"​ target="​_self"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">​关于数据记录背景颜色的字体颜色设置</​span></​a></​p><​p style="​text-indent:​ 0em; white-space:​ normal;"><​strong>​五、<​a href="#​wu"​ target="​_self">​数据记录控件-使用详解</​a></​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​5.1、<​a href="#​wuyi"​ target="​_self">​在页面上新建数据记录控件</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​5.2、<​a href="#​wuer"​ target="​_self">​数据记录控件外观调整</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​5.3、<​a href="#​wusan"​ target="​_self">​数据记录控件显示内容设置</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">​5.4、<​a href="#​wusi"​ target="​_self">​数据记录控件存储位置说明</​a></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 32px;">​5.5、</​span><​a href="#​wuwu"​ target="​_self">​数据记录控件实战使用</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​hr/><​h3 style="​white-space:​ normal;"><​a name="​yi"></​a>​一、数据记录控件-概述<​br/></​h3><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​1.1、数据记录控件是串口屏诸多功能控件里面的其中一个。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​1.2、用于在串口屏上显示类似于Excel表格。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​1.3、在《USART HMI》软件左侧工具箱里面(如下图所示)。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​注:​仅x系列支持</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200727/​1595814313274069.png"​ title="​1595814313274069.png"​ alt="​图片1.png"/></​p><​hr/><​h3 style="​white-space:​ normal;"><​a name="​er"></​a>​二、数据记录控件-简单使用<​br/></​h3><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​用数据记录控件,做自己的<​span style="​text-indent:​ 2em;">​第一个显示工程(如下图所示)。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595914302130902.png"​ title="​1595914302130902.png"​ alt="​图片3.png"​ width="​710"​ height="​340"/><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​该工程是用数据记录控件和按钮控件,在按钮控件事件写下相关的方法来实现增删等功能。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​按钮下相关代码。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915167619055.png"​ title="​1595915167619055.png"​ alt="​图片1.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(1)添加数据按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915201118449.png"​ title="​1595915201118449.png"​ alt="​图片2.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(2)删除选中按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915276405617.png"​ title="​1595915276405617.png"​ alt="​图片3.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(3)顺序按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915340407855.png"​ title="​1595915340407855.png"​ alt="​图片4.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(4)清空数据按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915403125682.png"​ title="​1595915403125682.png"​ alt="​图片5.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​(5)添加数据按钮</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​数据记录相关属性设置</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595915719185036.png"​ title="​1595915719185036.png"​ alt="​图片1.png"/></​p><​hr/><​h3 style="​white-space:​ normal;"><​strong><​a name="​san"></​a>​三、数据记录控件-属性详解</​strong></​h3><​p style="​white-space:​ normal; text-indent:​ 2em;">​串口屏所有控件操作的实质都是对属性的修改。数据记录控件具有的属性如下表所示。<​strong><​br/></​strong></​p><​p style="​white-space:​ normal; text-align: center;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200727/​1595816408311765.png"​ title="​1595816408311765.png"​ alt="​图片2.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​sanyi"></​a>​3.1、控件属性描述</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​如上图所示,当鼠标选中对应属性时,会在属性窗口的最下方出现该属性的详细描述信息。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; text-align: center;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200727/​1595816415645390.png"​ title="​1595816415645390.png"​ alt="​图片3.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​saner"></​a>​3.2、控件属性编辑</​strong></​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 用户可以随时调整、编辑列表中的属性参数。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:type和id属性由开发环境指定,用户不可修改。id可通过软件左上角置顶置底间接修改。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 如上图所示的控件属性列表,可以在设备运行中随时读取。</​p><​pre class="​brush:​cpp;​toolbar:​false">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​sys0=data0.id&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;//​将数据记录控件data0的id号赋值给sys0变量
 &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​data0.x+=10&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;//​将控件在屏幕上的位置向右移动10个像素点。 &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​data0.x+=10&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;//​将控件在屏幕上的位置向右移动10个像素点。
-&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​prints&​nbsp;​data0.txt,​0&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;//​将data0的文本内容从串口发送出去。</​pre><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:objname属性不可以读取。比如在事件代码中写&​quot;​data0.txt=t0.objname&​quot;​编译将报错。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 所有绿色控件可以在运行中实时修改。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:因产品系列不同,属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x,y属性。但是T0,​K0系列不能在运行过程中修改x,y属性!</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​sansan"></​a>​3.3 、属性详解</​strong></​p><​p style="​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="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​T0,​K0系列产品,x,y属性只能从:0--最大分辨率。不能超出屏幕显示区域。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​X系列产品,x,y属性可以超出屏幕坐标范围(-6000~+6000),但是超出屏幕将被裁减,不会显示出来。</​p><​p style="​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">​click</​a>​指令,</​p><​p style="​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">​用户IO</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​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="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​w,h属性描述控件在屏幕上宽度和高度(像素大小为单位)。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​T0,​K0系列产品,w,h属性只能从:0--最大分辨率。不能超出屏幕显示区域。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​X系列产品,x+w,y+h的值可以超出屏幕坐标范围,但是超出屏幕将被裁减,不会显示出来。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; <a name="​sansansan"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​3.3.3、spax属性&​nbsp;</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 屏幕上显示字符与字符之间的距离。单位:像素点。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​以等宽字体宋体,汉字字库距举例说明。&​nbsp;</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">​注意:USART HMI升级到0.55版本以后,全系列支持非等宽字体。当用户使用非等宽字体以后,字体排版效果与电脑上的效果一致。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; 如果字体本身宽度不一致,导致排版效果有差异时,需要用户自行调整页面布局或者使用等宽字体。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​a name="​sansanwu"></​a><​span style="​text-indent:​ 2em;">&​nbsp;</​span><​span style="​text-indent:​ 2em; border: 1px solid rgb(0, 0, 0);">​3.3.5、txt属性</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​txt属性。即字符串属性。行记录内容(val值代表的行号记录内容,只可读取不可修改)。</​p><​p style="​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、val属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​val属性。当前选中行记录ID(每变化一次,​txt属性将重新加载此ID的行记录内容)。可运行中赋值,即选中行记录。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:data.val=3 (选中数据记录id为3的记录,​从下往上数第四个记录)。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanqi"></​a><​span style="​text-indent:​ 2em;">&​nbsp;</​span><​span style="​text-indent:​ 2em; border: 1px solid rgb(0, 0, 0);">​3.3.7、path属性</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​path属性。绑定数据文件路径(如:&​quot;​sd0/​1.data&​quot;​)。</​p><​p style="​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属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​xcen属性用于设置字符在控件区域显示时的对齐方式。分别可以选择:靠左/​、居中、靠右/​。默认为居中方式。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​pco属性。控件的字体颜色属性,RGB565的颜色值。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​bco属性。控件背景色熟悉,RGB565的颜色值。仅当sta=单色时,才存在该属性。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​pic属性。控件背景图片属性,选择控件背景图片的ID号。仅当sta=图片时,才存在该属性。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​picc属性。控件背景切图图片属性,选择控件背景切图图片的ID号。仅当sta=切图时,才存在该属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​注意:选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则,可能会导致显示花屏!</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ font属性。控件的字库属性。选择控件字库的ID号。</​p><​p style="​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、lenth属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ lenth属性。当前绑定数据记录文件中每条记录最大字节数。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ sta属性。背景填充方式属性。目前支持4种背景方式:</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 1、切图——从指定与串口屏分辨率相同的全屏图片上,自动窃取控件窗口区域的图片内容作为控件背景。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 2、单色——用户指定单一的RGB565颜色值作为控件背景。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 3,图片——用户指定一张图片作为控件的背景。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ &nbsp; 4,透明——即无背景,以透明的方式直接在控件区域写字符信息。仅X系列支持。</​p><​p style="​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、time属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ time属性。控件特效执行时间属性。仅X系列支持,且effect设置不为0以后才存在该属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 当设置了控件的加载特效以后,控件在time的时间内,以设置的特效方式飞到控件所在屏幕的坐标位置。</​p><​p style="​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、first属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ first属性。控件加载特效的优先级属性。仅X系列支持,且effect设置不为0以后才存在该属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ first可设置的值为0-100。支持多个有特效的控件为同一级别优先级。同一优先级的控件,将在同时被加载到屏幕上显示。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 不同优先级的优先级中,将根据设置值从大到小依次完成加载。</​p><​p style="​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、effect属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​effect属性。控件加载特效属性。目前一共支持9种效果。仅X系列支持该属性。</​p><​p style="​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="​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、aph属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​aph属性。控件半透明属性。仅X系列支持。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​aph可设置的值范围为0-127 。为0时控件将全透明(效果为不显示),为127时全显示(没有半透明效果);</​p><​p style="​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、drag属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ drag属性。控件运行过程中是否支持拖动属性。仅X系列支持。</​p><​p style="​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、vscope属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ vscope属性。控件内存占用属性。控件支持私有和全局属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 当设置为全局时,控件分配的内存在所有页面都可以访问。离开当前页面后,控件属性数据也不会丢失。缺点是,占用系统总内存。</​p><​p style="​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、objname属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​objname属性。控件名称属性。该属性在运行中不能获取。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisan"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.23、id属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​id属性。控件id是每个控件在当前页面的唯一标识号。由系统分配,不可修改。可通过软件左上角置顶置底间接修改。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisi"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.24、type属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​type属性。控件类型属性。由系统分别固定数据,比如数据记录控件属性为66。</​p><​p 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;">&​nbsp;​ &nbsp; &nbsp; </​span><​a name="​sansanershiwu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.25、disup属性</​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;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​font-size:​ 16px;">​disup属性。产生拖动后是否禁用弹起事件:​0-否;​1-是。默认为否,即拖动的时候是会触发弹起事件。<​span style="​text-indent:​ 32px;">​仅当drag=是时,才存在该属性。</​span></​span></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershiliu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.26、maxval属性</​span></​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;​maxval<​span style="​font-size:​ 16px;">​属性。当前绑定数据记录文件可存入的最大行数,​超出之后的新增记录将循环覆盖老数据)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershiqi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.27、dez属性</​span></​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;​dez<​span style="​font-size:​ 16px;">​属性。当前绑定数据记录文件中设置的字段数量(最小1,​最大12)<​span style="​text-indent:​ 32px;"></​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​如果要设置大于12字段数量解决方法 <a href="​http://​tjcfile.iicp.net:​885/​USARTHMI/​demo_prj/​Record_greater_than12.zip"​ target="​_self">​点击下载</​a><​br/></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershiba"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.28、format属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​format属性。字段宽度自定义(直接输入字段宽度值,​多个字段使用^分隔,​如:​100^100)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:设置为100^100^300^300 (第一个格字段宽度值为100,第二个格字段宽度值为100,第三个格字段宽度值为300,第四个格字段宽度值为300)。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershijiu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.29、dir属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​dir属性。表头名称自定义(多个字段使用^分隔)<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:设置为序号^名字^性别^成绩(表头第一个格为序号,表头第二个格为名字,表头第三个格为性别,表头第四个格为成绩)。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.30、mode属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​mode属性。是否允许自动创建文件(path路径无效时):​0-不允许;​1-允许<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span>​注:当path无效的时候 (data文件并不存在的时候或者格式不对都会产生黑屏)打开软件左上角文件中虚拟sd卡文件夹 把里面相关data删除 该属性为允许的时候 会自动创建新的data。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiyi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.31、dis属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dis属性。是否允许触摸选中记录项:​0-不允许;​1-允许<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span>​dis设置为不允许,触摸是无法选中记录项。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshier"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.32、order属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; order属性。显示顺序:​0-新数据在前;​1-新数据在后<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshisan"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​text-indent:​ 2em; font-size: 16px; border: 1px solid rgb(0, 0, 0);">​3.3.33、qty属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; qty属性。当前数据文件总记录数<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。(只可获取不可赋值)。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshisi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.34、high属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; high属性。显示记录的行高度(最小1,​最大255)<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiwu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.35、left属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​left属性。是否显进度条:​0-不显示;​1-操作时显示;​2-持续显示<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiliu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.36、gdc属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​gdc属性。表格线颜色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiqi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.37、gdw属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​gdw属性。横向表格线宽度(0为关闭),<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiba"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.38、gdh属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​gdh属性。纵向表格线宽度(0为关闭),<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshijiu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.39、bco1属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​bco1属性。表头背景色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.40、pco1属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​pco1属性。表头字体色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiyi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.41、bco2属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​bco2属性。选中项背景色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishier"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.42、pco2属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​pco2属性。选中项字体色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishisan"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.43、ch属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​ch属性。滑动惯性力度(0-32,​0为无惯性)<​span style="​text-indent:​ 32px;">​。<​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);">​设置有惯性,滑动结束会适当下滑一部分。</​span></​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishisi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.44、maxval_y属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​maxval_y</​span>​属性。最大纵向滑动值(运行中根据字符内容自动改变,​只可读取不可设置)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiwu"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.45、<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_y</​span>​属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_y</​span>​属性。当前纵向滑动值(最小0,​最大maxval_y)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 例:data0.val_y=data0.maxval_x(将数据记录移动到最大纵向位置,​即数据记录最下面那条记录的位置)。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiliu"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.46、<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​maxval_x</​span>​属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​maxval_x</​span>​属性。最大横向滑动值(运行中根据字符内容自动改变,​只可读取不可设置)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiqi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.47、<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_x</​span>​属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_x</​span>​属性。当前横向滑动值(最小0,​最大maxval_x)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 例 : data0.val_x=data0.maxval_x(将数据记录移动到最大横纵位置,​即数据记录最右的位置)。</​span><​br/></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​br/></​p><​h3 style="​white-space:​ normal;"><​a name="​si"></​a>​四、数据记录控件-方法说明</​h3><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);">​该方法为数据记录控件独有的,对于其他控件不生效。使用方式类似于指令。</​span></​p><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em;"><​a name="​siyi"></​a><​strong>​4.1、insert方法 追加一条记录</​strong></​p><​p style="​text-indent:​ 2em;"><​strong style="​text-indent:​ 32px; white-space:​ normal;"></​strong></​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​int insert(string newtxt)&​nbsp;​ &nbsp; &nbsp; &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​(成功返回1,​失败返回0)</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​newtext 新数据&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &nbsp; &nbsp; (多个字段使用^分割:颜色定义使用&​lt;​ font &​gt;​标签,如&​lt;​font b=1024,​p=123&​gt;​)</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:data0.insert(&​quot;​1^2^3^4&​quot;​)&​nbsp;​ &nbsp; (将添加记录第一格设置为1,第二格设置为2,第三格为3,第四格为4)</​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);">&​nbsp;​ &nbsp; &​nbsp;​注:字段使用^分割,控件识别到一个^就会自动写入^后面字符串;如果识别连续两个^,则该格为空。</​span></​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"></​span></​p><​p><​span style="​font-size:​ 16px; font-family:​ arial, helvetica, sans-serif;"><​strong><​br/></​strong></​span>&​nbsp;​ &nbsp; &​nbsp;&​nbsp;<​a name="​sier"></​a><​strong>​4.2、 delete方法 删除数据</​strong><​br/></​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"></​span></​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; int delete(int starid,int qty) 删除数据(成功返回1,​失败返回0)</​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; starid 待删除数据起始id</​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; qty 需要删除的条数</​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; 例:data0.delete(data0.val,​1) (删除选中的数据记录数据)</​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"><​br/></​span></​p><​p style="​text-indent:​ 2em;"><​strong><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"><​a name="​sisan"></​a>​4.3、up方法 修改一条记录</​span></​strong></​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"></​span></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​int up(string newtxt,int index) (成功返回1,​失败返回)</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​newtxt 新数据(多个字段使用^分割:颜色定义使用&​lt;​ font &​gt;​标签,如&​lt;​font b=1024,​p=123&​gt;​)</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​index 需要修改的记录id</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:data0.up(t8.txt,​data.val) (将t8.txt的字符内容写入当前选中的数据记录)</​p><​p><​br/></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;<​a name="​sisi"></​a><​strong>​4.4、clear方法 清空所有数据记录</​strong></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​int clear() 此方法无需参数</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:data0.clear() 清空数据记录所有数据(只留下表头)</​p><​p><​br/></​p><​p><​strong><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​a name="​siwu"></​a>​4.5、关于数据记录背景颜色的字体颜色设置</​span></​strong></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​color:​ rgb(165, 42, 42); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;"><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">​实例1:covx n1.val,​va0.txt,​0,​0 (将n1设置的颜色改变选中表格)</​span><​span class="​md-tab"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; box-sizing: border-box; display: inline-block;​ white-space:​ pre;"></​span><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">​ &​nbsp;</​span></​span></​p><​p><​span style="​color:​ rgb(165, 42, 42); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;"><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​va2.txt=&​quot;&​lt;​ font b=&​quot;​+va0.txt+&​quot;​ &​gt;&​quot;​+t8.txt </​span><​span class="​md-tab"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; box-sizing: border-box; display: inline-block;​ white-space:​ pre;"></​span><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span></​span></​p><​p><​span style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">&​nbsp;&​nbsp;​ &nbsp; &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​data0.up(va2.txt,​n0.val) &​nbsp;​(将原来的内容添加上背景颜色为n1.val)</​span></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​box-sizing:​ border-box; color: rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">​实例2:data0.insert(&​quot;&​lt;​font b=1024,​p=63488&​gt;​1^2^3^44&​quot;​) &​nbsp;</​span></​p><​p><​span style="​box-sizing:​ border-box; color: rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &nbsp; (将背景颜色设置为1024(绿色),将字体颜色设置为63488(红色),添加内容为1 2 3 44)</​span></​p><​p class="​md-end-block md-p md-focus"​ style="​box-sizing:​ border-box; line-height:​ inherit; orphans: 4; margin-top: 0.8em; margin-bottom:​ 0.8em; white-space:​ pre-wrap; position: relative; color: rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif;"><​br/></​p><​p style="​text-indent:​ 2em;"><​br/><​span style="​font-size:​ 18px;"><​strong><​a name="​wu"></​a>​五、数据记录控件-使用详解</​strong></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​a name="​wuyi"></​a><​strong><​span style="​color:​ rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);">​5.1</​span></​strong>​、<​strong>​在页面上新建数据记录控件</​strong></​p><​table align="​center"><​tbody><​tr class="​firstRow"><​td valign="​top"​ style="​border-color:​ rgb(255, 255, 255); word-break: break-all;"><​p style="​text-indent:​ 0em;"><​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190108/​1546959609793764.png"​ title="​1546959609793764.png"​ alt="​image.png"​ width="​421"​ height="​194"/><​br/></​p></​td><​td valign="​top"​ style="​border-color:​ rgb(255, 255, 255); word-break: break-all;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595901981116086.png"​ title="​1595901981116086.png"​ alt="​图片3.png"​ width="​420"​ height="​192"/></​td></​tr><​tr><​td valign="​middle"​ align="​center"​ style="​border-color:​ rgb(255, 255, 255); word-break: break-all;"><​p style="​text-indent:​ 0em;"><​span style="​color:​ rgb(127, 127, 127);">​1、打开一个新的空白界面▲</​span></​p></​td><​td valign="​middle"​ align="​center"​ style="​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="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​strong>​关于数据记录出现黑屏</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​(1)打开文件的字段数量和控件属性设置字段数量不匹配 导致黑屏。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​解决方法:​①修改数据记录控件属性path 。②打开软件中菜单栏文件的“虚拟sd卡文件夹”,​删除该文件就可以了。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​(2)工程下载到屏出现黑屏。这是屏无法读取到sd卡问题。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​解决方法:​①卡的格式不对(非fat32格式)。②尝试换一张卡。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​(3)将数据记录保存到ram中。路径设置后黑屏。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​解决方法:​在工具栏设备按钮,在工程选项,内存文件存储区大小设置(至少大于65kb=65560Byte)后,工程进入调试界面就好了。</​p><​p><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​a name="​wuer"></​a><​span style="​color:​ rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.2</​strong></​span><​strong>​、数据记录控件外观调整</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​strong>​参考文本控件</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​上一步我们创建了一个文本控件,现在我们编辑文本控件的外观(显示效果)。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sieryi"></​a>​5.2.1调整位置和尺寸</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​将文本控件移显示区中心位置,并调大到能放下。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷移动位置:鼠标选中控件,拖到需要摆放的位置。</​p><​p style="​line-height:​ 1.75em;">​▷调整大小:鼠标指针选中控件的任意一条边,或任意一个角,拖动即可调整大小。</​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他方法:如果不想使用鼠标,也可以通过修改属性列表中的“x、y坐标”来调整位置,修改属性列表中的“宽度和高度”来调整大小。</​span></​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">&​nbsp;<​a name="​wuerer"></​a><​span style="​border:​ 1px solid rgb(0, 0, 0);">​5.2.2背景单色填充</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​文本控件背景显示指定的“单一颜色”,(例:显示蓝色)。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景色属性“左图①所示”→ 点击颜色选择框“左图②所示”→ 点击选择更多“左图③所示”,软件弹出配色对话框,点击蓝色“左图④所示”→ 点击确定“左图⑤所示”。即完成此文本控件的背景色修改成蓝色。</​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他:控件单色背景填充时还能设置边框效果,根据属性列表里面,相应的属性项进行设置。</​span></​p><​p><​br/></​p><​p>​注:</​p><​p>&​nbsp;​ &nbsp; &nbsp; &​nbsp;​当颜色被使用过后,下次点击选择颜色的时候,使用过的颜色会直接出现在“选择颜色”的下拉选项中。</​p><​p><​br/></​p><​p>&​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="​border:​ none;">​控件属性讲解</​a>​】”</​p><​p><​br/></​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​wuersan"></​a>​5.2.3背景图片填充</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​文本控件背景显示指定的“一张图片”。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择图片“左图③所示”。</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景图片选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置图片填充背景。</​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他:如何省掉第⑤、⑥、⑦步?在第④步的地方直接输入图片在资源文件中的ID,图片资源文件怎么用,请查阅【资源文件使用说明】。</​span></​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;">​注:我们的串口屏支持PNG图片,并完美抗锯齿,图片内容如果不是矩形,请使用PNG格式图片。</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em;"><​br/></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em; border: 1px solid rgb(0, 0, 0);"><​a name="​siersi"></​a>​5.2.4背景切图填充</​span></​p><​p style="​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="​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="​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="​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="​word-break:​ break-all;"><​p><​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><​span style="​color:​ rgb(127, 127, 127); text-indent:​ 32px;">​▲文本控件切图填充效果</​span></​p><​p><​span style="​color:​ rgb(127, 127, 127); text-indent:​ 32px;"><​br/></​span></​p><​p><​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><​span style="​color:​ rgb(127, 127, 127); text-indent:​ 32px;">​▲用于文本控件切图填充的全屏图片</​span></​p></​td><​td width="​354"​ valign="​top"​ style="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择切图“左图③所示”。</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景图片切图选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置切图填充背景。</​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他:如何省掉第⑤、⑥、⑦步?在第④步的地方直接输入图片在资源文件中的ID,图片资源文件怎么用,请查阅【资源文件使用说明】。</​span></​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;">​注:控件背景选择切图填充时,用于切图填充的图片必须是全屏图片(即图片分辨率和屏分辨率相同、显示方向相同)。</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sierwu"></​a>​5.2.5背景透明填充</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​仅x系列支持</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​文本控件背景为透明背景。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择透明“左图③所示”。即完成了控件背景透明。</​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;">​注:控件背景填充方式使用透明填充时,控件只有内容会显示,自己没有背景,控件背后是什么就能看到什么,如左侧显示预览效果。</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​a name="​wusan"></​a><​span style="​color:​ rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.3</​strong></​span><​strong>​、数据记录控件显示内容设置</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​数据记录的数据是通过<​a href="#​si"​ target="​_self">​方法</​a>​来进行添加数据,修改数据,删除数据,清空数据。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​数据记录属性只是对数据记录控件外观,表头,字库等属性设置。不能对数据记录中的显示内容直接设置,需要使用相关的<​a href="#​si"​ target="​_self">​方法</​a>​进行数据增删。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​font-family:​ Arial, sans-serif; text-indent:​ 28px; border: 1px solid rgb(0, 0, 0);"><​a name="​wusanyi"></​a>​5.3.1通过单片机串口改变当前页面中数据记录控件“显示内容”</​span><​span style="​font-family:​ Arial, sans-serif; text-indent:​ 28px;">&​nbsp;</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"></​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; line-height:​ 1.75em;"><​span style="​font-size:​ 16px;">​示例(1):串口发送数据<​span style="​text-indent:​ 32px;">​让当前页面中的数据记录控件data0添加数据</​span></​span><​span style="​text-indent:​ 32px; font-size: 16px;">&​nbsp;&​quot;​1^2^3^4&​quot;​。</​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; 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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"></​span></​p><​pre class="​brush:​cpp;​toolbar:​false"​ style="​margin-top:​ 5px; margin-bottom:​ 5px; padding: 0.7em 1em; border-radius:​ 2px; background-color:​ rgb(251, 250, 249); 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; color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; overflow: auto; overflow-wrap:​ normal; border: 1px solid rgb(204, 204, 204);"><​span style="​font-size:​ 16px;">​Serial.print(&​quot;​data0.insert(\&​quot;​1^2^3^4\&​quot;​)&​quot;​);<​br/>​Serial.write(hexEND,​3);<​br/></​span></​pre><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"><​span style="​text-indent:​ 32px;"></​span>​代码解释:</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;&​quot;​data0.insert=(\&​quot;​1^2^3^4\&​quot;​)&​quot;&​nbsp;</​span>&​nbsp;​需要发给屏的C语言<​span style="​text-indent:​ 32px;">​字符串命令</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; 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="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"><​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sisiwu"></​a>​5.3.2通过串口助手改变当前页面中数据记录控件“显示内容”</​span>&​nbsp;</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"></​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; line-height:​ 1.75em;"><​span style="​font-size:​ 16px;">​示例(1):串口发送数据让当前页面中的数据记录控件data0<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​添加数据</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">&​nbsp;&​quot;​1^2^3^4&​quot;</​span>​。</​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; 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; border-radius:​ 2px; background-color:​ rgb(251, 250, 249); 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; color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; overflow: auto; overflow-wrap:​ normal; border: 1px solid rgb(204, 204, 204);"><​span style="​font-size:​ 16px;">​data0.insert(&​quot;​1^2^3^4&​quot;​)<​br/>​ff&​nbsp;​ff&​nbsp;​ff<​br/></​span></​pre><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; word-break: break-all;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595983759118896.png"​ title="​1595983759118896.png"​ alt="​图片1.png"/></​td><​td width="​542"​ valign="​middle"​ align="​center"​ style="​padding:​ 0.3em 0.5em; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; word-break: break-all;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595983950826683.png"​ title="​1595983950826683.png"​ alt="​图片3.png"/><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595983828851771.png"​ title="​1595983828851771.png"​ alt="​图片2.png"/></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​padding:​ 0.3em 0.5em; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"><​a name="​wusi"></​a><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.4</​strong></​span><​strong style="​text-indent:​ 32px; white-space:​ normal;">​、数据记录控件数据存储位置说明</​strong></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​保存到sd卡需注意:</​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;​1.sd卡最大支持32g容量,一定要格式化为FAT32格式,不能有隐藏分区,不能用做过U盘启动的卡(因为做了U盘启动的卡一定有隐藏分区),​尽量使用原装卡,以免出现兼容性问 题导致升级异常</​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;​2.T0,K0系列只支持Class 4类型的Micro SD卡。X3,X5支持Class 4和Class10的Micro SD卡。</​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; 3.屏无法读取到sd卡,数据记录会黑屏。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;"><​span style="​text-indent:​ 2em; font-family:​ sans-serif; font-size: 16px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​text-indent:​ 2em; font-family:​ sans-serif; font-size: 14px;">&​nbsp;​ 4.数据是存放sd卡的文件中,如果屏关机也不会删除sd卡的文件(除非手动指令<​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,​delfile"​ target="​_self">​删除</​a>​)。即掉电保存。</​span></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​font-size:​ 14px; font-family:​ arial, helvetica, sans-serif;">​5.data文件可以通过官方工具转换成<​span style="​font-size:​ 14px; color: rgb(51, 51, 51); background-color:​ rgb(255, 255, 255);">​csv文件,csv文件可以由excel软件直接打开</​span></​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; background-color:​ rgb(255, 255, 255);">​。<​a href="​http://​tjcfile.iicp.net:​885/​USARTHMI/​gongju/​databox.rar"​ target="​_self">​点击下载</​a></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​保存到ram需注意:</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​font-size:​ 14px;">​1.软件工具框-&​nbsp;<​span style="​background-color:​ rgb(255, 255, 255); color: rgb(77, 77, 77); font-family:​ &​quot;​Microsoft YaHei&​quot;,​ &​quot;​SF Pro Display&​quot;,​ Roboto, Noto, Arial, &​quot;​PingFang SC&​quot;,​ sans-serif;">​设备-工程-内存文件存储区大小设置为100000Byte(至少大于65kB=65560Byte) 设置后软件调试就好了。</​span></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595993917780811.png"​ title="​1595993917780811.png"​ alt="​20200322013617565.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​如果没设置的情况下,使用ram会导致黑屏。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​2.ram是掉电不保存的,如果量不大的情况下是可以考虑<​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,​wepo"​ target="​_self">​保存到eeprom</​a>​里。如果数据量大还是建议保存到sd卡中。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​a name="​wuwu"></​a><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.5</​strong></​span><​strong style="​text-indent:​ 32px; white-space:​ normal;">​、数据记录控件实战使用</​strong></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; line-height:​ 1.75em; text-indent:​ 2em;">​该例程通过按钮事件下写相关方法来实现数据记录数据添加&​nbsp;&​nbsp;<​a href="​http://​tjcfile.iicp.net:​885/​USARTHMI/​demo_prj/​dataroutine.zip"​ target="​_self">​点击下载</​a><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​1.数据记录是通过<​a href="#​si"​ target="​_self">​相关方法</​a>​来添加,修改数据。而不是通过属性的txt,val赋值。</​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​2.获取数据记录某一行中某一个格使用到的是&​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,​spstr"​ target="​_self">​spstr指令</​a>​获取。</​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​3.添加数据是可以同时增加字体颜色以及背景颜色。<​a href="#​siwu"​ target="​_self">​具体操作</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​4.数据记录出现黑屏。<​a href="#​wuyi"​ target="​_self">​解决方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​5.数据记录滑块实现。<​a href="#​sansansishisi"​ target="​_self">​实现方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​6.数据记录字段数量大于12。<​a href="#​sansanershiqi"​ target="​_self">​解决方法</​a></​p><​p style="​text-indent:​ 0em; white-space:​ normal; line-height:​ 1.75em; text-align: center;">​END</​p><​p><​br/></​p><​p><​br/></​p>​+&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​prints&​nbsp;​data0.txt,​0&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;//​将data0的文本内容从串口发送出去。</​pre><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:objname属性不可以读取。比如在事件代码中写&​quot;​data0.txt=t0.objname&​quot;​编译将报错。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 所有绿色控件可以在运行中实时修改。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​注意:因产品系列不同,属性的写权限也不完全相同。比如X系列可以在运行该过程中修改x,y属性。但是T0,​K0系列不能在运行过程中修改x,y属性!</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​strong><​a name="​sansan"></​a>​3.3 、属性详解</​strong></​p><​p style="​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="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​T0,​K0系列产品,x,y属性只能从:0--最大分辨率。不能超出屏幕显示区域。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​X系列产品,x,y属性可以超出屏幕坐标范围(-6000~+6000),但是超出屏幕将被裁减,不会显示出来。</​p><​p style="​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">​click</​a>​指令,</​p><​p style="​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">​用户IO</​a></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​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="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​w,h属性描述控件在屏幕上宽度和高度(像素大小为单位)。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​T0,​K0系列产品,w,h属性只能从:0--最大分辨率。不能超出屏幕显示区域。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​X系列产品,x+w,y+h的值可以超出屏幕坐标范围,但是超出屏幕将被裁减,不会显示出来。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; <a name="​sansansan"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​3.3.3、spax属性&​nbsp;</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; 屏幕上显示字符与字符之间的距离。单位:像素点。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​以等宽字体宋体,汉字字库距举例说明。&​nbsp;</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">​注意:USART HMI升级到0.55版本以后,全系列支持非等宽字体。当用户使用非等宽字体以后,字体排版效果与电脑上的效果一致。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; 如果字体本身宽度不一致,导致排版效果有差异时,需要用户自行调整页面布局或者使用等宽字体。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​a name="​sansanwu"></​a><​span style="​text-indent:​ 2em;">&​nbsp;</​span><​span style="​text-indent:​ 2em; border: 1px solid rgb(0, 0, 0);">​3.3.5、txt属性</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​txt属性。即字符串属性。行记录内容(val值代表的行号记录内容,只可读取不可修改)。</​p><​p style="​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、val属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​val属性。当前选中行记录序号(每变化一次,​txt属性将重新加载此ID的行记录内容)。可运行中赋值,即选中行记录。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:data.val=3 (选中数据记录序号为3的记录,​从下往上数第四个记录)。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanqi"></​a><​span style="​text-indent:​ 2em;">&​nbsp;</​span><​span style="​text-indent:​ 2em; border: 1px solid rgb(0, 0, 0);">​3.3.7、path属性</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​path属性。绑定数据文件路径(如:&​quot;​sd0/​1.data&​quot;​)。</​p><​p style="​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属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​xcen属性用于设置字符在控件区域显示时的对齐方式。分别可以选择:靠左/​、居中、靠右/​。默认为居中方式。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​pco属性。控件的字体颜色属性,RGB565的颜色值。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​bco属性。控件背景色熟悉,RGB565的颜色值。仅当sta=单色时,才存在该属性。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​pic属性。控件背景图片属性,选择控件背景图片的ID号。仅当sta=图片时,才存在该属性。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​picc属性。控件背景切图图片属性,选择控件背景切图图片的ID号。仅当sta=切图时,才存在该属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​注意:选择的被切图图片尺寸必须等于对应串口屏的分辨率。否则,可能会导致显示花屏!</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ font属性。控件的字库属性。选择控件字库的ID号。</​p><​p style="​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、lenth属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ lenth属性。当前绑定数据记录文件中每条记录最大字节数。</​p><​p style="​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="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ sta属性。背景填充方式属性。目前支持4种背景方式:</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 1、切图——从指定与串口屏分辨率相同的全屏图片上,自动窃取控件窗口区域的图片内容作为控件背景。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 2、单色——用户指定单一的RGB565颜色值作为控件背景。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 3,图片——用户指定一张图片作为控件的背景。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ &nbsp; 4,透明——即无背景,以透明的方式直接在控件区域写字符信息。仅X系列支持。</​p><​p style="​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、time属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ time属性。控件特效执行时间属性。仅X系列支持,且effect设置不为0以后才存在该属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 当设置了控件的加载特效以后,控件在time的时间内,以设置的特效方式飞到控件所在屏幕的坐标位置。</​p><​p style="​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、first属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ first属性。控件加载特效的优先级属性。仅X系列支持,且effect设置不为0以后才存在该属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ first可设置的值为0-100。支持多个有特效的控件为同一级别优先级。同一优先级的控件,将在同时被加载到屏幕上显示。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 不同优先级的优先级中,将根据设置值从大到小依次完成加载。</​p><​p style="​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、effect属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​effect属性。控件加载特效属性。目前一共支持9种效果。仅X系列支持该属性。</​p><​p style="​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="​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、aph属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​aph属性。控件半透明属性。仅X系列支持。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​aph可设置的值范围为0-127 。为0时控件将全透明(效果为不显示),为127时全显示(没有半透明效果);</​p><​p style="​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、drag属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ drag属性。控件运行过程中是否支持拖动属性。仅X系列支持。</​p><​p style="​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、vscope属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ vscope属性。控件内存占用属性。控件支持私有和全局属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​ 当设置为全局时,控件分配的内存在所有页面都可以访问。离开当前页面后,控件属性数据也不会丢失。缺点是,占用系统总内存。</​p><​p style="​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、objname属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​objname属性。控件名称属性。该属性在运行中不能获取。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisan"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.23、id属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​id属性。控件id是每个控件在当前页面的唯一标识号。由系统分配,不可修改。可通过软件左上角置顶置底间接修改。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;<​a name="​sansanershisi"></​a>&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.24、type属性</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;​type属性。控件类型属性。由系统分别固定数据,比如数据记录控件属性为66。</​p><​p 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;">&​nbsp;​ &nbsp; &nbsp; </​span><​a name="​sansanershiwu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.25、disup属性</​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;​ &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​font-size:​ 16px;">​disup属性。产生拖动后是否禁用弹起事件:​0-否;​1-是。默认为否,即拖动的时候是会触发弹起事件。<​span style="​text-indent:​ 32px;">​仅当drag=是时,才存在该属性。</​span></​span></​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershiliu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.26、maxval属性</​span></​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;​maxval<​span style="​font-size:​ 16px;">​属性。当前绑定数据记录文件可存入的最大行数,​超出之后的新增记录将循环覆盖老数据)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershiqi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.27、dez属性</​span></​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;​dez<​span style="​font-size:​ 16px;">​属性。当前绑定数据记录文件中设置的字段数量(最小1,​最大12)<​span style="​text-indent:​ 32px;"></​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​如果要设置大于12字段数量解决方法 <a href="​http://​tjcfile.iicp.net:​885/​USARTHMI/​demo_prj/​Record_greater_than12.zip"​ target="​_self">​点击下载</​a><​br/></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershiba"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.28、format属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​format属性。字段宽度自定义(直接输入字段宽度值,​多个字段使用^分隔,​如:​100^100)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:设置为100^100^300^300 (第一个格字段宽度值为100,第二个格字段宽度值为100,第三个格字段宽度值为300,第四个格字段宽度值为300)。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansanershijiu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.29、dir属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​dir属性。表头名称自定义(多个字段使用^分隔)<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:设置为序号^名字^性别^成绩(表头第一个格为序号,表头第二个格为名字,表头第三个格为性别,表头第四个格为成绩)。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.30、mode属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​mode属性。是否允许自动创建文件(path路径无效时):​0-不允许;​1-允许<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span>​注:当path无效的时候 (data文件并不存在的时候或者格式不对都会产生黑屏)打开软件左上角文件中虚拟sd卡文件夹 把里面相关data删除 该属性为允许的时候 会自动创建新的data。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiyi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.31、dis属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dis属性。是否允许触摸选中记录项:​0-不允许;​1-允许<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span>​dis设置为不允许,触摸是无法选中记录项。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshier"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.32、order属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; order属性。显示顺序:​0-新数据在前;​1-新数据在后<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshisan"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​text-indent:​ 2em; font-size: 16px; border: 1px solid rgb(0, 0, 0);">​3.3.33、qty属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; qty属性。当前数据文件总记录数<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。(只可获取不可赋值)。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshisi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​font-size:​ 16px; border: 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.34、high属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; high属性。显示记录的行高度(最小1,​最大255)<​span style="​font-size:​ 16px; text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiwu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.35、left属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​left属性。是否显进度条:​0-不显示;​1-操作时显示;​2-持续显示<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiliu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.36、gdc属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​gdc属性。表格线颜色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiqi"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.37、gdw属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​gdw属性。横向表格线宽度(0为关闭),<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshiba"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.38、gdh属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​gdh属性。纵向表格线宽度(0为关闭),<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansanshijiu"></​a><​span style="​font-size:​ 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0); text-indent:​ 32px;">​3.3.39、bco1属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​bco1属性。表头背景色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.40、pco1属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​pco1属性。表头字体色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiyi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.41、bco2属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​bco2属性。选中项背景色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishier"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.42、pco2属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​pco2属性。选中项字体色,<​span style="​text-indent:​ 32px;">​RGB565的颜色值。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishisan"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.43、ch属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;​ch属性。滑动惯性力度(0-32,​0为无惯性)<​span style="​text-indent:​ 32px;">​。<​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);">​设置有惯性,滑动结束会适当下滑一部分。</​span></​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishisi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.44、maxval_y属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​maxval_y</​span>​属性。最大纵向滑动值(运行中根据字符内容自动改变,​只可读取不可设置)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiwu"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.45、<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_y</​span>​属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_y</​span>​属性。当前纵向滑动值(最小0,​最大maxval_y)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 例:data0.val_y=data0.maxval_x(将数据记录移动到最大纵向位置,​即数据记录最下面那条记录的位置)。</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiliu"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.46、<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​maxval_x</​span>​属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​maxval_x</​span>​属性。最大横向滑动值(运行中根据字符内容自动改变,​只可读取不可设置)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;​ &nbsp; &​nbsp;&​nbsp;</​span><​a name="​sansansishiqi"></​a><​span style="​text-indent:​ 2em; font-size: 16px;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);">​3.3.47、<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_x</​span>​属性</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;">&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &​nbsp;<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​val_x</​span>​属性。当前横向滑动值(最小0,​最大maxval_x)<​span style="​text-indent:​ 32px;">​。</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px; text-indent:​ 32px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ 例 : data0.val_x=data0.maxval_x(将数据记录移动到最大横纵位置,​即数据记录最右的位置)。</​span><​br/></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​br/></​p><​h3 style="​white-space:​ normal;"><​a name="​si"></​a>​四、数据记录控件-方法说明</​h3><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);">​该方法为数据记录控件独有的,对于其他控件不生效。使用方式类似于指令。</​span></​p><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em;"><​a name="​siyi"></​a><​strong>​4.1、insert方法 追加一条记录</​strong></​p><​p style="​text-indent:​ 2em;"><​strong style="​text-indent:​ 32px; white-space:​ normal;"></​strong></​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​int insert(string newtxt)&​nbsp;​ &nbsp; &nbsp; &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​(成功返回1,​失败返回0)</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​newtext 新数据&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &nbsp; &nbsp; (多个字段使用^分割:颜色定义使用&​lt;​ font &​gt;​标签,如&​lt;​font b=1024,​p=123&​gt;​)</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​①data0.insert(&​quot;​1^2^3^4&​quot;​)&​nbsp;​ &nbsp; (将添加记录第一格设置为1,第二格设置为2,第三格为3,第四格为4)</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​②t0.txt=&​quot;​1^2^3^4&​quot;</​p><​p style="​text-indent:​ 2em;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​data0.insert(&​quot;​t0.txt&​quot;​)<​br/>​</​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);">&​nbsp;​ &nbsp; &​nbsp;​注:字段使用^分割,控件识别到一个^就会自动写入^后面字符串;如果识别连续两个^,则该格为空。</​span></​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"></​span></​p><​p><​span style="​font-size:​ 16px; font-family:​ arial, helvetica, sans-serif;"><​strong><​br/></​strong></​span>&​nbsp;​ &nbsp; &​nbsp;&​nbsp;<​a name="​sier"></​a><​strong>​4.2、 delete方法 删除数据</​strong><​br/></​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"></​span></​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; int delete(int starid,int qty) 删除数据(成功返回1,​失败返回0)</​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; starid 待删除数据起始id</​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; qty 需要删除的条数</​p><​p>&​nbsp;​ &nbsp; &nbsp; &nbsp; &nbsp; 例:data0.delete(data0.val,​1) (删除选中的数据记录数据)</​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"><​br/></​span></​p><​p style="​text-indent:​ 2em;"><​strong><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"><​a name="​sisan"></​a>​4.3、up方法 修改一条记录</​span></​strong></​p><​p style="​text-indent:​ 2em;"><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; background-color:​ rgb(255, 255, 255);"></​span></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​int up(string newtxt,int index) (成功返回1,​失败返回)</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​newtxt 新数据(多个字段使用^分割:颜色定义使用&​lt;​ font &​gt;​标签,如&​lt;​font b=1024,​p=123&​gt;​)</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​index 需要修改的记录序号</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;<​span style="​text-indent:​ 32px;">​①data0.insert(&​quot;​1^2^3^4&​quot;,​5) (将序号为5(从下往上数第六个)修改为&​quot;​1^2^3^4&​quot;​)</​span></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​②t8.txt=&​quot;​1^2^3^4&​quot;</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​data0.up(t8.txt,​data.val) (将t8.txt的字符内容写入当前选中的数据记录)</​p><​p><​br/></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;<​a name="​sisi"></​a><​strong>​4.4、clear方法 清空所有数据记录</​strong></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​int clear() 此方法无需参数</​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​例:data0.clear() 清空数据记录所有数据(只留下表头)</​p><​p><​br/></​p><​p><​strong><​span style="​font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​a name="​siwu"></​a>​4.5、关于数据记录背景颜色的字体颜色设置</​span></​strong></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​color:​ rgb(165, 42, 42); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;"><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">​实例1:covx n1.val,​va0.txt,​0,​0 (将n1设置的颜色改变选中表格)</​span><​span class="​md-tab"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; box-sizing: border-box; display: inline-block;​ white-space:​ pre;"></​span><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">​ &​nbsp;</​span></​span></​p><​p><​span style="​color:​ rgb(165, 42, 42); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;"><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;​va2.txt=&​quot;&​lt;​ font b=&​quot;​+va0.txt+&​quot;​ &​gt;&​quot;​+t8.txt </​span><​span class="​md-tab"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; box-sizing: border-box; display: inline-block;​ white-space:​ pre;"></​span><​span class="​md-plain"​ style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;</​span></​span></​p><​p><​span style="​color:​ rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap; box-sizing: border-box;">&​nbsp;&​nbsp;​ &nbsp; &nbsp; &​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​data0.up(va2.txt,​n0.val) &​nbsp;​(将原来的内容添加上背景颜色为n1.val)</​span></​p><​p>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​box-sizing:​ border-box; color: rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">​实例2:data0.insert(&​quot;&​lt;​font b=1024,​p=63488&​gt;​1^2^3^44&​quot;​) &​nbsp;</​span></​p><​p><​span style="​box-sizing:​ border-box; color: rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif; orphans: 4; white-space:​ pre-wrap;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​ &nbsp; (将背景颜色设置为1024(绿色),将字体颜色设置为63488(红色),添加内容为1 2 3 44)</​span></​p><​p class="​md-end-block md-p md-focus"​ style="​box-sizing:​ border-box; line-height:​ inherit; orphans: 4; margin-top: 0.8em; margin-bottom:​ 0.8em; white-space:​ pre-wrap; position: relative; color: rgb(51, 51, 51); font-family:​ &​quot;​Open Sans&​quot;,​ &​quot;​Clear Sans&​quot;,​ &​quot;​Helvetica Neue&​quot;,​ Helvetica, Arial, sans-serif;"><​br/></​p><​p style="​text-indent:​ 2em;"><​br/><​span style="​font-size:​ 18px;"><​strong><​a name="​wu"></​a>​五、数据记录控件-使用详解</​strong></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​a name="​wuyi"></​a><​strong><​span style="​color:​ rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);">​5.1</​span></​strong>​、<​strong>​在页面上新建数据记录控件</​strong></​p><​table align="​center"><​tbody><​tr class="​firstRow"><​td valign="​top"​ style="​border-color:​ rgb(255, 255, 255); word-break: break-all;"><​p style="​text-indent:​ 0em;"><​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190108/​1546959609793764.png"​ title="​1546959609793764.png"​ alt="​image.png"​ width="​421"​ height="​194"/><​br/></​p></​td><​td valign="​top"​ style="​border-color:​ rgb(255, 255, 255); word-break: break-all;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200728/​1595901981116086.png"​ title="​1595901981116086.png"​ alt="​图片3.png"​ width="​420"​ height="​192"/></​td></​tr><​tr><​td valign="​middle"​ align="​center"​ style="​border-color:​ rgb(255, 255, 255); word-break: break-all;"><​p style="​text-indent:​ 0em;"><​span style="​color:​ rgb(127, 127, 127);">​1、打开一个新的空白界面▲</​span></​p></​td><​td valign="​middle"​ align="​center"​ style="​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="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​strong>​关于数据记录出现黑屏</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​(1)打开文件的字段数量和控件属性设置字段数量不匹配 导致黑屏。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​解决方法:​①修改数据记录控件属性path 。②打开软件中菜单栏文件的“虚拟sd卡文件夹”,​删除该文件就可以了。③修改dez属性。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​(2)工程下载到屏出现黑屏。这是屏无法读取到sd卡问题。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​解决方法:​①卡的格式不对(非fat32格式)。②尝试换一张卡。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​(3)将数据记录保存到ram中。路径设置后黑屏。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​解决方法:​在工具栏设备按钮,在工程选项,内存文件存储区大小设置(至少大于65kb=65560Byte)后,工程进入调试界面就好了。</​p><​p><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​a name="​wuer"></​a><​span style="​color:​ rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.2</​strong></​span><​strong>​、数据记录控件外观调整</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​strong>​参考文本控件</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​上一步我们创建了一个文本控件,现在我们编辑文本控件的外观(显示效果)。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sieryi"></​a>​5.2.1调整位置和尺寸</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​将文本控件移显示区中心位置,并调大到能放下。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷移动位置:鼠标选中控件,拖到需要摆放的位置。</​p><​p style="​line-height:​ 1.75em;">​▷调整大小:鼠标指针选中控件的任意一条边,或任意一个角,拖动即可调整大小。</​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他方法:如果不想使用鼠标,也可以通过修改属性列表中的“x、y坐标”来调整位置,修改属性列表中的“宽度和高度”来调整大小。</​span></​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">&​nbsp;<​a name="​wuerer"></​a><​span style="​border:​ 1px solid rgb(0, 0, 0);">​5.2.2背景单色填充</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​文本控件背景显示指定的“单一颜色”,(例:显示蓝色)。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景色属性“左图①所示”→ 点击颜色选择框“左图②所示”→ 点击选择更多“左图③所示”,软件弹出配色对话框,点击蓝色“左图④所示”→ 点击确定“左图⑤所示”。即完成此文本控件的背景色修改成蓝色。</​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他:控件单色背景填充时还能设置边框效果,根据属性列表里面,相应的属性项进行设置。</​span></​p><​p><​br/></​p><​p>​注:</​p><​p>&​nbsp;​ &nbsp; &nbsp; &​nbsp;​当颜色被使用过后,下次点击选择颜色的时候,使用过的颜色会直接出现在“选择颜色”的下拉选项中。</​p><​p><​br/></​p><​p>&​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="​border:​ none;">​控件属性讲解</​a>​】”</​p><​p><​br/></​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">&​nbsp;<​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​wuersan"></​a>​5.2.3背景图片填充</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​文本控件背景显示指定的“一张图片”。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择图片“左图③所示”。</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景图片选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置图片填充背景。</​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他:如何省掉第⑤、⑥、⑦步?在第④步的地方直接输入图片在资源文件中的ID,图片资源文件怎么用,请查阅【资源文件使用说明】。</​span></​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;">​注:我们的串口屏支持PNG图片,并完美抗锯齿,图片内容如果不是矩形,请使用PNG格式图片。</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em;"><​br/></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em; border: 1px solid rgb(0, 0, 0);"><​a name="​siersi"></​a>​5.2.4背景切图填充</​span></​p><​p style="​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="​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="​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="​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="​word-break:​ break-all;"><​p><​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><​span style="​color:​ rgb(127, 127, 127); text-indent:​ 32px;">​▲文本控件切图填充效果</​span></​p><​p><​span style="​color:​ rgb(127, 127, 127); text-indent:​ 32px;"><​br/></​span></​p><​p><​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><​span style="​color:​ rgb(127, 127, 127); text-indent:​ 32px;">​▲用于文本控件切图填充的全屏图片</​span></​p></​td><​td width="​354"​ valign="​top"​ style="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择切图“左图③所示”。</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景图片切图选择属性“左图④所示”并点击箭头处 →&​nbsp;​点击选择更多“左图⑤所示”,软件弹出图片选择对话框&​nbsp;​→&​nbsp;​点击我们要添加的图片“左图⑥所示”→&​nbsp;​点击确定“左图⑦所示”。即完成了为控件设置切图填充背景。</​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);">​其他:如何省掉第⑤、⑥、⑦步?在第④步的地方直接输入图片在资源文件中的ID,图片资源文件怎么用,请查阅【资源文件使用说明】。</​span></​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;">​注:控件背景选择切图填充时,用于切图填充的图片必须是全屏图片(即图片分辨率和屏分辨率相同、显示方向相同)。</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sierwu"></​a>​5.2.5背景透明填充</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​仅x系列支持</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​文本控件背景为透明背景。</​p><​table><​tbody><​tr class="​firstRow"><​td width="​354"​ valign="​middle"​ align="​center"​ style="​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="​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="​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="​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="​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="​word-break:​ break-all;"><​p style="​line-height:​ 1.75em;">​▷鼠标单击选中控件;</​p><​p style="​line-height:​ 1.75em;">​▷拉动属性列表滑块 → 找到背景填充方式属性“左图①所示”→ 点击单色出现下拉框“左图②所示”→ 点击选择透明“左图③所示”。即完成了控件背景透明。</​p><​p style="​line-height:​ 1.75em;"><​br/></​p><​p style="​line-height:​ 1.75em;">​注:控件背景填充方式使用透明填充时,控件只有内容会显示,自己没有背景,控件背后是什么就能看到什么,如左侧显示预览效果。</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​a name="​wusan"></​a><​span style="​color:​ rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.3</​strong></​span><​strong>​、数据记录控件显示内容设置</​strong></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​数据记录的数据是通过<​a href="#​si"​ target="​_self">​方法</​a>​来进行添加数据,修改数据,删除数据,清空数据。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​数据记录属性只是对数据记录控件外观,表头,字库等属性设置。不能对数据记录中的显示内容直接设置,需要使用相关的<​a href="#​si"​ target="​_self">​方法</​a>​进行数据增删。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​font-family:​ Arial, sans-serif; text-indent:​ 28px; border: 1px solid rgb(0, 0, 0);"><​a name="​wusanyi"></​a>​5.3.1通过单片机串口改变当前页面中数据记录控件“显示内容”</​span><​span style="​font-family:​ Arial, sans-serif; text-indent:​ 28px;">&​nbsp;</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"></​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; line-height:​ 1.75em;"><​span style="​font-size:​ 16px;">​示例(1):串口发送数据<​span style="​text-indent:​ 32px;">​让当前页面中的数据记录控件data0添加数据</​span></​span><​span style="​text-indent:​ 32px; font-size: 16px;">&​nbsp;&​quot;​1^2^3^4&​quot;​。</​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; 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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"></​span></​p><​pre class="​brush:​cpp;​toolbar:​false"​ style="​margin-top:​ 5px; margin-bottom:​ 5px; padding: 0.7em 1em; border-radius:​ 2px; background-color:​ rgb(251, 250, 249); 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; color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; overflow: auto; overflow-wrap:​ normal; border: 1px solid rgb(204, 204, 204);"><​span style="​font-size:​ 16px;">​Serial.print(&​quot;​data0.insert(\&​quot;​1^2^3^4\&​quot;​)&​quot;​);<​br/>​Serial.write(hexEND,​3);<​br/></​span></​pre><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"><​span style="​text-indent:​ 32px;"></​span>​代码解释:</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​font-size:​ 16px;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;&​quot;​data0.insert=(\&​quot;​1^2^3^4\&​quot;​)&​quot;&​nbsp;</​span>&​nbsp;​需要发给屏的C语言<​span style="​text-indent:​ 32px;">​字符串命令</​span></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; 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="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"></​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"><​span style="​border:​ 1px solid rgb(0, 0, 0);"><​a name="​sisiwu"></​a>​5.3.2通过串口助手改变当前页面中数据记录控件“显示内容”</​span>&​nbsp;</​span></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​span style="​text-indent:​ 32px; font-size: 16px;"></​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; line-height:​ 1.75em;"><​span style="​font-size:​ 16px;">​示例(1):串口发送数据让当前页面中的数据记录控件data0<​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">​添加数据</​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; text-indent:​ 32px;">&​nbsp;&​quot;​1^2^3^4&​quot;</​span>​。</​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; 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; border-radius:​ 2px; background-color:​ rgb(251, 250, 249); 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; color: rgb(51, 51, 51); box-shadow: rgb(204, 204, 204) 0px 0px 0.5em inset; overflow: auto; overflow-wrap:​ normal; border: 1px solid rgb(204, 204, 204);"><​span style="​font-size:​ 16px;">​data0.insert(&​quot;​1^2^3^4&​quot;​)<​br/>​ff&​nbsp;​ff&​nbsp;​ff<​br/></​span></​pre><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; word-break: break-all;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595983759118896.png"​ title="​1595983759118896.png"​ alt="​图片1.png"/></​td><​td width="​542"​ valign="​middle"​ align="​center"​ style="​padding:​ 0.3em 0.5em; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; word-break: break-all;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595983950826683.png"​ title="​1595983950826683.png"​ alt="​图片3.png"/><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595983828851771.png"​ title="​1595983828851771.png"​ alt="​图片2.png"/></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ align="​center"​ style="​padding:​ 0.3em 0.5em; border-color:​ rgb(204, 204, 204); margin: 0px; vertical-align:​ top; 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="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;"><​a name="​wusi"></​a><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.4</​strong></​span><​strong style="​text-indent:​ 32px; white-space:​ normal;">​、数据记录控件数据存储位置说明</​strong></​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​保存到sd卡需注意:</​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;​1.sd卡最大支持32g容量,一定要格式化为FAT32格式,不能有隐藏分区,不能用做过U盘启动的卡(因为做了U盘启动的卡一定有隐藏分区),​尽量使用原装卡,以免出现兼容性问 题导致升级异常</​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;​2.T0,K0系列只支持Class 4类型的Micro SD卡。X3,X5支持Class 4和Class10的Micro SD卡。</​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; 3.屏无法读取到sd卡,数据记录会黑屏。</​p><​p style="​padding:​ 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; white-space:​ normal;"><​span style="​text-indent:​ 2em; font-family:​ sans-serif; font-size: 16px;">&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;<​span style="​text-indent:​ 2em; font-family:​ sans-serif; font-size: 14px;">&​nbsp;​ 4.数据是存放sd卡的文件中,如果屏关机也不会删除sd卡的文件(除非手动指令<​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,​delfile"​ target="​_self">​删除</​a>​)。即掉电保存。</​span></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​font-size:​ 14px; font-family:​ arial, helvetica, sans-serif;">​5.data文件可以通过官方工具转换成<​span style="​font-size:​ 14px; color: rgb(51, 51, 51); background-color:​ rgb(255, 255, 255);">​csv文件,csv文件可以由excel软件直接打开</​span></​span><​span style="​color:​ rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; background-color:​ rgb(255, 255, 255);">​。<​a href="​http://​tjcfile.iicp.net:​885/​USARTHMI/​gongju/​databox.rar"​ target="​_self">​点击下载</​a></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​保存到ram需注意:</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​font-size:​ 14px;">​1.软件工具框-&​nbsp;<​span style="​background-color:​ rgb(255, 255, 255); color: rgb(77, 77, 77); font-family:​ &​quot;​Microsoft YaHei&​quot;,​ &​quot;​SF Pro Display&​quot;,​ Roboto, Noto, Arial, &​quot;​PingFang SC&​quot;,​ sans-serif;">​设备-工程-内存文件存储区大小设置为100000Byte(至少大于65kB=65560Byte) 设置后软件调试就好了。</​span></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200729/​1595993917780811.png"​ title="​1595993917780811.png"​ alt="​20200322013617565.png"/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​如果没设置的情况下,使用ram会导致黑屏。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​2.ram是掉电不保存的,如果量不大的情况下是可以考虑<​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,​wepo"​ target="​_self">​保存到eeprom</​a>​里。如果数据量大还是建议保存到sd卡中。</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​a name="​wuwu"></​a><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(0, 0, 0);"><​strong>​5.5</​strong></​span><​strong style="​text-indent:​ 32px; white-space:​ normal;">​、数据记录控件实战使用</​strong></​p><​p style="​white-space:​ normal; padding: 0px; color: rgb(51, 51, 51); font-family:​ Arial, sans-serif; font-size: 14px; line-height:​ 1.75em; text-indent:​ 2em;">​该例程通过按钮事件下写相关方法来实现数据记录数据添加&​nbsp;&​nbsp;<​a href="​http://​tjcfile.iicp.net:​885/​USARTHMI/​demo_prj/​dataroutine.zip"​ target="​_self">​点击下载</​a><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​1.数据记录是通过<​a href="#​si"​ target="​_self">​相关方法</​a>​来添加,修改数据。而不是通过属性的txt,val赋值。</​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​2.获取数据记录某一行中某一个格使用到的是&​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,​spstr"​ target="​_self">​spstr指令</​a>​获取。</​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​3.添加数据是可以同时增加字体颜色以及背景颜色。<​a href="#​siwu"​ target="​_self">​具体操作</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​4.数据记录出现黑屏。<​a href="#​wuyi"​ target="​_self">​解决方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​5.数据记录滑块实现。<​a href="#​sansansishisi"​ target="​_self">​实现方法</​a></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-align: left; text-indent:​ 2em;">​6.数据记录字段数量大于12。<​a href="#​sansanershiqi"​ target="​_self">​解决方法</​a></​p><​p style="​text-indent:​ 0em; white-space:​ normal; line-height:​ 1.75em; text-align: center;">​END</​p><​p><​br/></​p><​p><​br/></​p>​
5.控件详解/18.数据记录控件.1596069290.txt.gz · 最后更改: 2020/07/30 08:34 由 tjcqiu        浏览次数:255/2437869(本页/全站)