触摸滑轨屏怎么做:在滑动的屏上加触摸
给滑轨屏加触摸,听起来只是多接一根线的事。真正难的是,同一块屏上有了两种输入:推,是改变位置;点,是改变内容。两种输入撞在一起,观众就会觉得这块屏”不听话”。
一块”点不准也推不顺”的屏
常见情形是这样的:甲方看了别处的滑轨屏,希望自己的更进一步——推到某个展位,屏上出现几个热点按钮,观众点一下弹出详情图文或视频。方案做出来了,开放后问题接连出现:
- 观众双手扶着屏的两侧边缘去推,手指按在触摸区域边上,推的过程中屏上弹出了一个详情页;
- 观众站在屏前点按钮,手指稍微用力,屏被轻轻推动了一点,画面跟着位置切到了下一段,刚弹出的详情页被关掉了;
- 详情页开着的时候,另一位观众从旁边把屏推走,详情页跟着屏一起走,内容和墙面完全对不上。
这些都不是触摸器件的质量问题,而是交互设计没想清楚。这篇就讲怎么让”推”和”点”在同一块屏上和平共处。滑轨屏的基本原理先看滑轨屏原理百科。
先分清两种输入
触摸滑轨屏上有两路独立的输入:
- 位置输入:来自定位器件(点位感应或编码器、拉线、测距),告诉系统屏在哪;
- 触摸输入:来自触摸框或触摸屏,告诉系统观众点了屏上哪里。
这两路输入进入的是同一台主机、同一个播放软件。设计的核心问题就是:在任何时刻,由谁说了算。
最简单也最有效的规则是”移动时位置说了算,停稳后触摸说了算”:屏在移动的时候,触摸输入被忽略;屏停稳了,触摸才生效。“停稳”怎么判定,和触发防抖用的是同一套思路——位置波动范围小于阈值 D、并持续一段时间才算停稳,详见滑轨屏触发区间与防抖。
冲突场景与处理办法
把现场最常见的几类冲突列成一张表,方案里逐条写明处理规则:
| 冲突场景 | 观众看到的现象 | 建议的处理规则 |
|---|---|---|
| 推屏时手按到触摸区域 | 推着推着弹出了详情页 | 移动中锁定触摸;推手位置避开触摸区 |
| 点屏时用力把屏推动了 | 刚点开的内容被切走 | 触摸按下后短时间内冻结位置触发,或位置变化要超过更大的阈值才切换 |
| 详情页打开时屏被推走 | 详情内容和墙面对不上 | 检测到明显移动即自动关闭详情页,回到位置内容 |
| 多人同时操作 | 一人推、一人点,画面来回跳 | 以位置为优先,详情页关闭;必要时加提示”请等待” |
| 讲解员演示时观众乱点 | 讲解内容被打断 | 讲解模式下关闭观众触摸或只保留讲解员操作区 |
| 电动屏自动运行时有人触摸 | 屏在动,触摸无响应或误响应 | 自动运行期间锁定触摸;有人触摸可作为暂停自动运行的信号 |
表里的”短时间""更大的阈值”同样不要写死,做成配置项现场调。电动屏自动运行、定点停靠的逻辑,以及讲解模式怎么接管,分别见电动滑轨屏和手推滑轨屏怎么选和互动滑轨屏播放功能设计。
触摸器件:红外框和电容屏的定性差异
触摸滑轨屏最常见的两类触摸技术是红外触摸框和电容触摸。这里只做定性比较,具体性能以厂商参数为准。
红外触摸框
红外触摸框是一个套在屏幕外沿的框,框的四边布满发射和接收管,在屏幕表面织出一张看不见的光网。手指挡住光线,系统就知道点在了哪里。
放在滑轨屏上,它有几个特点:
- 任何东西挡光都算触摸:手指、手掌、袖口、甚至贴近屏面的衣角都会被识别。观众扶着屏边推的时候,手很容易伸进光网里,这是推屏误触的主要来源;
- 框有厚度:框会凸出屏面一圈,和屏的边框叠加,屏在墙前的整体厚度会增加,影响屏与墙面之间的间隙设计;
- 对屏体类型不挑:它是外挂在屏前面的,液晶、LED 屏理论上都能配,前提是框的尺寸与屏匹配;
- 环境光要留意:强光直射屏面时是否影响识别,要按厂商说明评估现场灯光条件。
电容触摸
电容触摸(常见的是投射式电容)把感应层做在屏前的玻璃上,和屏幕贴合成一体,外观更薄、更整洁,操作手感接近手机和平板。
放在滑轨屏上的特点:
- 对手掌大面积接触敏感:观众用手掌扶着屏面推,可能被识别为多点触摸或者误操作,需要软件做”大面积接触忽略”一类的处理,能否做到要问触摸方案提供方;
- 和屏体一体:通常是屏体厂家或触摸厂家做好的成品,后期更换不如外挂框灵活;
- 表面是玻璃:观众推的时候手会按在玻璃上,指纹、污渍会多,要纳入日常清洁。
一张表看差异
| 对比项 | 红外触摸框 | 电容触摸 |
|---|---|---|
| 识别原理 | 物体挡住屏前的红外光网 | 手指改变玻璃上感应层的电容 |
| 外观 | 屏前外挂一圈框,整体更厚 | 与屏贴合,外观更薄 |
| 推屏误触来源 | 手、袖口伸入光网即被识别 | 手掌大面积按在玻璃上 |
| 与屏体关系 | 外挂,屏体选择灵活 | 多为一体成品,更换不灵活 |
| 日常维护 | 框内侧积灰可能影响识别 | 玻璃表面指纹污渍多 |
| 适合 | 需要灵活换屏、预算有限 | 追求一体外观、交互细腻 |
屏体本身选液晶、LED 还是透明屏,以及它们和触摸的兼容性,在滑轨屏屏体选型里对比过。
硬件上先把”推”和”点”分开
软件能兜底,但最好的办法是从结构上让观众推的时候碰不到触摸区。
推手设计
给屏装明确的推手或把手,而不是让观众扶着屏边推。推手可以放在屏的两侧外沿或下沿,位置要在触摸区域以外。观众看到把手,自然会握着把手推,手就不会伸进触摸区。
推手的形态也在暗示观众怎么用:一个明显的把手告诉观众”这是用来推的”,屏面上的按钮图标告诉观众”这是用来点的”。两种信息分开,观众就不容易混。
触摸热点远离屏边
内容设计时,可点击的热点按钮不要贴着屏边放,尤其不要放在推手附近。热点集中在屏的中间区域,观众推屏时手就碰不到它们。
走线要算进去
触摸框或电容触摸屏通常通过 USB 连接主机。如果主机放在固定端,这根 USB 线就要跟着屏走,进拖链,而 USB 线在长度和反复弯曲方面都比较娇气。所以做触摸滑轨屏时,主机随屏几乎是首选:触摸线只在屏和随屏主机之间,很短,而且不动。走线方案的完整对比看滑轨屏供电与信号怎么走。
软件上的几条规矩
除了”移动时锁触摸、停稳后开放”这条总规则,还有几点细节:
- 详情页要有超时:观众点开详情页后走开了,详情页不能一直挂着,超时后自动关闭回到位置内容;
- 详情页和位置绑定:每个展位的热点只在屏停在这个展位时出现,屏离开这个展位,热点和详情页一起消失;
- 触摸反馈要明确:点下去要有即时的视觉反馈,否则观众以为没点中会反复点,甚至用力戳,把屏戳动;
- 触摸坐标要随屏校准:触摸框装好后要做一次触摸校准,确认点到哪里就响应哪里,屏拆装或更换后要重新校准;
- 异常时保底:触摸器件断连时,屏退化成纯滑轨屏照常工作,而不是弹出系统提示。
这些逻辑在播放软件里怎么实现,看滑轨屏软件开发。
内容设计:触摸要有值得点的东西
最后说一个非技术但很关键的问题:加了触摸,就要有值得点的内容。常见的失败是每个展位只放一个”查看详情”按钮,点开是一段和主画面差不多的文字。观众点过一次就不再点了。
触摸内容更适合放”主画面放不下、但有人想深挖”的东西:某件展品的多角度图片、某个人物的补充资料、某个年份的大事记列表。主画面负责讲故事,触摸负责给好奇的人多看一眼。触摸入口宜少不宜多,一个展位只放少量几个精选热点,比放一排按钮更容易被点。
常见问题
触摸滑轨屏用红外框还是电容屏? 没有绝对答案。红外框外挂、对屏体不挑、更换灵活,但任何东西挡光都算触摸,推屏误触风险更高;电容屏外观一体、手感细腻,但对手掌大面积按压敏感,且多为一体成品。先定推手和触摸区的布局,再看哪种更容易避开误触。
能不能让观众边推边点,比如推着屏的时候也能操作? 不建议。推的时候屏在动,观众的注意力在推,点也点不准。按”移动时锁触摸、停稳后开放”设计,体验反而更稳定。
已经做好的滑轨屏,后期还能加触摸吗? 可以加,但要评估三件事:屏前有没有空间装触摸框(屏与墙的间隙会变)、触摸线怎么走到主机、软件能不能加上移动锁定逻辑。如果主机在固定端,USB 线进拖链的问题要先解决。
延伸阅读
“停稳”怎么判定、触发怎么防抖,看滑轨屏触发区间与防抖;触摸线怎么走,看滑轨屏供电与信号怎么走;屏体和触摸的兼容性,看滑轨屏屏体选型;讲解模式下怎么管理观众触摸,看互动滑轨屏播放功能设计;和其它互动屏体横向比较,看创意显示屏怎么选。
参考资料:CSDN:《滑轨电视互动原理》技术博文(滑轨屏手推式、电动式与定位触发方式的公开描述)。
想在滑轨屏上加触摸,又担心推和点打架?把屏的安装方式、推手位置和想放的触摸内容发给我们,联系我们一起过一遍交互规则。更多滑轨屏的结构、定位与内容做法,逛滑轨屏技术方案。
留言讨论
评论发布后会被人工复核,违规内容将被删除。
如果发表没有反应,可以前往联系我们告诉我们。