← 返回 iOS 词条

搜索框

iOS原生支持

在 iOS 上叫Search Field

也叫 Search Bar

SwiftUI: searchable|UIKit: UISearchController

适用范围:iOS / iPadOS

它接收用户想查找的词,并把当前内容缩小到相关结果或跳转到搜索结果页。

  • 带放大镜让我输入关键词的框
  • 在这里打字找东西的地方
  • 输入名字就能筛结果的那一栏
  • 搜索输入框
  • 查询框
  • 检索字段

结构示意图

iOSSearch Field原生支持

其他平台的相似实现

Web原生支持
Search Input异名

原生元素提供搜索输入语义和清除行为,但结果列表仍由应用实现。

看 Web 视角 →

使用规范

什么时候用

  • 内容量较大,用户知道自己要找什么并能提供关键词

什么时候别用

  • 只有几项内容可以直接浏览,或筛选条件比关键词更重要

iOS 出处

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