UI 组件
Ionic 应用由称为组件的高级构建块组成,这些组件可帮助您快速构建应用的用户界面。Ionic 内置了多种组件,包括卡片、列表和标签页。熟悉基础知识后,请参阅 API 索引 查看每个组件和子组件的完整列表。
手风琴组件可以在内容中提供可折叠的部分,以减少垂直空间占用,同时提供组织和分组信息的方式。
操作表组件显示一组选项,用户可以确认或取消某个操作。
警告框组件非常适合让用户选择特定操作或操作列表。
徽章组件是一个小型组件,通常用于向用户传达数值信息。
面包屑导航组件用于指示用户在应用中的当前位置。
按钮组件让用户可以执行操作。它们是用户与应用交互和导航的主要方式。
卡片组件是展示重要内容的绝佳方式,可以包含图像、按钮、文本等。
复选框组件可用于让用户知道他们需要做出二元选择。
标签组件是一种紧凑的显示数据或操作的方式。
内容组件是与应用交互和导航的核心方式。
日期和时间选择器组件提供了一个界面,使用户可以轻松选择日期和时间。
浮动操作按钮组件是圆形按钮,用于在屏幕上执行主要操作。
网格组件是一个强大的移动优先系统,用于构建自定义布局。
精心设计的图标组件,适用于 Web、iOS 和 Android 应用。
无限滚动组件允许在用户滚动应用时加载新数据。
输入组件为用户提供在应用中输入数据的途径。
条目组件是可以包含文本、图标、头像、图像、输入框以及任何其他原生或自定义元素的组件。条目可以被滑动、删除、重新排序、编辑等。
列表组件可以显 示多行信息,例如联系人列表、播放列表或菜单。
媒体组件集合,包括头像、图标、图像和缩略图,旨在增强视觉内容的呈现。
菜单组件是一种常见的导航模式。它们可以永久显示在屏幕上,也可以在需要时显示。
模态框组件在屏幕上滑入滑出以显示临时用户界面,通常用于登录或注册页面。
导航组件是用户在应用的不同页面之间移动的方式。
弹出框组件提供了一种无需改变上下文即可展示信息或选项的简便方式。
进度指示器组件可视化操作或活动的进度。
单选框组件允许您呈现一组互斥的选项。
范围滑块组件允许用户通过沿轨道拖动旋钮来选择值。
下拉刷新组件在内容组件上提供了下拉刷新功能。
重新排序组件允许用户通过拖放来重新排序项目列表。
路由组件允许基于当前路径进行导航。
搜索栏组件用于搜索或筛选项目,通常放置在工具栏中。
分段组件提供了一组互斥的按钮,可用作筛选器或视图切换器。
选择组件类似于原生 HTML 选择元素,但在排序和选择方面有一些改进。
标签页组件启用标签导航,这是现代应用中的标准导航模式。
轻提示组件是微妙的通知,出现在应用内容上方而不中断用户交互。
开关组件是用于二元选项的输入控件,常用于选项和开关。
工具栏组件用于放置与应用相关的信息和操作。
文本组件用于在应用程序中设置文本样式或更改文本颜色。