2020.02.27

想要代码，留邮箱吧。或者到https://download.csdn.net/download/XuePiaoFei1/12195991下载，或者https://files-cdn.cnblogs.com/files/warmlight/NewProject.rar。

近来Qt开发时可能遇到这样的需求：两个（或多个）矩形，要用直线将它们连接起来，之后还要把它们保存到xml中，并且能够还原。

类似于下图：

首先想到的就是Qt自带的demo：diagramscene。因为demo中有箭头方向，开始节点和结束节点，连坐标都已经有了，保存还原都可以完成。但是，demo的直线不是竖直或水平的，所以肯定要对demo进行修改。（扯淡了，demo肯定不会符合个人的需求的，无论如何都要修改的。）

刚用Qt不久，网络上也搜不到类似的问题，也许是自己找不到，只能寄希望于Qt的demo，限制了自己的思想。可是目前没有更好的办法。

我的工程有几个要点，要能够保存和还原，箭头的首尾节点肯定要确定，或者说首尾节点的坐标一定要知道。

demo中的基本元素够了，我想只对arrow类作修改，希望能达到目标。

我先把我改造后的arrow类贴出来，然后再试图分析一下。

头文件：

 /****************************************************************************

 **

 ** Copyright (C) 2016 The Qt Company Ltd.

 ** Contact: https://www.qt.io/licensing/

 **

 ** This file is part of the examples of the Qt Toolkit.

 **

 ** $QT_BEGIN_LICENSE:BSD$

 ** Commercial License Usage

 ** Licensees holding valid commercial Qt licenses may use this file in

 ** accordance with the commercial license agreement provided with the

 ** Software or, alternatively, in accordance with the terms contained in

 ** a written agreement between you and The Qt Company. For licensing terms

 ** and conditions see https://www.qt.io/terms-conditions. For further

 ** information use the contact form at https://www.qt.io/contact-us.

 **

 ** BSD License Usage

 ** Alternatively, you may use this file under the terms of the BSD license

 ** as follows:

 **

 ** "Redistribution and use in source and binary forms, with or without

 ** modification, are permitted provided that the following conditions are

 ** met:

 **   * Redistributions of source code must retain the above copyright

 **     notice, this list of conditions and the following disclaimer.

 **   * Redistributions in binary form must reproduce the above copyright

 **     notice, this list of conditions and the following disclaimer in

 **     the documentation and/or other materials provided with the

 **     distribution.

 **   * Neither the name of The Qt Company Ltd nor the names of its

 **     contributors may be used to endorse or promote products derived

 **     from this software without specific prior written permission.

 **

 **

 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS

 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT

 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR

 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT

 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,

 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT

 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,

 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY

 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT

 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE

 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."

 **

 ** $QT_END_LICENSE$

 **

 ****************************************************************************/

 #ifndef ARROW_H

 #define ARROW_H

 #include <QGraphicsLineItem>

 #include "diagramitem.h"

 QT_BEGIN_NAMESPACE

 class QGraphicsPolygonItem;

 class QGraphicsLineItem;

 class QGraphicsScene;

 class QRectF;

 class QGraphicsSceneMouseEvent;

 class QPainterPath;

 QT_END_NAMESPACE

 enum LineType {

     lineType1 = ,  //横竖

     lineType2,      //竖横

     lineType3,      //横竖横

     lineType4       //竖横竖

 };

 //! [0]

 class Arrow : public QGraphicsLineItem

 {

 public:

     enum { Type = UserType +  };

     Arrow(DiagramItem *startItem, DiagramItem *endItem,

       QGraphicsItem *parent = );

     ~Arrow() {m_bDeleteFlag = true;}

     int type() const override { return Type; }

     QRectF boundingRect() const override;

     QPainterPath shape() const override;

     void setColor(const QColor &color) { myColor = color; }

     DiagramItem *startItem() const { return myStartItem; }

     DiagramItem *endItem() const { return myEndItem; }

     void setItemId(QString startItemId ,QString startEndId);

     void updatePosition();

     QString getStartId(){return startId;}

     QString getEndId(){return endId;}

     void setStartItem(DiagramItem *startItem){ myStartItem = startItem; }

     void setEndItem(DiagramItem *endItem){ myEndItem = endItem; }

     void setArrowFlag(bool IsArrow){bisArrow = IsArrow;}

     bool getArrowFlag(){return bisArrow;}

     bool getDeleteFlage() {return m_bDeleteFlag;}

     void DrawArrow(QPainter *painter, QPointF startPt, QPointF endPt, bool bArrow);

     void ThreeLine(QPainter *painter, QPointF startPt, QPointF endPt);//三段线

     void TwoLine(QPainter *painter, QPointF startPt, QPointF endPt); //两段线

     //void SetLineStyle(bool bVhvLine);//线段的折线风格

     //void SetLineType(int nLineType);//线段的数量

     void SetLineType(LineType lineType);

     int GetLineType() {return m_lineType;}

     void DrawLine(QPainter *painter, QPointF startPt, QPointF endPt);

 protected:

     void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget = ) override;

 private:

     DiagramItem *myStartItem;

     DiagramItem *myEndItem;

     QColor myColor;

     QPolygonF arrowHead;

     QString startId;

     QString endId;

     bool bisArrow;

     bool m_bDeleteFlag;//

     LineType m_lineType;

     //bool m_bVhvLine;//true三段线，竖横竖; false三段线 横竖横

     //bool m_bVhLine;// true两段线 竖横; false 两段线 横竖

     //int m_nLineType;//2-2段线，3-3段线

 };

 inline void Arrow::setItemId(QString startItemId ,QString startEndId){

     startId = startItemId;

     endId = startEndId;

 }

 //! [0]

 #endif // ARROW_H

