在本周的新功能发布中,我们很高兴为 ThingsX App 带来了自定义背景图功能,它将帮助您在物联网项目或产品开发中,实现更加个性化的创意,让每一种物联网设备都能拥有独一无二的用户界面和交互体验。
全新支持的自定义背景图,包括背景底图和背景装饰图,它们和最底层的背景色,以及顶层的组件层,共同构成了整体的设备界面,如下图:
如何上传背景底图
进入设备类型的 App 设备面板编辑器,在右侧全局设置中,勾选“显示背景底图”选项,点击下方的“选择图片”按钮,选择电脑中的图片,您可以在线裁剪图片的可用区域,完成图片上传。
背景底图会平铺在整个界面中,自动等比例缩放,画质会略有压缩,以便缩短加载时间。
您可以调节背景底图的透明度,和底层的背景单色或渐变色融为一体,实现更多的创意效果。
这里我们上传了一张具有科技感的个性化背景图,如下图:
如何上传背景装饰图
背景装饰图位于背景底图的上一层。装饰图通常展示Logo、装饰纹理或产品图片,支持 PNG 半透明图片,且不会被系统裁剪和自动压缩。
在右侧全局设置中,勾选“显示背景装饰图”选项,点击下方的“选择图片”按钮,选择电脑中的图片,即可完成上传。
如下图,使用产品图片作为背景装饰图,上层仍然可以覆盖组件。
背景装饰图支持更多的个性化选项,包括透明度、宽度、位置、是否重复,利用好这些样式选项,可以组合出各种意想不到的效果,期待您的探索!
通过这项新功能,您可以上传自己设计或精心挑选的背景图,无论是优雅的底图还是富有创意的装饰图,都能在 ThingsX App 的编辑器中轻松实现。
是不是很简单?快来试试吧!
物联网设备接入 ThingsCloud ,请参考 设备接入指南。
关于 ThingsCloud
ThingsCloud 是新一代物联网设备统一接入平台,帮助企业在极短的时间内搭建个性化的物联网平台和应用,并适应不断变化的发展需求。目前广泛应用于制造、电力、能源、环境、农业、楼宇、家居、教育、交通、物流、自动化等领域。
ThingsCloud 可接入各类网关,传感器、执行器、控制器、通信模组、智能硬件等,实现数据采集、远程控制,数据分析、告警通知、智能联动。还可以零代码生成项目应用 SaaS 和用户应用 App,并开放 API 和实时消息,便于业务系统集成和扩展开发。
通过使用 ThingsCloud,企业可以大大缩短搭建物联网系统的时间,节省软件开发费用,降低定制开发的风险,快速落地数字化和智能化项目。我们的客户遍布各行业,包括中国石化、中国铁塔、中国燃气、吉林大学、北控水务、ACE、中国民航大学、西安交通大学、精量电子、大秦铁路、宁波水利局等。