ThingsX App 如何上传自定义背景图?

6/5/2024

articles/2023/20240606224832_eb045c4e2845a70049c8e5d498613012.png

在本周的新功能发布中,我们很高兴为 ThingsX App 带来了自定义背景图功能,它将帮助您在物联网项目或产品开发中,实现更加个性化的创意,让每一种物联网设备都能拥有独一无二的用户界面和交互体验。

全新支持的自定义背景图,包括背景底图背景装饰图,它们和最底层的背景色,以及顶层的组件层,共同构成了整体的设备界面,如下图:

articles/2023/20240606230004_49414d94e31cf6f5bf7f4eac3a9f2006.png

如何上传背景底图

进入设备类型的 App 设备面板编辑器,在右侧全局设置中,勾选“显示背景底图”选项,点击下方的“选择图片”按钮,选择电脑中的图片,您可以在线裁剪图片的可用区域,完成图片上传。

背景底图会平铺在整个界面中,自动等比例缩放,画质会略有压缩,以便缩短加载时间。

articles/2023/20240606230259_1c12d710badb5bcecabebd0e1013a5b0.png

您可以调节背景底图的透明度,和底层的背景单色或渐变色融为一体,实现更多的创意效果。

这里我们上传了一张具有科技感的个性化背景图,如下图:

articles/2023/20240606135855_bbe188a662f05834abc9c309a9ad8a88.png

如何上传背景装饰图

背景装饰图位于背景底图的上一层。装饰图通常展示Logo、装饰纹理或产品图片,支持 PNG 半透明图片,且不会被系统裁剪和自动压缩。

在右侧全局设置中,勾选“显示背景装饰图”选项,点击下方的“选择图片”按钮,选择电脑中的图片,即可完成上传。

如下图,使用产品图片作为背景装饰图,上层仍然可以覆盖组件。

articles/2023/20240606141538_9deba030455b3bc735e9816587dad5d1.png

背景装饰图支持更多的个性化选项,包括透明度、宽度、位置、是否重复,利用好这些样式选项,可以组合出各种意想不到的效果,期待您的探索!

通过这项新功能,您可以上传自己设计或精心挑选的背景图,无论是优雅的底图还是富有创意的装饰图,都能在 ThingsX App 的编辑器中轻松实现。

是不是很简单?快来试试吧!

物联网设备接入 ThingsCloud ,请参考 设备接入指南

关于 ThingsCloud

ThingsCloud 是新一代物联网设备统一接入平台,帮助企业在极短的时间内搭建个性化的物联网平台和应用,并适应不断变化的发展需求。目前广泛应用于制造、电力、能源、环境、农业、楼宇、家居、教育、交通、物流、自动化等领域。

ThingsCloud 可接入各类网关,传感器、执行器、控制器、通信模组、智能硬件等,实现数据采集、远程控制,数据分析、告警通知、智能联动。还可以零代码生成项目应用 SaaS 和用户应用 App,并开放 API 和实时消息,便于业务系统集成和扩展开发。

通过使用 ThingsCloud,企业可以大大缩短搭建物联网系统的时间,节省软件开发费用,降低定制开发的风险,快速落地数字化和智能化项目。我们的客户遍布各行业,包括中国石化、中国铁塔、中国燃气、吉林大学、北控水务、ACE、中国民航大学、西安交通大学、精量电子、大秦铁路、宁波水利局等。

立即搭建您的物联网平台?

接入物联网设备,搭建可视化看板,生成 App,仅需不到 30 分钟。

进入控制台

5000+ 企业在使用 ThingsCloud

更多博客

应用场景

全球 80% 的数据将来自物联网,不论是传统行业还是新兴行业,都将利用更多有价值的数据来驱动业务,实现降本增效。