Skip to content

医院/商场:触摸导览与查询 ​

适合医院大厅、商场导视、展厅资料屏和服务查询机。本例制作一个固定菜单+右侧内容的导览:点击“楼层分布”“服务信息”“到达路线”,只切换右侧内容,底部可以返回首页。

这里展示的是预先整理好的地图和说明,不包含自动室内定位、实时排队、挂号或业务系统数据接入。若已有相应网页系统,可在基础导览完成后再接入网页。

第一步:准备首页和三个内容页 ​

准备 4 张布局清楚的图片,并使用容易辨认的文件名:

文件名示例展示内容
00_home.png欢迎页:“请点击左侧菜单查询”
01_floors.png楼层/科室/店铺分布
02_services.png服务台、卫生间、无障碍设施等说明
03_route.png入口、停车场或办事路线图

地图和说明应来自场地方确认的资料。若包含较多文字,先简化成清楚的目录、位置和提示;需要大量资料搜索时,另考虑“素材搜索”控件,不必把所有内容堆在一张图里。

第二步:创建横屏导览布局 ​

新建横屏 16:9 节目,名称为 大厅-触摸导览。也可以从“平板交互查询”类模板生成自己的副本,再按本例整理区域和动作。

左侧三个查询按钮、右侧内容区和返回首页按钮的布局示意

子屏幕名称横向起止纵向起止放入的内容
导览标题0% → 100%0% → 12%一份标题文字
按钮-楼层分布0% → 26%12% → 38%一份文字或按钮图片
按钮-服务信息0% → 26%38% → 64%一份文字或按钮图片
按钮-到达路线0% → 26%64% → 90%一份文字或按钮图片
内容区26% → 100%12% → 90%4 张内容图片
按钮-返回首页0% → 26%90% → 100%一份“返回首页”文字
操作提示26% → 100%90% → 100%一份简短提示文字

每个按钮都是独立子屏幕,不能把三个按钮作为三张轮播图放进同一个区域。按钮需要同时可见,而右侧内容页放在同一子屏幕中切换。

第三步:让右侧等待用户选择 ​

  1. 选中“内容区”,按表格顺序加入 4 张图片,确保首页排在第一位。
  2. 将素材名称改成 首页、楼层分布、服务信息、到达路线,便于后面选择目标。
  3. 图片选择“包含”,先确保地图和文字完整显示。
  4. 打开“内容区”的子屏幕参数,开启固定播放和禁止手动滑动,关闭随机播放。
  5. 各按钮区域只保留一份文字或按钮图片,不需要轮播。

固定播放让内容等待点击选择,禁止手动滑动避免观众随手拖到其他页。右侧在点击后会保持当前内容,直到再次选择或重新进入节目。

第四步:给第一个按钮配置动作 ​

以“楼层分布”为例:

  1. 选中子屏幕“按钮-楼层分布”,打开卡片右下角的蓝色铅笔按钮。
  2. 滑到面板底部“点击跳转”,点击“添加事件”。
  3. 选择“内置控件”,再选择“子屏跳转”。
  4. 在目标表格里找到子屏幕“内容区”,从该行的素材下拉框选择“楼层分布”。
  5. 返回上级,保留这条动作;暂时不要给其他目标子屏幕选择素材。

这个动作配置在按钮子屏幕上。按钮里的文字只负责显示名称,右侧“楼层分布”图片仍留在内容区,不要把它搬到左侧按钮里。

第五步:补齐其他按钮和返回首页 ​

按同样方法配置剩余动作:

点击哪个子屏幕动作类型目标子屏幕目标素材
按钮-楼层分布子屏跳转内容区楼层分布
按钮-服务信息子屏跳转内容区服务信息
按钮-到达路线子屏跳转内容区到达路线
按钮-返回首页子屏跳转内容区首页

所有按钮都切换同一个内容区,只是选择的素材不同。先只配置这四条动作,确认流程完整后再增加子菜单或第三方页面。

返回首页要单独配置

本例是在原节目中切换右侧素材,没有打开一个新的跳转页面。节目参数中的“自动返回时间”不能作为这个内容区的无操作复位计时器;本例通过“返回首页”按钮复位。需要自动回首页的完整交互流程时,应另行设计并实际验证。

第六步:如果还要支持遥控器 ​

触摸查询先完成点击事件即可。需要遥控器时,再为三个菜单按钮和“返回首页”开启“是否申请焦点”,设置清楚的焦点颜色,边框粗细可先保持默认 3。

标题、右侧内容区和纯提示文字通常不申请焦点。这样移动焦点时,用户主要在真正可操作的按钮之间选择;确认键执行相应的点击动作。

焦点外观见子屏幕参数,自动隐藏焦点见节目参数。焦点只是选择提示,单独开启焦点不会自动生成点击动作。

第七步:在预览和实际设备上逐项测试 ​

先预览,再保存并投到一台触摸设备:

  1. 初次进入,右侧显示首页。
  2. 点击每个按钮,右侧都显示对应内容,左侧菜单仍然可见。
  3. 点击“返回首页”,右侧恢复首页。
  4. 等待超过素材原停留时间,右侧不应自动跳到下一页。
  5. 拖动右侧不应翻页;使用遥控器时,各按钮可以获得焦点并执行确认。

编辑状态点击主要用于选中区域,不能代替播放测试。普通不支持触摸的电视只能用已配置的遥控交互,不能靠软件让屏幕具备触摸硬件能力。

扩展和维护 ​

更新地图或说明时,在原内容素材中选择新文件并保存。如果删除旧素材再新建,原按钮可能仍指向已删除的目标,需要重新核对动作表。新增内容后,也应逐个测试原有按钮。

如果想点击后打开独立网页、PDF、子节目或第三方应用,继续看交互式节目制作。基础导览使用本地素材时无需在线查询服务;在线页面和外部接口仍取决于显示端能否访问对应网络。