iOS
共 97 条已发布词条给出了 iOS 平台结论:75 条原生支持、22 条需自己实现。
原生支持 · 75 条
iOS 提供官方实现,词条内附官方出处。
按钮
操作它是一个可以按下的界面元素,按下后会立即执行一项明确的操作。
背景色
外观铺在元素内容后面的那一层颜色,用来把这块区域和周围分开。
边框
外观沿着元素轮廓画出来的一条线,用来标明它的边界在哪里。
表格
展示它用行和列对齐同一类数据,让用户沿着同一字段比较多个项目。
不透明度
外观整个元素连同它里面的内容一起变透明的程度。
步进器
输入它用增加和减少两个操作,让数值按固定步长一格一格变化。
菜单
浮层它在临时浮层中列出一组操作或命令,用户选择一项后通常会立即关闭。
侧边导航抽屉
导航它从屏幕侧边显示主要导航入口,可以临时覆盖内容,也可以在宽屏上一直展开。
层叠顺序
布局两个元素在屏幕上重叠时,决定谁画在上面、谁被盖在下面的先后次序。
单行输入框
输入它让用户输入或编辑一行文字,通常配有标签、提示和错误说明。
底部标签栏
导航它是固定在页面底部的一排入口,用来在几个同级的主要页面之间来回切换。
底部操作列表
浮层它是在当前操作需要你从少量选项里立刻做决定时,从屏幕底部出现的一列操作。
底部滑出面板
浮层从屏幕底部向上滑出、盖住部分屏幕的临时面板。
顶部导航栏
导航它是页面最上方显示标题、返回入口和当前页面操作的一条区域。
动效时长
动效一个动画从开始到结束要花多久,时间长短决定它是一闪而过还是看得清。
度量表
反馈它显示一个已知范围内的当前数值和相对水平,例如容量、评分或信号强弱。
对话框
浮层它暂时盖在当前界面上,要求用户阅读信息、确认决定或完成一个短任务后再继续。
多行输入框
输入它让用户输入和编辑较长文字,可以换行并容纳多段内容。
分段控制器
输入它把少量互斥选项并排连在一起,点其中一格就会立即切换当前选择或内容。
分割线
布局它用一条细线或明显间隔把相邻内容分组,让层级和阅读边界更清楚。
分栏视图
布局它把相关内容并排放进两个或多个区域,让用户保留上下文并同时查看详情。
分页指示点
导航它用一排短小标记显示当前位于一组页面中的第几页,并提示还有多少页。
工具栏
操作它把当前页面最常用的操作集中放在一条区域中,便于快速重复使用。
骨架屏
反馈它是在真实内容还没加载出来时,先用灰色块勾出页面大致结构的占位画面。
滚动区域
布局它在固定可见区域中容纳更长内容,用户通过滑动、滚轮或键盘查看其余部分。
滑块
输入它让用户沿着一段连续范围拖动位置,快速选择一个数值或一段区间。
缓动曲线
动效动画在这段时间里是匀速走完,还是先快后慢、先慢后快。
徽标
反馈它用一个很小的标记显示数量、状态或是否有新内容,通常依附在另一个元素旁边。
加载指示器
反馈表示程序正在处理的忙碌动效 —— 环形、旋转,或其他不沿轨道延展的形状动画。
间隔
布局同一个容器里,相邻项目之间由容器统一留出的空隙。
进度条
反馈一条沿轨道延展的横条,用填充表示事情进行到哪一步;不知道还剩多少时,条本身也可以只是动着。
警告框
反馈它用醒目的方式告知紧急或重要情况,通常要求用户确认后才能继续。
开关
输入它表示一个设置当前是开还是关,用户切换后通常会立即生效。
空状态
反馈它在列表或搜索结果没有内容时说明当前情况,并告诉用户接下来可以做什么。
控件强调色
外观勾选框、单选钮、滑杆这类控件在选中或激活时用的那个主色。
宽高比
布局元素的宽和高之间保持的比例,窗口变化时按这个比例一起缩放,而不是各缩各的。
链接
操作它把用户带到另一个页面、文件或位置,通常用文字表达要去的目标。
列表
展示它把一组同类项目按顺序排列,通常每项占一行并可进入详情或执行操作。
轮播
展示它在有限区域中逐项展示一组内容,用户可以横向切换到前后项目。
媒体播放器
展示它播放声音或视频,并提供播放、暂停、进度、音量和全屏等常用控制。
内边距
布局元素内容和自己边框之间的那段空隙,让内容不贴着边缘。
内容裁剪
布局内容超出容器范围时,把露在外面的部分切掉不显示。
内容模糊
外观把元素自己的内容画成模糊的,让它退到视觉后面或遮住细节。
屏幕键盘
输入它在触摸设备上显示可点击按键,让用户输入文字、数字或其他字符。
气泡浮层
浮层它贴着触发它的元素显示一小块临时内容,关闭后用户仍留在原来的上下文中。
前景色
外观文字和图标自己显示出来的颜色,跟它们后面的底色是两回事。
日期选择器
输入它让用户从日历或年月日控件中选择一个日期,也可以选择一段日期范围。
时间选择器
输入它让用户选择一天中的具体时刻,通常包含小时、分钟和时制。
实时活动卡
反馈它在系统显眼位置持续更新一个正在进行的任务,让用户随时查看进度并执行少量操作。
树状列表
展示它用缩进和展开状态显示父子层级,用户可以逐层打开或收起分支。
搜索框
输入它接收用户想查找的词,并把当前内容缩小到相关结果或跳转到搜索结果页。
图表
展示它把数值关系画成柱、线、点或其他图形,帮助用户比较大小和看出变化。
图片视图
展示它在界面中显示一张图片,并控制图片的缩放、裁切和替代说明。
网页视图
展示它把一个网页内容嵌进当前应用或页面中,并在受控区域里显示和导航。
文件选择器
输入它打开系统提供的文件界面,让用户挑选一个或多个文件交给当前应用。
系统分享面板
浮层它调用系统提供的分享界面,让用户选择联系人、应用或其他目标来发送当前内容。
系统快捷控制
操作它把应用的一项常用操作放进系统快捷面板,让用户无需进入应用即可执行。
系统任务结果卡
反馈它在系统搜索或语音任务结束时显示简短结果,也可以要求确认或提供一个后续操作。
系统通知
反馈它由系统在应用外显示重要更新,让用户稍后查看或直接执行少量操作。
系统状态栏
布局它由操作系统显示时间、网络和电量等设备状态,应用只能有限地调整外观和避让方式。
下拉刷新
反馈它让用户在列表顶部继续向下拖动,通过松手触发内容重新加载。
行高
排版一行文字所占的高度,决定上下两行之间看起来有多挤。
行数截断
排版限定一段文字最多显示几行,超出的部分收起来不再往下撑。
选择菜单
输入它先收起一组选项,用户打开后从中选择一项或少量几项。
颜色选择器
输入它让用户从色板、色谱或已保存颜色中选择一个具体颜色。
阴影
外观在元素周围投出的一片暗影,让它看起来浮在别的内容之上。
应用快捷入口
操作它从系统桌面、搜索或快捷入口直接启动应用中的某个常用任务。
圆角
外观把元素的直角拐角变成圆弧,以及这段圆弧有多大。
展开收起项
展示它让一段附加内容在原地展开或收起,标题始终留在原来的位置。
主屏小组件
展示它把应用的少量信息或操作放到系统主屏幕等位置,用户无需打开应用即可查看。
字段标签
展示它用简短文字说明一个输入项或控件的用途,并与对应控件建立明确关系。
字号
排版文字本身有多大,同一段里标题通常比正文大一些。
字距
排版同一行里字与字之间的横向间隙,调宽会显得疏朗,调窄会显得紧凑。
字体族
排版这段文字用哪一套字,以及系统里找不到那套字时按什么顺序往下退。
字重
排版文字笔画有多粗,加粗之后同样大小的字看起来更重。
需自己实现 · 22 条
iOS 原生没有现成实现,词条会解释通行做法。
按钮组
操作它把几项彼此相关的操作放在一起,让用户能快速看见并选择其中一项。
标签胶囊
输入它用紧凑的圆角小块表示一个筛选条件、输入值、属性或快捷操作。
侧边导航轨
导航它把几个主要页面入口竖直排在屏幕侧边,可以是窄窄的一条,也可以展开得更宽、放下更多入口。
侧边面板
浮层它从屏幕侧边出现,承载与主内容相关的详情、筛选或辅助任务。
拆分按钮
操作它把一个常用操作和与它相关的更多选项放在同一个分成两块的按钮里。
单选按钮
输入它让用户在一组互相排斥的选项中只选一个,并始终显示全部可选项。
动态信息流
展示它按时间或相关性连续排列内容项目,用户向下浏览时可以继续加载更多。
浮动按钮菜单
操作它从一个浮动按钮展开少量相关操作,收起时只占一个按钮的位置。
浮动操作按钮
操作它浮在页面内容上方,用一个醒目的按钮承载当前界面最重要的主要操作。
复选框
输入它让用户在一组选项里同时选中零项、一项或多项,每项都可以独立开关。
卡片
展示它把围绕同一个主题的信息和操作放进一个边界清楚的内容块里。
可操作数据表
展示它在行列网格中展示数据,并允许用户移动焦点、选择、排序或编辑单元格。
可输入选择框
输入它把文字输入和候选列表放在一起,用户既能输入,也能从匹配结果中选择。
面包屑导航
导航它按层级列出当前位置到起点的路径,让用户知道自己在哪并能返回上层。
内容标签页
导航它在同一个区域里切换几组同级内容,切换后页面的主要位置保持不变。
评分控件
输入它用一排符号表示等级,让用户查看或选择一个有限范围内的评分。
轻提示
反馈操作完成后短暂出现、过几秒自己消失的提示条。
手风琴折叠组
展示它把多段内容收在各自标题下面,用户点击标题后展开或收起对应内容。
树状数据表
展示它把可展开的父子层级和多列表格结合,让用户同时查看结构与各项字段。
数字输入框
输入它让用户直接输入数值,并可以限制范围、步长和允许的小数位数。
外边距
布局元素边框以外留出的空隙,用来把它和周围的东西推开。
悬停提示
浮层它在用户指向或聚焦某个控件时短暂显示简短说明,不承载需要操作的内容。