← 返回 iOS 词条

标签胶囊

iOS需自己实现

iOS 原生没有这个

苹果移动平台没有通用 Chip 组件,Token Field 的 HIG 条目主要面向桌面式输入场景。

通常怎么做:使用 Button、Toggle 或自定义流式布局;先明确它是筛选、输入值还是操作。

适用范围:iOS / iPadOS

社区一般叫它 Token · Chip

它用紧凑的圆角小块表示一个筛选条件、输入值、属性或快捷操作。

  • 像小药丸一样写着一个词的按钮
  • 选中条件后出现的小圆条
  • 输入名字后变成一块可以删掉的标签
  • 信息胶囊
  • 筛选标签
  • 可操作标签

其他平台的相似实现

Web需自己实现
该平台没有原生实现

网页没有原生胶囊标签组件,需要根据它是按钮、选项还是输入值选择正确语义并自行实现。

看 Web 视角 →

使用规范

什么时候用

  • 用很小空间展示筛选、属性、已输入值或短操作,并且含义单一

什么时候别用

  • 文字很长、操作重要到需要普通按钮,或只是静态分类文字

iOS 出处

查看 Web / iOS / Android 完整对照 →