UI 组件
Ionic 应用程序由称为组件的高级构建块组成,这些构建块使您能够快速构建应用程序的 UI。Ionic 随附了许多组件,包括卡片、列表和标签。熟悉基本知识后,请参考 API 索引 以获取每个组件和子组件的完整列表。
操作表显示一组选项,可以选择确认或取消操作。
警报是为用户提供选择特定操作或操作列表的方法。
徽章是一个小型组件,通常向用户传达数值。
按钮让用户可以采取操作。它们是与应用程序交互和浏览应用程序的必要方式。
卡片是显示重要内容的好方法,可以包含图像、按钮、文本等。
复选框可用于让用户知道他们需要做出二元决策。
芯片是显示数据或操作的紧凑方法。
内容是与应用程序交互和浏览应用程序的本质方法。
日期和时间选择器用于呈现一个界面,使用户能够轻松选择日期和时间。
浮动操作按钮是圆形按钮,用于在屏幕上执行主要操作。
为 Web、iOS 和 Android 应用程序设计精美的图标。
网格是一个功能强大的移动优先系统,用于构建自定义布局。
无限滚动允许您在用户滚动浏览应用程序时加载新数据。
输入提供了一种方式,让用户在应用程序中输入数据。
项目是一个多用途的 UI 容器,可以用作列表的一部分。
列表可以显示信息行,例如联系人列表、播放列表或菜单。
导航是用户在应用程序的不同页面之间移动的方式。
菜单是一种常见的导航模式。它们可以永久显示在屏幕上,也可以在需要时显示。
模态从屏幕上滑动进出,以显示一个临时的 UI,通常用于登录或注册页面。
弹出窗口提供了一种轻松的方式,可以在不更改上下文的情况下显示信息或选项。
进度指示器可视化操作或活动的进度。
单选按钮允许您呈现一组排他选项。
刷新器在内容组件上提供下拉刷新功能。
搜索栏用于搜索或过滤项目,通常来自工具栏。
重新排序允许用户拖放重新排序项目列表。
路由允许根据当前路径进行导航。
段提供一组排他按钮,可用作过滤器或视图切换器。
选择类似于本机 HTML 选择,对排序和选择进行了一些改进。
标签启用标签式导航,这是一种现代应用程序中的标准导航模式。
Toast 用于在应用程序内容的顶部显示通知。它可以是临时的,也可以是可关闭的。
切换是用于二元选项的输入,通常用于选项和开关。
工具栏用于容纳与应用程序相关的信息和操作。