Part15_位图动画控件显示状态
<p>[TOC]</p>
<h1>功能描述</h1>
<p>用位图动画控显示用户控制器发送的数值状态。</p>
<h4>接线方法</h4>
<p>与Arduino控制器进行连接，RX-TX,GND-GND（用到了RX和TX串口）。</p>
<h4>实现功能</h4>
<ul>
<li>完全指令切换：添加位图动画控件，控件类型选择完全指令切换，默认状态设置为默认显示所需图片，设置起始位图索引号和结束位图索引号，用户可发送指令设置控件的当前数值。
位图动画控件设置为完全指令切换属性后，控件相当于一个按当前数值切换图片显示的静态控件，其当前显示的图片帧取决控件当前的数值。</li>
<li>静动态显示：添加位图动画控件，控件类型选择静动态显示，默认状态设置为重绘后显示静态，设置起始位图索引号和结束位图索引号，用户可发送指令设置控件的当前数值。
位图动画控件设置为静动态显示属性后，控件将具备0或1的状态，控件为0时显示起始图片索引号对应的图片，设置为1时将使用起始图片索引号之后的到结束索引号之间的图片进行定时切换显示。
本例所需资源已在下方资源链接中准备好。
<h4>操作示例</h4>
<p>1.仍使用ATF043模块，具体可参考之前的配置。
2.切换到资源列表加载所需图片资源，可选择多个图片一次性进行添加。双击列表项确认加载顺序是否正确。本例资源号0-44为水井水位的图像，45用于显示水泵的停止状态，最后三张用于显示水泵的动态运行。
3.添加界面，在界面添加位图动画控件100，设完全指令切换属性，具体如下图：
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=08098bc510f05f145def65308fc7723e&amp;file=file.png" alt="" />
4.在界面添加位图动画控件101，设静动态显示，具体如下图：
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6caaa4711d056532196edbc877441d38&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(1000);
}
unsigned long m_StartCounter=0;
unsigned char m_RunOneTimeFlag=0;
unsigned char m_RunStopFlag=0;
unsigned long m_SetDataCounter=0;
unsigned char m_WaterStep=0;
void loop() {
// put your main code here, to run repeatedly:
unsigned long n_TempCounter=millis();
if((n_TempCounter-m_StartCounter)&gt;=3000&amp;&amp;m_RunOneTimeFlag==0)
{
m_RunOneTimeFlag = 1;
Serial.println(&quot;@SET 101,1&quot;);
m_RunStopFlag = 1;
}
if(m_RunStopFlag==0) return;
n_TempCounter=millis();
if((n_TempCounter-m_SetDataCounter)&gt;=500)
{
m_SetDataCounter = n_TempCounter;
Serial.print(&quot;@SET 100,&quot;);
Serial.println(m_WaterStep);
m_WaterStep++;
if(m_WaterStep&gt;=45)
{
Serial.println(&quot;@SET 101,0&quot;);
m_RunStopFlag = 0;
}
}
}</code></pre>
<h1>资源文件</h1>
<p><a href="https://pan.baidu.com/e/1kPYY9UkwYdQTKsQtVilFDQ?pwd=ATFC">高级篇part15_资源文件</a></p>
<h1>视频教程</h1>
<p><a href="https://www.bilibili.com/video/BV1ET4y1v7Cv/?spm_id_from=333.999.0.0&amp;vd_source=8adc070117854dc6967b17bf3379321b">【高级篇】Part15_位图动画控件显示状态</a></p></li>
</ul>