USART HMI 资料中心

官方技术交流QQ群:916560014

站点工具


5.控件详解:1.认识控件

差别

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

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
5.控件详解:1.认识控件 [2020/07/27 09:01]
tjcqiu
5.控件详解:1.认识控件 [2020/08/13 09:12] (当前版本)
tjcqiu
行 4: 行 4:
 Serial.write(hexEND,​3);</​pre><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span>​代码解释:</​p><​p style="​text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​Serial.print();&​nbsp;</​span>​ 单片机串口发送字符串函数</​p><​p style="​text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;&​quot;​t0.txt=\&​quot;​你好\&​quot;&​quot;&​nbsp;</​span>&​nbsp;​需要发给屏的C语言<​span style="​text-indent:​ 32px;">​字符串命令</​span></​p><​p style="​text-indent:​ 2em;"><​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></​p><​p style="​text-indent:​ 2em;"><​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;">​ 提前定义好的元素为3个16进制 0xff 的数组</​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​br/></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px; color: rgb(0, 0, 0);">&​nbsp;<​span style="​text-indent:​ 32px; font-family:​ &​quot;​comic sans ms&​quot;;"></​span><​span style="​text-indent:​ 32px;">​▶</​span><​span style="​text-indent:​ 32px; color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);"><​span style="​text-indent:​ 32px;">&​nbsp;​单片机</​span>​串口操作当其他页面中的控件&​nbsp;</​span></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​示例(2):串口发送数据让<​span style="​text-indent:​ 32px;">​其他页面(页面名称叫 set)中的文本控件显示OK</​span>​。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​串口发送数据代码:</​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​pre class="​brush:​cpp;​toolbar:​false">​Serial.print(&​quot;​set.t0.txt=\&​quot;​你好\&​quot;&​quot;​);​ Serial.write(hexEND,​3);</​pre><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span>​代码解释:</​p><​p style="​text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​Serial.print();&​nbsp;</​span>​ 单片机串口发送字符串函数</​p><​p style="​text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;&​quot;​t0.txt=\&​quot;​你好\&​quot;&​quot;&​nbsp;</​span>&​nbsp;​需要发给屏的C语言<​span style="​text-indent:​ 32px;">​字符串命令</​span></​p><​p style="​text-indent:​ 2em;"><​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></​p><​p style="​text-indent:​ 2em;"><​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;">​ 提前定义好的元素为3个16进制 0xff 的数组</​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​br/></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px; color: rgb(0, 0, 0);">&​nbsp;<​span style="​text-indent:​ 32px; font-family:​ &​quot;​comic sans ms&​quot;;"></​span><​span style="​text-indent:​ 32px;">​▶</​span><​span style="​text-indent:​ 32px; color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);"><​span style="​text-indent:​ 32px;">&​nbsp;​单片机</​span>​串口操作当其他页面中的控件&​nbsp;</​span></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​示例(2):串口发送数据让<​span style="​text-indent:​ 32px;">​其他页面(页面名称叫 set)中的文本控件显示OK</​span>​。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​串口发送数据代码:</​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​pre class="​brush:​cpp;​toolbar:​false">​Serial.print(&​quot;​set.t0.txt=\&​quot;​你好\&​quot;&​quot;​);​
 Serial.write(hexEND,​3);</​pre><​p style="​white-space:​ normal; text-indent:​ 2em;">​代码解释:</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​Serial.print();&​nbsp;</​span>&​nbsp;​单片机串口发送字符串函数</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;&​quot;​set.t0.txt=\&​quot;​你好\&​quot;&​quot;&​nbsp;</​span>&​nbsp;<​span style="​text-indent:​ 32px;">​需要发给屏的C语言字符串命令,其中 set 是页面名称。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​Serial.write();&​nbsp;</​span>&​nbsp;​单片机串口发送16进制函数</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​hexEND,​3&​nbsp;</​span>&​nbsp;​提前定义好的元素为3个16进制 0xff 的数组</​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​br/></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​span style="​text-indent:​ 32px; background-color:​ rgb(0, 0, 0); color: rgb(255, 255, 255);"><​a name="​wusi"></​a>​5.4</​span><​span style="​text-indent:​ 32px;">​、</​span><​strong style="​text-indent:​ 32px; white-space:​ normal;">​串口助手通讯时控件的使用</​strong></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​strong style="​text-indent:​ 32px; white-space:​ normal;"></​strong></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​●串口波特率和屏的波特率一致(屏出厂默认波特率9600,可以自行更改,更改方法见指令集说明)。</​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;">​●串口每发完一条字符串指令给屏后,还需要发送结束符给屏指令才会被执行。结束符是16进制的&​nbsp;​0xff 0xff 0xff 。</​p><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​span style="​text-indent:​ 32px;">&​nbsp;</​span><​span style="​text-indent:​ 32px; font-family:​ &​quot;​comic sans ms&​quot;;"></​span><​span style="​text-indent:​ 32px;">​▶</​span><​span style="​text-indent:​ 32px; border: 1px solid rgb(0, 0, 0);">&​nbsp;​串口助手操作当前页面中的控件&​nbsp;</​span></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​示例(1):串口发送数据让当前页面中的文本控件t0显示 你好。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​串口助手发送数据代码:</​p><​pre class="​brush:​cpp;​toolbar:​false">​t0.txt=&​quot;​你好&​quot;​ Serial.write(hexEND,​3);</​pre><​p style="​white-space:​ normal; text-indent:​ 2em;">​代码解释:</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​Serial.print();&​nbsp;</​span>&​nbsp;​单片机串口发送字符串函数</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;&​quot;​set.t0.txt=\&​quot;​你好\&​quot;&​quot;&​nbsp;</​span>&​nbsp;<​span style="​text-indent:​ 32px;">​需要发给屏的C语言字符串命令,其中 set 是页面名称。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​Serial.write();&​nbsp;</​span>&​nbsp;​单片机串口发送16进制函数</​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​background-color:​ rgb(0, 176, 240); color: rgb(255, 255, 255);">&​nbsp;​hexEND,​3&​nbsp;</​span>&​nbsp;​提前定义好的元素为3个16进制 0xff 的数组</​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​br/></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​span style="​text-indent:​ 32px; background-color:​ rgb(0, 0, 0); color: rgb(255, 255, 255);"><​a name="​wusi"></​a>​5.4</​span><​span style="​text-indent:​ 32px;">​、</​span><​strong style="​text-indent:​ 32px; white-space:​ normal;">​串口助手通讯时控件的使用</​strong></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​strong style="​text-indent:​ 32px; white-space:​ normal;"></​strong></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​●串口波特率和屏的波特率一致(屏出厂默认波特率9600,可以自行更改,更改方法见指令集说明)。</​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;">​●串口每发完一条字符串指令给屏后,还需要发送结束符给屏指令才会被执行。结束符是16进制的&​nbsp;​0xff 0xff 0xff 。</​p><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"><​span style="​text-indent:​ 32px;">&​nbsp;</​span><​span style="​text-indent:​ 32px; font-family:​ &​quot;​comic sans ms&​quot;;"></​span><​span style="​text-indent:​ 32px;">​▶</​span><​span style="​text-indent:​ 32px; border: 1px solid rgb(0, 0, 0);">&​nbsp;​串口助手操作当前页面中的控件&​nbsp;</​span></​span></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​示例(1):串口发送数据让当前页面中的文本控件t0显示 你好。</​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​串口助手发送数据代码:</​p><​pre class="​brush:​cpp;​toolbar:​false">​t0.txt=&​quot;​你好&​quot;​
