跳至主要内容
版本: v8

UI 组件

Ionic 应用程序由称为组件的高级构建块组成,这些构建块使您能够快速构建应用程序的 UI。Ionic 随附了许多组件,包括卡片、列表和标签。熟悉基本知识后,请参考 API 索引 以获取每个组件和子组件的完整列表。

操作表

操作表显示一组选项,可以选择确认或取消操作。

警报

警报是为用户提供选择特定操作或操作列表的方法。

徽章

徽章是一个小型组件,通常向用户传达数值。

按钮

按钮让用户可以采取操作。它们是与应用程序交互和浏览应用程序的必要方式。

卡片

卡片是显示重要内容的好方法,可以包含图像、按钮、文本等。

复选框

复选框可用于让用户知道他们需要做出二元决策。

芯片

芯片是显示数据或操作的紧凑方法。

内容

内容是与应用程序交互和浏览应用程序的本质方法。

日期和时间选择器

日期和时间选择器用于呈现一个界面,使用户能够轻松选择日期和时间。

浮动操作按钮

浮动操作按钮是圆形按钮,用于在屏幕上执行主要操作。

图标

为 Web、iOS 和 Android 应用程序设计精美的图标。

网格

网格是一个功能强大的移动优先系统,用于构建自定义布局。

无限滚动

无限滚动允许您在用户滚动浏览应用程序时加载新数据。

输入

输入提供了一种方式,让用户在应用程序中输入数据。

项目

项目是一个多用途的 UI 容器,可以用作列表的一部分。

列表

列表可以显示信息行,例如联系人列表、播放列表或菜单。

导航

导航是用户在应用程序的不同页面之间移动的方式。

菜单

菜单是一种常见的导航模式。它们可以永久显示在屏幕上,也可以在需要时显示。

模态

模态从屏幕上滑动进出,以显示一个临时的 UI,通常用于登录或注册页面。

弹出窗口

弹出窗口提供了一种轻松的方式,可以在不更改上下文的情况下显示信息或选项。

进度指示器

进度指示器可视化操作或活动的进度。

单选按钮

单选按钮允许您呈现一组排他选项。

刷新器

刷新器在内容组件上提供下拉刷新功能。

搜索栏

搜索栏用于搜索或过滤项目,通常来自工具栏。

重新排序

重新排序允许用户拖放重新排序项目列表。

路由

路由允许根据当前路径进行导航。

段提供一组排他按钮,可用作过滤器或视图切换器。

选择

选择类似于本机 HTML 选择,对排序和选择进行了一些改进。

标签

标签启用标签式导航,这是一种现代应用程序中的标准导航模式。

Toast

Toast 用于在应用程序内容的顶部显示通知。它可以是临时的,也可以是可关闭的。

切换

切换是用于二元选项的输入,通常用于选项和开关。

工具栏

工具栏用于容纳与应用程序相关的信息和操作。