流畅的UI交互动画是提升用户体验的关键。主菜单点击后,子菜单若能以平滑淡出的方式展开或收起,而非生硬地瞬间切换,能显著增强界面的专业感和流畅度, 本文将详解该动效的实现方法与实操要点。 &nbs p; 1.在左侧组件库中,添加两个“横向菜单”组件至项目中。接着在左侧看板图层中选中对应组件,右键重命名为“主菜单”和“子菜单”便于后续添加交互时快速区分识别。2.选中主菜单,添加“交互”, 触发“选中”事件,“动作”选择“修改设置”,“目标组件”选择“指定组件”,“指定组件”为“子菜单”,“设置项”选择“不透明度”,并将其值设为 “100%”。3.选择子菜单,添加“交互”,触发“选中”事...
朝乐朝乐
在制作项目时,有时候我们可能需要通过弹窗来显示多组数据,这时如果使用多个弹窗会非常不方便。下面我们就来看一下,该如何通过一个弹窗来展示多组数据。1. 首先,在项目上分“数据”处点击“添加数据”。2. 将数据添加进去,然后点击“确定”。3. 接着添加一个“弹窗”组件。4. 同时,根据需要添加“单行文本”组件和“指标卡”组件填充弹窗内容。5. 选中需要发生变化的数据,在“样式”的设置项中,打开“扩展设 置”,选择“生成数据字段”。6. 将数据字段添加进去,同时开启“受其他组件联动”,其余几个需要产生变化的数据同样依此进行设置。7. 关闭弹窗,添加一个“基础数据表格”组件。8. 设置“基础数据表格”组...
沧澜沧澜
在数据可视化和表格应用中,直观展示数值变化是提升数据阅读效率的关键,让表格根据数据变化自动显示升降箭头图片,也成为各类业务报表、监控表的常见需求。这一功能如何实现落地?本文将围绕此展开具体说明,为数据 与视觉标识的联动配置提供实操思路。1.在左侧组件库中选择“基础数据表格”组件,添加到项目中。接着给数据表格添加数据。2.在左上角,选择“数据”添加“数据条件”。接着选择“添加条件”,点击“新建条件”选 择需要判断的字段名以及判断条件。 3. 选中数据表格,选择“样式”进入“列配置”,找到“内容列”后选择需做判断的字段,最后在“列背景图片”中选择对应展示的图片,此处图片是未依据数据条件...
朝乐朝乐
在通过数据表格展示数据时,我们有时会需要直观显示当前所选择数据是否满足要求,此时我们就可以通过设置数据表格与指标卡组件的数据联动,来实现直观的数据筛选。下面我们就来看一下,该如何设置数据表格联动指标卡 并使其根据数值改变颜色。1. 首先,在左侧组件库中选择“基础数据表格”和“基础指标卡”组件,添加到项目中。2. 接着,选中指标卡组件,并点击“字体”设置旁的“扩展设置”按钮。3. 然后在“扩展设置”菜 单中点击“条件样式”。4. 点击右侧按钮,打开数据条件设置界面。5. 在数据条件设置界面中,点击“新建分组”,然后根据需要设置数据条件,例如以下是筛选出年龄大于24岁的设置。6. 设置完成后点击“确认...
沧澜沧澜
语音告警功能是系统异常通知、关键事件提醒的重要方式,相较于文字、弹窗告警,其具备更强的即时性和提醒效果,能有效避免告警信息被忽略。接下来,就为大家详细演示语音告警功能的具体操作方法。1.在“媒体”中添 加音频组件。2.在左上角“数据”点击添加“数据条件”。接着点击“添加条件”再点击“新建条件”,勾选需要判断的字段以及判断值。3.选中音频组件,在“样式”中开启“自动播放”,再进入“扩展样式”,点击“条 件样式”。接着,勾选上述添加的数据条件。4.若是只想有声音,不想显示组件,可以开启“隐藏控制条”。...
朝乐朝乐
当数据表格中的数据量庞大,直接查询目标内容会耗费大量时间且效率低下时,模糊查询就成为了高效检索的实用技巧。接下来,就为大家详细演示模糊查询的具体操作方法。1.在”控件”中添加搜索框组件。接着在“样式” 中 开启“模糊搜索”。2.在“文本”中添加基础数据表格组件。接着勾选数据。3.选中搜索框组件,在“数据”中开启“联动其他组件”。接着在“数据“下找到“搜索字段”勾选需要查询的字段。4.选中数据表格组件 ,在“数据”中开启”受其他组件联动”。最终效果如下图所示:...
朝乐朝乐
首先,创建一个三维场景项目,同时导入标记点数据。接着添加一个“数据表格组件”,将需要的数据字段添加到表格字段中,并开启“数据联动”中的“受其他组件联动”。然后添加一个自由标记点,放在任意位置。选中“基 础标记组”将标记点数据添加进去,坐标类型选择“空间坐标”,并开启“数据联动”中的“联动其他组件”,最后删除刚才添加的自由标记点。这样就设置完成了,效果如下图所示:...
沧澜沧澜
想要使下拉菜单呈现出树状图的形式,需要使用JSON数据。如果下拉菜单想要联动其它组件,那么需要为其他组件绑定相同字段名称的数据。下面是简单的图文教程,也可以点击链接查看详细的视频教程:使用山海鲸下拉菜 单组件实现树状图效果,并联动其他组件数据。在山海鲸可视化中创建并打开一个空白项目,在组件库中查找并添加一个下拉菜单组件。点击左上角的“数据-添加数据”来导入我们的JSON数据,示例中使用Excel文件 来储存。在示例中将使用下拉菜单来联动数据表格组件数据,它们的相同字段名为“json数据”。下拉菜单组件所绑定的数据如表格所示:json数据  [{"label":"one1","v...
独角鲸独角鲸
在山海鲸可视化软件中,列表组件通常是作为一个容器来使用(类似文件夹),所以列表内部为空的时候无法使用,一般都需要在其内部添加一些其他的组件,通常用来展示文字、图片、视频等媒体组件,也可以通过数据生成多 个相同样式的组件。下面是简单的图文教程,也可以点击链接查看详细的视频教程:山海鲸列表组件通过数据生成多个相同样式的组件。在山海鲸可视化中创建并打开一个空白项目,在组件库中查找并添加列表组件。我们选中列 表组件,然后在数据中删除绑定的分组字段。接着在列表组件中分别添加一个基础多行文本、基础单行文本组件和图片组件,并调整它们的大小和位置。然后我们需要使用数据来填充组件的内容,并且生成多个相同样式的组件,...
独角鲸独角鲸
在山海鲸可视化软件中,结合项目参数可以实现访客管理对组件的显示隐藏控制,也就是不同的用户登录可以看到不同的组件,图文教程如下,也可以点击链接查看具体的视频教程:结合项目参数实现访客管理对组件的显示隐藏 控制。打开山海鲸可视化,首先点击左上方“新建”按钮创建一个空白项目。输入项目名称,然后点击“创建项目”按钮。项目创建成功后会自动打开,这里添加一个 “3D GIS底座”来制作一个基础的大屏。然后我们在 项目编辑界面点击“项目”菜单,打开“项目设置”,设置访客可以使用的“项目参数”,在“项目参数”中添加一个参数:user,并将参数默认值设置为“1”。接下来我们需要对“访客管理”进行设置,点击“添加访客...
独角鲸独角鲸
在不进行任何设置的情况下,直接在3D地图上添加标记点是无法显示的。这时我们需要调整标记组中标记点的大小,同时关闭标记主体的LOD。具体设置方式请参看教程:【实战案例】鲸孪生3D地图上添加和显示标记点
沧澜沧澜
在山海鲸可视化软件中,时间选择器组件可以联动数据表格组件,来展示某一时间的数据,以达到数据筛选的效果,图文教程如下,也可以点击链接查看具体的视频教程。打开山海鲸可视化,首先点击左上方“新建”按钮创建一 个空白项目。输入项目名称,然后点击“创建项目”按钮。项目创建成功后会自动打开,然后点击左上方的“数据-添加数据”。导入我们提前准备好的数据文件,这里使用Excel文件进行演示。导入成功后可以在该面板预 览数据,确认无误后,点击右下角的“确定”按钮。然后在组件库中搜索并添加“时间选择器”组件和“数据表格”组件。点击选中“时间选择器”组件,在“数据”中绑定刚才导入的本地数据。展开“联动字段绑定”设置,将...
独角鲸独角鲸
在山海鲸可视化软件中,时间范围选择器组件可以联动数据表格组件,来展示某一时间段的数据,我们也可以通过设置项目参数,然后更新项目参数来实现数据库数据的动态获取,不需要使用数据联动,就可以让数据表格展示对 应时间段的数据,具体操作如下:首先,打开我们的项目,点击左上方的“数据-添加数据”。使用SQL语句动态获取数据库中的数据。在项目中添加一个时间范围选择器组件和一个数据表格组件。点击左上方的“项目-项目 设置”。添加两个项目参数,分别为“startTime”和“endTime”,并设置参数默认值。选中“时间范围选择器”组件,添加一个新的交互,触发设置为“时间改变时”,动作设置为“空动作”,设置该交互的...
独角鲸独角鲸
今天我们一起来看一下,如何设置点击倾斜摄影标记点展示720三维漫游全景图。首先,创建一个空白GIS3D场景。然后在左侧“GIS”中添加一个倾斜摄影。由于该倾斜摄影自身位置并未对齐地面,因此这里需要手动 调整倾斜摄影的高度偏移为400。接着在左侧“标绘”中选择一种标记点,并在倾斜摄影上添加三个标记点。选中左侧标记组图层,在右侧“样式”中将标记点“缩放”提高到10。相机视角的调整需要使用漫游相机,因此我 们需要先在左侧的“相机”中选择一个漫游相机添加到场景中。漫游相机同样将高度位置设置为400,这里我们还需要开启上方的滚轮控制FOV,这样在720全景中就可以通过滚轮推进或拉远视角了。设置完成后选中左侧...
沧澜沧澜
今天为大家介绍一下,如何通过数据动态生成鲸孪生管道标绘。一、新建项目1.首先我们先新建一个包含城市三维模型的项目。2. 然后点击上方“数据”中的“添加数据”按钮,导入提前准备好的管道坐标数据,其中“坐 标数据”字段为管道标绘的空间坐标系。二、添加管道标绘1. 双击进入鲸孪生组件的“编辑模式”,然后点击左侧菜单栏中的“标绘”,添加一个管道标绘。2. 接下来,我们删除这个管道,使用数据动态生成管道,点击 右上角的“数据”,将坐标类型修改为“空间坐标”。3. 然后在下方“看板公共数据”中,将坐标数据绑定到管道坐标字段中。4. 这样我们就完成了所有的设置,实现根据数据动态生成鲸孪生管道标绘的效果。...
独角鲸独角鲸

热门话题

#Windows系统
#组件状态
# 组件大小
#内外通信
#日期格式

推荐文章

暂无内容

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5