-ff&​nbsp;​ff&​nbsp;​ff</​pre><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​table><​tbody><​tr class="​firstRow"><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all; background-color:​ rgb(219, 229, 241);" align="​center"><​span style="​text-indent:​ 32px;">​串口助手截图</​span></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all; background-color:​ rgb(219, 229, 241);" align="​center">​操作说明</​td></​tr><​tr><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​img src="http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190115/1547525808582951.png" title="​1547525808582951.png" alt="image.png"/></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​white-space:​ normal; text-indent:​ 0em;">​① 选择串口号<​span style="​text-align:​ -webkit-center;">​(选择你电脑连接屏使用的串口号)</​span></​p><​p style="​white-space:​ normal; text-indent:​ 0em;">​② 设置波特率</​p></​td></​tr><​tr><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ style="​word-break:​ break-all;"​ align="​center"><​img src="http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190115/1547525928105092.png" title="​1547525928105092.png" alt="​image.png" ​width="225" ​height="90"/></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​text-indent:​ 0em; white-space:​ normal;">​③ 输入字符串指令</​p><​p style="​text-indent:​ 0em; white-space:​ normal;">​④ 输入16进制结束符</​p></​td></​tr></​tbody></​table><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​▶<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​串口助手操作当其他页面中的控件&​nbsp;</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">​示例(2):串口发送数据让其他页面(页面名称叫 set)中的文本控件显示OK。</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​串口发送数据代码:</​p><​pre class="​brush:​cpp;​toolbar:​false">​set.t0.txt=&​quot;​你好&​quot;​ +ff&​nbsp;​ff&​nbsp;​ff</​pre><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​table><​tbody><​tr class="​firstRow"><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all; background-color:​ rgb(219, 229, 241);" align="​center"><​span style="​text-indent:​ 32px;">​串口助手截图</​span></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all; background-color:​ rgb(219, 229, 241);" align="​center">​操作说明</​td></​tr><​tr><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200813/1597280965910767.png" title="​1597280965910767.png" alt="图片1.png"/></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​white-space:​ normal; text-indent:​ 0em;">​① 选择串口号<​span style="​text-align:​ -webkit-center;">​(选择你电脑连接屏使用的串口号)</​span></​p><​p style="​white-space:​ normal; text-indent:​ 0em;">​② 设置波特率</​p></​td></​tr><​tr><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ style="​word-break:​ break-all;"​ align="​center"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200813/1597281079944246.png" title="​1597281079944246.png" alt="1.2.3 (1).png"/><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200813/​1597280970125136.png" ​title="1597280970125136.png" ​alt="图片2.png"/></​td><​td valign="​middle"​ colspan="​1"​ rowspan="​1"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​text-indent:​ 0em; white-space:​ normal;">​③ 输入字符串指令</​p><​p style="​text-indent:​ 0em; white-space:​ normal;">​④ 输入16进制结束符</​p></​td></​tr></​tbody></​table><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em;"><​span style="​text-indent:​ 32px;"></​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;">​▶<​span style="​border:​ 1px solid rgb(0, 0, 0);">&​nbsp;​串口助手操作当其他页面中的控件&​nbsp;</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em;"><​span style="​text-indent:​ 2em;">​示例(2):串口发送数据让其他页面(页面名称叫 set)中的文本控件显示OK。</​span><​br/></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;">​串口发送数据代码:</​p><​pre class="​brush:​cpp;​toolbar:​false">​set.t0.txt=&​quot;​你好&​quot;​ 
-ff&​nbsp;​ff&​nbsp;​ff</​pre><​p style="​white-space:​ normal; text-indent:​ 0em;"><​br/></​p><​table><​tbody><​tr class="​firstRow"><​td width="​542"​ valign="​middle"​ align="​center"​ style="​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="​word-break:​ break-all; background-color:​ rgb(219, 229, 241);">​操作说明</​td></​tr><​tr><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​img src="http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190115/1547525808582951.png" title="​1547525808582951.png" alt="image.png"/></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​① 选择串口号(选择你电脑连接屏使用的串口号)</​p><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​② 设置波特率</​p></​td></​tr><​tr><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​img src="http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190115/1547526241843681.png" title="​1547526241843681.png" alt="​image.png" ​width="223" ​height="85"/></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​③ 输入字符串指令</​p><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​④ 输入16进制结束符</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​hr/><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em; line-height:​ 1.75em;"><​strong style="​text-indent:​ 2em;">​控件使用总结:</​strong></​p><​p style="​text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em;">​1、无论是在《USART HMI》软件上开发界面时操作控件,还是串口发数据操作控件,我们可以看出,<​span style="​text-indent:​ 2em;">​当被操作的<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​控件在本页面时&​nbsp;</​span>​,可以<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​直接操作&​nbsp;</​span>​控件</​span>​。<​span style="​text-indent:​ 2em;">​当被操作的</​span></​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">&​nbsp;​控件不在当前页面&​nbsp;</​span><​span style="​text-indent:​ 2em;">​时&​nbsp;<​span style="​text-indent:​ 2em;">​,<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">&​nbsp;​控件&​nbsp;</​span>​名称<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​前面要加上页面名称&​nbsp;</​span></​span>​。</​span><​br/></​p><​p style="​text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em;">​2、<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​控件&​nbsp;</​span>​属性列表中的<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​属性项&​nbsp;</​span>​只要<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​是绿色&​nbsp;</​span>​的都<​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​可以</​span>​在页面开发时<​span style="​text-indent:​ 2em; color: rgb(0, 0, 0);">​通过</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​代码进行操作</​span>​,也<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​可以</​span>​通过<​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​串口发送指令进行操作</​span>​。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​color:​ rgb(255, 0, 0);">​!注意</​span>​:如果要让<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​控件支持不在当前页面时被操作&​nbsp;</​span>​,那么在<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​控件属性中&​nbsp;</​span>​,“<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​内存占用&​nbsp;</​span>​”栏必须设置为“<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​全局&​nbsp;</​span>​”如下图所示:</​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em; text-align: center;"><​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190114/​1547470823276952.png"​ title="​1547470823276952.png"​ alt="​image.png"​ width="​186"​ height="​23"/></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em; text-align: center;">​(所有控件默认的内存占用为“私有”,“全局”需要手动修改)</​p><​hr/><​p style="​text-indent:​ 2em; text-align: center;"><​span style="​text-indent:​ 32px; color: rgb(0, 0, 0);">​END</​span></​p>​+ff&​nbsp;​ff&​nbsp;​ff</​pre><​p style="​white-space:​ normal; text-indent:​ 0em;"><​br/></​p><​table><​tbody><​tr class="​firstRow"><​td width="​542"​ valign="​middle"​ align="​center"​ style="​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="​word-break:​ break-all; background-color:​ rgb(219, 229, 241);">​操作说明</​td></​tr><​tr><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200813/1597280976133200.png" title="​1597280976133200.png" alt="图片1.png"/></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​① 选择串口号(选择你电脑连接屏使用的串口号)</​p><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​② 设置波特率</​p></​td></​tr><​tr><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200813/1597281119137718.png" title="​1597281119137718.png" alt="1.2.3 (2).png"/><​img src="/​dokuwiki/​ueditor/​php/​upload/​image/​20200813/​1597280989265506.png" ​title="1597280989265506.png" ​alt="图片2.png"/></​td><​td width="​542"​ valign="​middle"​ style="​word-break:​ break-all;"​ align="​center"><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​③ 输入字符串指令</​p><​p style="​margin-top:​ 0px; margin-bottom:​ 0px; padding: 0px; text-align: -webkit-center;​ text-indent:​ 0em; white-space:​ normal;">​④ 输入16进制结束符</​p></​td></​tr></​tbody></​table><​p style="​white-space:​ normal; text-indent:​ 2em;"><​br/></​p><​hr/><​p style="​text-indent:​ 2em;"><​br/></​p><​p style="​text-indent:​ 2em; line-height:​ 1.75em;"><​strong style="​text-indent:​ 2em;">​控件使用总结:</​strong></​p><​p style="​text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em;">​1、无论是在《USART HMI》软件上开发界面时操作控件,还是串口发数据操作控件,我们可以看出,<​span style="​text-indent:​ 2em;">​当被操作的<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​控件在本页面时&​nbsp;</​span>​,可以<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​直接操作&​nbsp;</​span>​控件</​span>​。<​span style="​text-indent:​ 2em;">​当被操作的</​span></​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">&​nbsp;​控件不在当前页面&​nbsp;</​span><​span style="​text-indent:​ 2em;">​时&​nbsp;<​span style="​text-indent:​ 2em;">​,<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">&​nbsp;​控件&​nbsp;</​span>​名称<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​前面要加上页面名称&​nbsp;</​span></​span>​。</​span><​br/></​p><​p style="​text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​text-indent:​ 2em;">​2、<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​控件&​nbsp;</​span>​属性列表中的<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​属性项&​nbsp;</​span>​只要<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​是绿色&​nbsp;</​span>​的都<​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​可以</​span>​在页面开发时<​span style="​text-indent:​ 2em; color: rgb(0, 0, 0);">​通过</​span><​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​代码进行操作</​span>​,也<​span style="​text-indent:​ 2em; background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​可以</​span>​通过<​span style="​text-indent:​ 2em; color: rgb(255, 255, 255); background-color:​ rgb(89, 89, 89);">​串口发送指令进行操作</​span>​。</​span></​p><​p style="​white-space:​ normal; text-indent:​ 2em; line-height:​ 1.75em;"><​span style="​color:​ rgb(255, 0, 0);">​!注意</​span>​:如果要让<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​控件支持不在当前页面时被操作&​nbsp;</​span>​,那么在<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​控件属性中&​nbsp;</​span>​,“<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​内存占用&​nbsp;</​span>​”栏必须设置为“<​span style="​background-color:​ rgb(89, 89, 89);">&​nbsp;</​span><​span style="​background-color:​ rgb(89, 89, 89); color: rgb(255, 255, 255);">​全局&​nbsp;</​span>​”如下图所示:</​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em; text-align: center;"><​img src="​http://​wiki.tjc1688.com/​dokuwiki/​ueditor/​php/​upload/​image/​20190114/​1547470823276952.png"​ title="​1547470823276952.png"​ alt="​image.png"​ width="​186"​ height="​23"/></​p><​p style="​white-space:​ normal; line-height:​ 1.75em; text-indent:​ 2em; text-align: center;">​(所有控件默认的内存占用为“私有”,“全局”需要手动修改)</​p><​hr/><​p style="​text-indent:​ 2em; text-align: center;"><​span style="​text-indent:​ 32px; color: rgb(0, 0, 0);">​END</​span></​p>​
5.控件详解/1.认识控件.1595811679.txt.gz · 最后更改: 2020/07/27 09:01 由 tjcqiu        浏览次数:68290/2565992(本页/全站)