cpp文件：

 /****************************************************************************

 **

 ** Copyright (C) 2016 The Qt Company Ltd.

 ** Contact: https://www.qt.io/licensing/

 **

 ** This file is part of the examples of the Qt Toolkit.

 **

 ** $QT_BEGIN_LICENSE:BSD$

 ** Commercial License Usage

 ** Licensees holding valid commercial Qt licenses may use this file in

 ** accordance with the commercial license agreement provided with the

 ** Software or, alternatively, in accordance with the terms contained in

 ** a written agreement between you and The Qt Company. For licensing terms

 ** and conditions see https://www.qt.io/terms-conditions. For further

 ** information use the contact form at https://www.qt.io/contact-us.

 **

 ** BSD License Usage

 ** Alternatively, you may use this file under the terms of the BSD license

 ** as follows:

 **

 ** "Redistribution and use in source and binary forms, with or without

 ** modification, are permitted provided that the following conditions are

 ** met:

 **   * Redistributions of source code must retain the above copyright

 **     notice, this list of conditions and the following disclaimer.

 **   * Redistributions in binary form must reproduce the above copyright

 **     notice, this list of conditions and the following disclaimer in

 **     the documentation and/or other materials provided with the

 **     distribution.

 **   * Neither the name of The Qt Company Ltd nor the names of its

 **     contributors may be used to endorse or promote products derived

 **     from this software without specific prior written permission.

 **

 **

 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS

 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT

 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR

 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT

 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,

 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT

 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,

 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY

 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT

 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE

 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."

 **

 ** $QT_END_LICENSE$

 **

 ****************************************************************************/

 #include "arrow.h"

 #include <qmath.h>

 #include <QPen>

 #include <QPainter>

 #include <QDebug>

 //! [0]

 Arrow::Arrow(DiagramItem *startItem, DiagramItem *endItem, QGraphicsItem *parent)

     : QGraphicsLineItem(parent)

 {

     m_bDeleteFlag = false;//20191121 sdl

     myStartItem = startItem;

     myEndItem = endItem;

     setFlag(QGraphicsItem::ItemIsSelectable, true);

     myColor = Qt::black;

     setPen(QPen(myColor, , Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));

     bisArrow = true;

     if(myStartItem){startId = myStartItem->getItemId();}

     if(myEndItem){endId = myEndItem->getItemId();}

     m_lineType = LineType::lineType1;

 }

 //! [0]

 //! [1]

 QRectF Arrow::boundingRect() const

 {

     qreal extra = (pen().width() + ) / 2.0;

     return QRectF(line().p1(), QSizeF(line().p2().x() - line().p1().x(),

                                       line().p2().y() - line().p1().y()))

         .normalized()

         .adjusted(-extra, -extra, extra, extra);

 }

 //! [1]

 //! [2]

 QPainterPath Arrow::shape() const

 {

     QPainterPath path = QGraphicsLineItem::shape();

     path.addPolygon(arrowHead);

     return path;

 }

 //! [2]

 //! [3]

 void Arrow::updatePosition()

 {

     QPointF endPt = mapFromItem(myEndItem, , );

     QLineF line(mapFromItem(myStartItem, , ), endPt);

     setLine(line);

 }

 //! [3]

 //! [4]

 void Arrow::paint(QPainter *painter, const QStyleOptionGraphicsItem *,

           QWidget *)

 {

     if(myStartItem == NULL || myEndItem == NULL) return;

     if(myStartItem->GetDeleteFlag() || myEndItem->GetDeleteFlag()) return;

     if (myStartItem->collidesWithItem(myEndItem))

         return;

     QPointF start = myStartItem->pos();

     QPointF end = myEndItem->pos();

     if(qFuzzyCompare(start.x(), end.x())){ //如果在同一竖直或水平线时，直接连接两节点中心点

         DrawArrow(painter, start, end, true);

         return;

     }

     if (qFuzzyCompare(start.y(), end.y())) {

         DrawArrow(painter, start, end, true);

         return;

     }

     DrawLine(painter, start, end);

 //    if(m_nLineType == 2){

 //        TwoLine(painter, start, end);

 //    }

 //    else if (m_nLineType == 3) {

 //        ThreeLine(painter, start, end);

 //    }

 }

 //! [7]

 void Arrow::DrawArrow(QPainter *painter, QPointF startPt, QPointF endPt, bool bArrow)

 {

     if(endPt == QPointF(, )){

         return;

     }

     QPen myPen = pen();

     myPen.setColor(myColor);

     qreal arrowSize = ;

     painter->setPen(myPen);

     painter->setBrush(myColor);

 //! [4] //! [5]

     QLineF centerLine(startPt, endPt);

     QPolygonF endPolygon;

     endPolygon = myEndItem->polygon();

     QPointF p1 = endPolygon.first() + endPt;

     QPointF p2;

     QPointF intersectPoint;

     QLineF polyLine;

     for (int i = ; i < endPolygon.count(); ++i) {

         p2 = endPolygon.at(i) + endPt;

         polyLine = QLineF(p1, p2);

         QLineF::IntersectType intersectType =

             polyLine.intersect(centerLine, &intersectPoint);

         if (intersectType == QLineF::BoundedIntersection)

             break;

         p1 = p2;

     }

     setLine(QLineF(endPt, startPt/*myStartItem->pos()*/));

 //! [5] //! [6]

     if (bArrow){

         setLine(QLineF(intersectPoint, startPt/*myStartItem->pos()*/));//如果是箭头所在的线

     }

     double angle = std::atan2(-line().dy(), line().dx());

     QPointF arrowP1 = line().p1() + QPointF(sin(angle + M_PI / ) * arrowSize,

                                     cos(angle + M_PI / ) * arrowSize);

     QPointF arrowP2 = line().p1() + QPointF(sin(angle + M_PI - M_PI / ) * arrowSize,

                                     cos(angle + M_PI - M_PI / ) * arrowSize);

     arrowHead.clear();

     arrowHead << line().p1() << arrowP1 << arrowP2;

 //! [6] //! [7]

     painter->drawLine(line());

     //是否画箭头

     if(bArrow){

         painter->drawPolygon(arrowHead);

     }

     if (isSelected()) {

         painter->setPen(QPen(myColor, , Qt::DashLine));

         QLineF myLine = line();

         myLine.translate(, 4.0);

         painter->drawLine(myLine);

         myLine.translate(,-8.0);

         painter->drawLine(myLine);

     }

 }

 void Arrow::ThreeLine(QPainter *painter, QPointF start, QPointF end)

 {

     if(m_lineType == LineType::lineType4){

         qreal midY = (start.y() + end.y()) / ;

         QPointF startPt = myStartItem->pos();

         QPointF endPt = myEndItem->pos();

         endPt.setX(startPt.x());

         endPt.setY(midY);

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt.setX(myEndItem->pos().x());

         endPt.setY(startPt.y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt = myEndItem->pos();

         DrawArrow(painter, startPt, endPt, true);

     }

     else if(m_lineType == LineType::lineType3){

         qreal midX = (start.x() + end.x()) / ;

         QPointF startPt = myStartItem->pos();

         QPointF endPt = myEndItem->pos();

         endPt.setX(midX);

         endPt.setY(startPt.y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt.setX(startPt.x());

         endPt.setY(myEndItem->pos().y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt = myEndItem->pos();

         DrawArrow(painter, startPt, endPt, true);

     }

 }

 void Arrow::TwoLine(QPainter *painter, QPointF startPt, QPointF endPt)

 {

     if(m_lineType == LineType::lineType2){

         endPt.setX(startPt.x());

         endPt.setY(endPt.y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt = myEndItem->pos();

         DrawArrow(painter, startPt, endPt, true);

     }

     else if(m_lineType == LineType::lineType1){

         endPt.setY(startPt.y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt = myEndItem->pos();

         DrawArrow(painter, startPt, endPt, true);

     }

 }

 //void Arrow::SetLineStyle(bool bVhvLine)

 //{

 //    m_bVhvLine = bVhvLine;

 //}

 void Arrow::SetLineType(LineType lineType)

 {

     if(lineType > lineType4 || lineType < lineType1)

         m_lineType = lineType1;

     else{

         m_lineType = lineType;

     }

 }

 void Arrow::DrawLine(QPainter *painter, QPointF start, QPointF end)

 {

     if(m_lineType == LineType::lineType4){

         qreal midY = (start.y() + end.y()) / ;

         QPointF startPt = myStartItem->pos();

         QPointF endPt = myEndItem->pos();

         endPt.setX(startPt.x());

         endPt.setY(midY);

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt.setX(myEndItem->pos().x());

         endPt.setY(startPt.y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt = myEndItem->pos();

         DrawArrow(painter, startPt, endPt, true);

     }

     else if(m_lineType == LineType::lineType3){

         qreal midX = (start.x() + end.x()) / ;

         QPointF startPt = myStartItem->pos();

         QPointF endPt = myEndItem->pos();

         endPt.setX(midX);

         endPt.setY(startPt.y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt.setX(startPt.x());

         endPt.setY(myEndItem->pos().y());

         DrawArrow(painter, startPt, endPt, false);

         startPt = endPt;

         endPt = myEndItem->pos();

         DrawArrow(painter, startPt, endPt, true);

     }

     else if(m_lineType == LineType::lineType2){

         end.setX(start.x());

         end.setY(end.y());

         DrawArrow(painter, start, end, false);

         start = end;

         end = myEndItem->pos();

         DrawArrow(painter, start, end, true);

     }

     else if(m_lineType == LineType::lineType1){

         end.setY(start.y());

         DrawArrow(painter, start, end, false);

         start = end;

         end = myEndItem->pos();

         DrawArrow(painter, start, end, true);

     }

     else {//默认是linetype1

         m_lineType = LineType::lineType1;

         end.setY(start.y());

         DrawArrow(painter, start, end, false);

         start = end;

         end = myEndItem->pos();

         DrawArrow(painter, start, end, true);

     }

 }

这个类中，有一些代码冗余。

我在这里分了四类画线方式，即头文件中的LineType。在横竖横和竖横竖的类型中，中间线段取的是中点画线。箭头首尾的节点都有了，保存也可以的。也可以根据个人情况修改箭头类。

操作：编辑图形时，基本图形时拖拽到场景中的。连线不是拖拽，是单击选中一种类型，在场景中连接两个基本图形即可。选中一个画线方式，再次拖拽基本图形或右键鼠标后，需要再次选择画线方式，才能再次画线。右键鼠标会出现右键菜单，打开、保存、删除。保存，保存场景中图形为xml；打开，打开保存的xml文件；删除，可删除基本图形或者箭头。注意：删除基本图形时，如果基本图形有连线，连线也会被删除。

还有一些功能待完善，如修改基本图形的名称等。

结果图：

稍后把代码传到csdn。如果博客园能上传代码就好了。

qt 带箭头的直线 （类似viso）的更多相关文章

  1. MFC中如何画带实心箭头的直线

    工作中遇到话流程图的项目,需要画带箭头的直线,经过摸索,解决:思路如下: (1) 两个点(p1,p2)确定一个直线,以直线的一个端点(假设p2)为原点,设定一个角度 (2)以P2为原点得到向量P2P1 ...

  2. Leaflet 带箭头轨迹以及沿轨迹带方向的动态marker

    前面写了篇文章,mapboxgl实现带箭头轨迹线,介绍了如何基于mapboxgl实现类似高德地图导航轨迹效果. 下图是我基于leaflet实现的效果. 接下来分享一下在我基于leaflet实现该效果时 ...

  3. 不得不吐槽的Android PopupWindow的几个痛点（实现带箭头的上下文菜单遇到的坑）

    说到PopupWindow,我个人感觉是又爱又恨,没有深入使用之前总觉得这个东西应该很简单,很好用,但是真正使用PopupWindow实现一些效果的时候总会遇到一些问题,但是即便是人家的api有问题, ...

  4. 使用纯CSS实现带箭头的提示框

    爱编程爱分享,原创文章,转载请注明出处,谢谢!http://www.cnblogs.com/fozero/p/6187323.html 1.全部代码 <!DOCTYPE html> < ...

  5. popover带箭头弹框

    我们先来看一下效果吧: 分析:这个带箭头的弹框其实是一个控制器,通过Modal方式展现,但跟传统模态方式效果不一样,我们一眼就能看出. Xib方式实现popover: 1.segue的时候选择Pres ...

  6. css实现带箭头选项卡

    这阵子在做一个web端项目中遇到一个问题,需要实现带箭头的选项卡点击可切换.起初没想太多,直接切一个向上的小箭头图片,外层div设置相同颜色的边框,再用相对定位和绝对定位.这种方法是可行的,但是因为手 ...

  7. div+css实现圆形div以及带箭头提示框效果

    .img{ width:90px; height:90px; border-radius:45px; margin:0 40%; border:solid rgb(100,100,100) 1px;& ...

  8. iOS 新浪微博-2.0 搜索框/标题带箭头/下拉菜单

    不管是搜索框还是下拉菜单,我们都需要对背景的图片进行拉伸.定义一个Category分类对图片进行操作. UIImage+Effect.h #import <UIKit/UIKit.h> @ ...

  9. iOS 带箭头菜单选项弹窗LFPopupMenu

    一.效果图 由于是模拟器缩得比较小,一些细线可能显示不出来,不是bug哈. 二.用法 LFPopupMenuItem *item1 = [LFPopupMenuItem createWithTitle ...

随机推荐

  1. python 异常之进阶操作

    1.文件分析 下面来做一些文件分析操作,分析整本书的信息. 知识点: string.split():将字符串分解为列表. open(filename,‘rb’)或者open(filename,enco ...

  2. Rust语言Actix-web框架连接Redis数据库

    Rust语言Actix-web框架连接Redis数据库 actix-web2.0终于发布了,不再是测试版本,基于actor系统再加上异步支持,使得actix-web成为了目前响应速度最快的服务器框架, ...

  3. （三）（2）wait/notify实现生产者-消费者模型，join方法

    生产者,消费者模型 举个例子来说明,厨师,服务员,厨师做菜,服务员上菜,如果厨师没有做好菜,那么服务员就无法上菜,厨师做好了菜,然后通知服务员消费(上菜).在这个过程之中,厨师扮演的就是生产者,服务员 ...

  4. Thread.yield( )方法

    Java线程中的Thread.yield( )方法,译为线程让步.顾名思义,就是说当一个线程使用了这个方法之后,它就会把自己CPU执行的时间让掉,让自己或者其它的线程运行,注意是让自己或者其他线程运行 ...

  5. Go语言实现：【剑指offer】合并两个排序的链表

    该题目来源于牛客网<剑指offer>专题. 输入两个单调递增的链表,输出两个链表合成后的链表,当然我们需要合成后的链表满足单调不减规则. Go语言实现: //递归 func merge(l ...

  6. 【C++】随机数引擎

    rand() 基本:使用随机数时,经常见到的是C标准库提供的函数rand(),这个函数会生成一个0到RAND_MAX之间的一个整形数: 分布:为了得到一个给定范围内的随机数,通常会对生成的随机数取余: ...

  7. SpringBoot嵌入式Servlet配置原理

    SpringBoot嵌入式Servlet配置原理 SpringBoot修改服务器配置 配置文件方式方式修改,实际修改的是ServerProperties文件中的值 server.servlet.con ...

  8. ELK日志分析平台

    ELK日志分析平台 ELK(1):  ELK-简介 ELK(2):  ELK-安装环境和安装包 ELK(3):  ELK-安装elasticsearch ELK(4):  ELK-安装logstash ...

  9. Go语言基础之面向对象编程中

    1 Golang面向对象编程基本介绍 Golang仍然有面向对象编程的继承,封装和多态的特性,只是实现的方式和其它OPP语言不一样,随后分别介绍Golang对面向对象编程的三大特性是如何实现的. 2 ...

  10. 干货！手把手教你使用数据可视化BI软件创建企业变更流程监控大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以企业变更流程监控大屏为例 ...