跳到主要内容
InteractionLevel 3

Long Press

长按

Mobile上手难度: 中等

手指按住不放半秒,弹出一排选项或者进入多选模式。

01

Live Demo

真的可以点
  • IMG_0231 海岸线

  • DSC_4478 城市夜景

  • IMG_0155 旧照片

按住任意一项试试

按住一项不放(约半秒)—— 会有震动和视觉高亮,然后弹出菜单。移开手指会取消。

你刚才看到的这个:iOS 长按 App 图标弹出「删除 / 重命名 / 分享」,安卓长按图片弹出「保存 / 编辑 / 删除」,长按照片进入多选。

02

它到底是什么

Long Press 是「没有第二层屏幕时」的处理方式。它把低频操作藏进一个不显眼的时长里——但也带来了「我不知道要按多久」的困惑,所以必须有视觉和触觉反馈。

长按long press长按手势按住press and hold
03

Anatomy · 它由什么组成

  1. Hold Threshold按住时长

    约 500ms

  2. Feedback反馈

    震动 + 高亮,必须有

  3. Menu弹出菜单

    或进入多选模式

  4. Cancel取消

    移开或松手即取消

04

When to Use

什么时候该用 / 不该用
Long Press 使用场景建议
情况推荐
需要有低频操作但不想占用界面空间用
需要进入多选模式用
需要拖拽但想限制误触用
这是主要操作不用
用户不知道可以长按视情况

长按的时长(通常 500ms)必须给反馈:震动 + 视觉变化,否则用户以为没点到。

不要用长按承载唯一的关键操作。

05

Similar Patterns

别搞混
06

怎么告诉 AI

三层 Prompt

补上组件名和具体内容

给列表项加长按:按住 500ms 后震动并弹出操作菜单(编辑/分享/删除),手指移动超过 10px 或提前松手则取消。

07

不要只对 AI 说

Bad → Better

不要这样对 AI 说

长按可以弹出菜单。

改成这样说

加 Long Press:pointerdown 启动 500ms 定时器,move 超过 10px 距离即清除(避免误触滚动),触发时震动 + 视觉高亮双重反馈,菜单定位在长按点附近,pointerup/cancel 清除定时器。

08

分享这张卡

社交平台友好

把这个 Pattern 做成 3:4(小红书)或 1:1(X / Reddit)的知识卡片,在浏览器里直接导出 PNG,不需要后端。