Part11_滑动条控件演示
<p>[TOC]</p>
<h1>功能描述</h1>
<p>带触摸的ATF模块可使用滑动条控件进行数值输入</p>
<h4>接线方法</h4>
<p>与Arduino控制器进行连接,RX-TX,GND-GND(用到了RX和TX串口)。</p>
<h4>实现功能</h4>
<p>滑动条控件通常需要三张图片素材的支持,一张用于控件背景,一张用于实体显示,一张用于滑块显示。
点击添加滑动条控件后按需求配置即可。
本例所需资源已在下方资源链接中准备好。</p>
<h4>操作示例</h4>
<p>1.仍使用ATF043模块,具体可参考之前的配置。
2.切换到资源列表加载所需位图资源,选择原始数据取模。
3.新建界面,配置滑动条控件,大概框选一个区域,所选区域为横向矩形时,默认为横向滑动条,重绘属性本例选择位图素材绘制,具体配置如下图:
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6415969e6628488ba8474d35d27ca209&amp;file=file.png" alt="" />
本例设置了100,101两个横向滑动条和102一个竖向滑动条,以及103,104,105三个数值控件来显示三个滑动条的数值。</p>
<h1>使用代码</h1>
<pre><code class="language-c">void setup() {
// put your setup code here, to run once:
Serial.begin(9600);
Serial.setTimeout(10);
delay(2000);
}
unsigned char m_ReciverHeader; //ATF Message Header char = @/#/$
unsigned short m_ReciverBodyID; //ATF Message BodyID 0:GUI Swtich 100~65535:Body Msg
int m_ReciverVarInt; //ATF Message int Val(Header=@)
float m_ReciverVarFloat; //ATF Message float Val(Header=#)
String m_ReciverVarString; //ATF Message String Val(Header=$)
void loop() {
// put your main code here, to run repeatedly:
if(ATFMessageService(1))
{
if(m_ReciverBodyID==100||m_ReciverBodyID==101||m_ReciverBodyID==102)
{
Serial.print(&quot;@SET &quot;);
Serial.print((m_ReciverBodyID+3));
Serial.print(&quot;,&quot;);
Serial.println(m_ReciverVarInt);
}
}
}
unsigned char ATFMessageService(unsigned char delaytimer)
{
char n_TempChar;
n_TempChar = Serial.available();
if(n_TempChar)
{
delay(delaytimer);
n_TempChar = Serial.read();
while(n_TempChar!='@'&amp;&amp;n_TempChar!='#'&amp;&amp;n_TempChar!='$'&amp;&amp;n_TempChar&gt;=0)
{
n_TempChar = Serial.read();
}
m_ReciverHeader = n_TempChar;
m_ReciverBodyID = Serial.parseInt();
if(n_TempChar=='@')
{
m_ReciverVarInt = Serial.parseInt();
}
else if(n_TempChar=='#')
{
m_ReciverVarFloat = Serial.parseFloat();
}
else if(n_TempChar=='$')
{
Serial.read();
m_ReciverVarString = Serial.readStringUntil('\r');
}
else return 0;
return 1;
}
return 0;
}</code></pre>
<h1>资源文件</h1>
<p><a href="https://pan.baidu.com/e/1e4inzCpQbe-hR-5MCWRZ1g?pwd=ATFC">高级篇part11_资源文件</a></p>
<h1>视频教程</h1>
<p><a href="https://www.bilibili.com/video/BV1mS4y1m7sV/?spm_id_from=333.999.0.0&amp;vd_source=8adc070117854dc6967b17bf3379321b">【高级篇】Part11_滑动条控件演示</a></p>