医院/商场:触摸导览与查询
适合医院大厅、商场导视、展厅资料屏和服务查询机。本例制作一个固定菜单+右侧内容的导览:点击“楼层分布”“服务信息”“到达路线”,只切换右侧内容,底部可以返回首页。
这里展示的是预先整理好的地图和说明,不包含自动室内定位、实时排队、挂号或业务系统数据接入。若已有相应网页系统,可在基础导览完成后再接入网页。
第一步:准备首页和三个内容页
准备 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% | 一份简短提示文字 |
每个按钮都是独立子屏幕,不能把三个按钮作为三张轮播图放进同一个区域。按钮需要同时可见,而右侧内容页放在同一子屏幕中切换。
第三步:让右侧等待用户选择
- 选中“内容区”,按表格顺序加入 4 张图片,确保首页排在第一位。
- 将素材名称改成
首页、楼层分布、服务信息、到达路线,便于后面选择目标。 - 图片选择“包含”,先确保地图和文字完整显示。
- 打开“内容区”的子屏幕参数,开启固定播放和禁止手动滑动,关闭随机播放。
- 各按钮区域只保留一份文字或按钮图片,不需要轮播。
固定播放让内容等待点击选择,禁止手动滑动避免观众随手拖到其他页。右侧在点击后会保持当前内容,直到再次选择或重新进入节目。
第四步:给第一个按钮配置动作
以“楼层分布”为例:
- 选中子屏幕“按钮-楼层分布”,打开卡片右下角的蓝色铅笔按钮。
- 滑到面板底部“点击跳转”,点击“添加事件”。
- 选择“内置控件”,再选择“子屏跳转”。
- 在目标表格里找到子屏幕“内容区”,从该行的素材下拉框选择“楼层分布”。
- 返回上级,保留这条动作;暂时不要给其他目标子屏幕选择素材。
这个动作配置在按钮子屏幕上。按钮里的文字只负责显示名称,右侧“楼层分布”图片仍留在内容区,不要把它搬到左侧按钮里。
第五步:补齐其他按钮和返回首页
按同样方法配置剩余动作:
| 点击哪个子屏幕 | 动作类型 | 目标子屏幕 | 目标素材 |
|---|---|---|---|
| 按钮-楼层分布 | 子屏跳转 | 内容区 | 楼层分布 |
| 按钮-服务信息 | 子屏跳转 | 内容区 | 服务信息 |
| 按钮-到达路线 | 子屏跳转 | 内容区 | 到达路线 |
| 按钮-返回首页 | 子屏跳转 | 内容区 | 首页 |
所有按钮都切换同一个内容区,只是选择的素材不同。先只配置这四条动作,确认流程完整后再增加子菜单或第三方页面。
返回首页要单独配置
本例是在原节目中切换右侧素材,没有打开一个新的跳转页面。节目参数中的“自动返回时间”不能作为这个内容区的无操作复位计时器;本例通过“返回首页”按钮复位。需要自动回首页的完整交互流程时,应另行设计并实际验证。
第六步:如果还要支持遥控器
触摸查询先完成点击事件即可。需要遥控器时,再为三个菜单按钮和“返回首页”开启“是否申请焦点”,设置清楚的焦点颜色,边框粗细可先保持默认 3。
标题、右侧内容区和纯提示文字通常不申请焦点。这样移动焦点时,用户主要在真正可操作的按钮之间选择;确认键执行相应的点击动作。
焦点外观见子屏幕参数,自动隐藏焦点见节目参数。焦点只是选择提示,单独开启焦点不会自动生成点击动作。
第七步:在预览和实际设备上逐项测试
先预览,再保存并投到一台触摸设备:
- 初次进入,右侧显示首页。
- 点击每个按钮,右侧都显示对应内容,左侧菜单仍然可见。
- 点击“返回首页”,右侧恢复首页。
- 等待超过素材原停留时间,右侧不应自动跳到下一页。
- 拖动右侧不应翻页;使用遥控器时,各按钮可以获得焦点并执行确认。
编辑状态点击主要用于选中区域,不能代替播放测试。普通不支持触摸的电视只能用已配置的遥控交互,不能靠软件让屏幕具备触摸硬件能力。
扩展和维护
更新地图或说明时,在原内容素材中选择新文件并保存。如果删除旧素材再新建,原按钮可能仍指向已删除的目标,需要重新核对动作表。新增内容后,也应逐个测试原有按钮。
如果想点击后打开独立网页、PDF、子节目或第三方应用,继续看交互式节目制作。基础导览使用本地素材时无需在线查询服务;在线页面和外部接口仍取决于显示端能否访问对应网络。