快捷搜索:  汽车  科技

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)3、插入文本编辑 在文字组件,点击【副标题】在屏幕内创建“副标题”文本框,点击【数据】,修改内容,教程中根据场景需求,这里修改为“港口简介”,回到样式界面,对文字字体、字号、颜色,进行修改,调整文本框大小,放到合适的位置。最后,同样重复上述步骤,再创建一个“港口概览”。1、主标题编辑 首先在工具栏找到文字组件,点击【主标题】在屏幕内创建“主标题”文本框,点击【数据】,修改文字内容,回到样式界面,可对文字字体、字号、颜色,进行修改,点击居中。字体间距根据需求进行调整,最后确定本文框大小和位置。2、副标题编辑

在上节零基础入门课程里,从基础介绍,功能简介、项目管理、账号管理等方面全面了解了KDPlus平台,今天我们从文字和图片两个控件教学,开始2D面板的搭建。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(1)

2D面板是服务于业务的,让业务指标和数据合理展现。由于展现的是一个项目全局的业务,一般分为主要指标和次要指标两个层次,主要指标反映核心业务,次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重。

文字控件教学

文字控件教学共有四个内容,分别是主标题文字、副标题文字、插入文本和跑马灯。主标题是面板总标题,常见的位置是画布正上方、左上角,一般字体最大;其余文字控件可以按层级划分:副标题是模块的标题,模块标题下辖多个小模块和组件;插入文本则组成模块或组件的内容,面板内容十分繁多的情况下可以下设更多级别的标题。

1、主标题编辑

首先在工具栏找到文字组件,点击【主标题】在屏幕内创建“主标题”文本框,点击【数据】,修改文字内容,回到样式界面,可对文字字体、字号、颜色,进行修改,点击居中。字体间距根据需求进行调整,最后确定本文框大小和位置。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(2)

2、副标题编辑

在文字组件,点击【副标题】在屏幕内创建“副标题”文本框,点击【数据】,修改内容,教程中根据场景需求,这里修改为“港口简介”,回到样式界面,对文字字体、字号、颜色,进行修改,调整文本框大小,放到合适的位置。最后,同样重复上述步骤,再创建一个“港口概览”。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(3)

3、插入文本编辑

在文字组件,点击【插入文本】在屏幕内创建文本框,点击【数据】,编辑文本内容,支持快速复制与粘贴,然后再对文本进行字体、字号、颜色样式修改,点击【确定】,回到样式界面,修改文字对齐方式,移动文本框放置到合适的位置。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(4)

4、跑马灯编辑

跑马灯在业务侧一般用于紧急告警或事件的通知。在文字组件,点击【跑马灯】在屏幕内创建跑马灯文本框,点击【数据】,修改内容,再在样式列表对文字字体、字号、颜色、粗细,间距进行修改。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(5)

图片控件教学

图片控件教学内包含两个内容,分别是图片设置与轮播图片设置。在面板搭建时,图片的合理运用可有效让面板看起来更加生动。图片轮播功能可在首页对多组图片进行轮播展示,通过简单的方式,达到最大的效果。

1、本地图片与外链图片

在组件栏找到【多媒体】,点击【本地图片】,即可上传本地图片,单击鼠标左键即可在面板创建图片,在【样式】界面可精确设置图片大小、位置,或通过鼠标对其进行缩放。在【图片样式】可设置图片倒影、透明度和混合模式。

外链图片效果与本地图片相同,只需在组件栏找到【多媒体】,点击【外链图片】,复制外链链接即可。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(6)

2、本地轮播与外链轮播

在组件栏找到【多媒体】,点击【本地轮播】,按住Ctrl即可上传多组本地图片,单击鼠标左键即可在面板创建图片,或在【数据】点击【修改】也可添加多组图片。在【样式】界面可精确设置图片大小、位置,或通过鼠标对其进行缩放。在【图片样式】可设置图片倒影、透明度和混合模式。

外链轮播效果与本地轮播相同,只需在组件栏找到【多媒体】,点击【外链轮播】,复制外链链接即可。

top widgets怎么去水印(KDPlus企业级数字孪生应用开发平台)(7)

猜您喜欢: