天津 重庆 南京 成都 济南 义乌 广州 佛山 贵阳 西安

如何在Niagara PX页面中使用PX组件——Bajaui

发布时间:2021年11月22日责任编辑:赵大生

大家晚上好,我是四个石头。很多同学在群里咨询关于Niagara px界面的知识,有很多组件和功能大家都不知道怎么使用,而很多帮助文档都是英文版的,这个确实对于英语底子不太好的同学是硬伤,不过大家不用担心Tridium团队的小伙伴们正在全力以赴地做Niagara文档的汉化资料。当然今后小编也会为大家多分享这类干货文章。

今天给大家分享:如何在Niagara PX页面中使用PX组件——Bajaui。

上一篇文章分享了如何在niagara中创建PX界面,详细的步骤大家可以参考上一篇文章,这里就不在赘述。

启动service服务后直接进入到niagara的workbench工作界面。

进入你的station工作站,然后在Files文件夹下通过右键New一个新的.px文件。

创建完成后双击进入你新建的.px文件,。

点击正上角的笔型图标就可以进入到你的.px文件的画板编辑模式了。

这里不得不夸赞一下Niagara Framework框架的功能强大,利用代码编辑和画板工具相结合开发出极简的拖拽编辑视图。这就大大的减少了现场开发设计调试的工程师的工作量,每一位做现场项目的工程师都不需要懂前端代码就可以实现对各个系统的前端视图设计。

首先给大家详细介绍一下在niagara中我们经常使用的用于制作前端视图的组件工具。

在左下图中点击palette文件按钮,然后在搜索框中输入需要搜索的组件。

Tips:当你不小心将你的palette工具箱关闭后可以在顶部菜单栏中的window菜单栏下的SideBar中找到。

Baja——基础组件容器,用于提供一些基础功能。比如在wire sheet中编辑文字,文件夹,用户服务,角色服务等。

Bajaui——封装基础UI组件的容器。

可以看到里面有三个封装有不同功能的文件夹。

  • Widgets——小工具,里面收藏了常用的组件包括,按钮标签,图片等。

  • Bound Table——绑定表格

  • Button——普通按钮,可以在这个按钮上增加跳转功能等。

  • Radio Button——用于制作单选按钮

  • Label——文字编辑标签,大家可以在这里编辑文字选择背景颜色,niagara集成了颜色选择器,可以很方便的选择你需要的颜色。

  • Picture——图片底板,这个对于你添加图标非常有用,可以实现图标同比例放大缩小。

  • Tips:双击picture进入后可以选择需要添加的图片,缩放比例一般,选择fit,或者fit rate 就可以完美适应,解决了很多同学问为什么添加的图片失真的问题。

  • Shape——形状,里面收藏了常用的包括圆,直线,曲线,多边形,矩形等。

  • Tips:将任何一个图形拖入到.px视图中进入编辑模式后双击对象进去就可以修改它的颜色大小等。

  • Panes——面包絮,这里封装的都是用于覆盖标签的各种面包框图。

    • 下面做一个将数据引入表格的例子。

    将BoundTable拖入到.px界面中,并双击BoundTable进入到properties中。

    点击+号选择Table Binding。

    可以看到属性表下面多了表格的属性参数配置项。

    点击进入后就选择Bql Query Builder,就可以通过你添加的条件来查找点位值了。

    查询结果如下:

     

    如果选择History Ord Chooser,就可以形成历史点位的表格。

    OK今天的分享就到这里。如果您是经验丰富的开发者,也不防来我们这里坐坐,大家共同交流心得。如果您是通用物联网平台Niagara的学习者,可以来我们群里获取第一手学习资料,加入我们的微信群,私信小编获取。

    后台回复关键词入群即可。

    网站简介 联系方式 隐私政策 投诉及建议 发展历程 垃圾信息处理邮箱tousu572@163.com
    icp备案号 浙ICP备10048612号 不良信息举报平台 互联网安全管理备案 Copyright 2021 www.100jianzhan.com All Rights Reserved