利用管道控件制作组态界面
这个界面是USB极客充电器的一个组态界面,当充电器插上有电流的时候,管道开始滚动显示工作状态,同时中间的动态GIF开始运作产生动画效果;
在设计的时候,我们使用管道控件(pipe:管道控件 ),
在本界面中,为了简单我们使用了3个管道控件,当然使用一个也可以;在最上面p3这个管道控件,使用了“1|2|BL3E1L3D1S1D1”这个字符串来描述管道,按照控件的文档,该字符串格式:
模式|颜色|管道线路字符串
因此,模式1表示正向流动,管道颜色号为2,管道字符串:“BL3E1L3D1S1D1”;B开始;L3从控件基本位置向左3X4=12格;然后E1记录分支位置,再L3向左3X4=12格然后D1向下1X4=4格;使用S1回复到E1分支点,再D1向下4格;
同样pa pb,也会绘制对应的管道,只是模式位0,无流动;
在代码控制方面,页面中使用代码:
//对第1路进行处理
if (app.A1==0){ //如果A1的电流为0,则
a1.stop(); //转换器动态GIF停止
pipe_mode(pa.bs,0,0,2); //pa控件中的0号管道停止流动,颜色2号
}
else{
a1.start(); //转换器动态GIF开始动画
pipe_mode(pa.bs,0,1,2);//pa控件中的0号管道正向流动,颜色2号
}
//对第2路进行处理
if (app.A2==0){
a2.stop();
pipe_mode(pb.bs,0,0,2);
}
else{
a2.start();
pipe_mode(pb.bs,0,1,2);
}
相关阅读: