利用管道控件制作组态界面

这个界面是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);
    }