Part16_波形及进度条控件演示
<p>[TOC]</p>
<h1>功能描述</h1>
<p>使用用波形控件显示曲线。
使用进度条显示数值。</p>
<h4>接线方法</h4>
<p>与Arduino控制器进行连接，RX-TX,GND-GND（用到了RX和TX串口）。</p>
<h4>实现功能</h4>
<p>在界面添加波形控件，设控件类型设置和重绘类型设置，可设置x和y轴栅格线间隔等基本设置，设置控件波形线数量，可在波形控件中显示多条波形线，在代码中使用set指令对同个控件设置多个数据时，需要在数据之间使用‘/’符进行分隔。
在界面添加进度条控件，可通过代码发送指令改变其进度。</p>
<h4>操作示例</h4>
<p>1.仍使用ATF043模块，具体可参考之前的配置。
2.新建界面，点击添加波形控件100，本例将在波形控件中显示正弦波数值，具体配置如图：
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=16f1ab5b08e12cd6b7763bbe0f21bbec&amp;file=file.png" alt="" />
3.复制控件100稍作修改创建波形图101，配置如图：
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=76464d3dc7758aaa5b667a67c53c836c&amp;file=file.png" alt="" />
4.添加一个进度条控件102和数值控件103，进度条控件框选进度条所需大小后进入配置，使用默认配置即可，本例将使用进度条控件显示当前正弦波数值。
将数值控件移动到进度条控件区域之中，ATF模块允许进度条设置一个叠加于控件之上的数值控件或字符串控件，本例用于显示当前用户控制器发送到模块中的数据个数的计数显示。
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=eed466612ed1e5acc3cccb542fb6663d&amp;file=file.png" alt="" /></p>
<h1>使用代码</h1>
<pre><code class="language-c">void setup() {
// put your setup code here, to run once:
Serial.begin(9600);
delay(2000);
}
float n_anglSet1=0.0;
float n_anglSet2=3.1415926/4.0;
int m_DatStep=0;
void loop() {
// put your main code here, to run repeatedly:
int n_Dat1,n_Dat2;
float n_NowWaveSet1,n_NowWaveSet2;
n_NowWaveSet1 = sin(n_anglSet1);
n_NowWaveSet2 = sin(n_anglSet2);
n_Dat1 = n_NowWaveSet1*50+50;
n_Dat2 = n_NowWaveSet2*50+50;
Serial.print(&quot;@SET 100,&quot;);
Serial.print(n_Dat1);
Serial.print(&quot;/&quot;);
Serial.println(n_Dat2);
Serial.print(&quot;@SET 102,&quot;);
Serial.println(n_Dat1);
n_Dat1 = n_NowWaveSet1*70+70;
Serial.print(&quot;@SET 101,&quot;);
Serial.println(n_Dat1);
Serial.print(&quot;@SET 103,&quot;);
Serial.println(m_DatStep);
n_anglSet1+= (3.1415926/100.0);
n_anglSet2+= (3.1415926/100.0);
m_DatStep++;
delay(50);
}</code></pre>
<h1>资源文件</h1>
<p><a href="https://pan.baidu.com/e/1lb8wsCYAGbJGN7nMaRklEw?pwd=ATFC">高级篇part16_资源文件</a></p>
<h1>视频教程</h1>
<p><a href="https://www.bilibili.com/video/BV1i3411H72N/?spm_id_from=333.999.0.0&amp;vd_source=8adc070117854dc6967b17bf3379321b">【高级篇】Part16_波形及进度条控件演示</a></p>