UI结构图

UI结构图，整理了数据源、绘制流程图、公共空间、保存发布的内容，希望对你有所帮助。

UI 结构图

• 数据源
  • 链接数据源
    • 双击空白
      • Data sources
        • 输入数据源
          • Load Ecc
  • 调整参数
    • Time control 001
      • Data
        • Aggregate 选择真实值Raw
• 绘制流程图
  • 基础画图
    • 拖拽长方形、圆形等图形
      • 画线段、折线；长按shift画位直线
        • 点击液位图标
          • 拖拽文本框
            • 选中直线，点击箭头
              • 点击图库，选择风机、泵、阀门等图形
                • 拖拽点位图标
  • 编辑功能
    • Color
      • Fill color
        • Fill effect
          • vertical gradient 选择白色和灰色绘出立体效果图
            • ok
    • Lines
      • Style
        • No line
    • Font
      • System
        • Size 10或12
          • Alignment 居中
    • General
      • 自定义边界大小
    • 组合
      • Arrange
        • Grouping
          • Group\Ungroup
    • 重叠、旋转
      • 全选图形，点击底部菜单栏重叠\旋转
  • 匹配点位数据
    • 双击点位，选择数据源Data
      • 粘贴数据源
        • Item 输入点位号（testtag01)
          • Aggregate 选择真实值
            • 填好后点击任意出方可保存
• 公共空间
  • 仪表盘类
    • 点击图库
      • 仪表盘、指针盘、进度条等
        • 匹配点位数据
  • 图表类
    • 点击趋势图
      • 匹配点位数据
• 保存发布
  • 保存
    • Save到c盘
      • 点击User
        • 找到自己名字文件夹
          • HMIweb 文档
            • LYG- MESAPP—TEST.SENNICS.com
  • 预览
    • 点击预览图标
  • 发布
    • File
      • Publish
        • 进入UI
          • 点击Insight
            • 点击New
              • 点击Workspace
                • 命名文件
                  • 点击Tiles
                    • 建立图形区域
                      • Search
                        • Graphics
                          • 选择命名文件，拖拽图形
                    • 建立图表区域
                      • Search
                        • Graphics
                          • 选择命名文件，拖拽图表
                    • 建立趋势图区域
                      • Search
                        • Tags
                          • 选择点位拖拽