搜索文档 /

UI组件

betway东盟体育appIonic应用程序是由叫做Components的高级构件组成的,它允许你快速构建应用程序的UI。Ionic自带了许多组件,包括卡片、列表和标签。一旦你熟悉了基础,参考 API指数 获取每个组件和子组件的完整列表。

动作表单

操作表单显示一组选项,这些选项具有确认或取消操作的能力。

警报

提醒是一种很好的方式,可以让用户选择特定的操作或操作列表。

徽章

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

按钮

按钮让您的用户采取行动。它们是与应用交互和浏览应用的基本方式。

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

复选框

复选框可用于让用户知道他们需要做出二进制决定。

芯片

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

内容

内容是与应用交互和浏览应用的典型方式。

日期和时间选择器

日期和时间选择器用于呈现一个界面,使用户可以方便地选择日期和时间。

浮动操作按钮

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

图标

精美设计的图标,用于Web,iOS,Android和桌面应用程序。

网格

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

无限卷动

无限滚动允许你加载新的数据,当用户滚动通过你的应用程序。

输入

输入为用户提供了一种方法,以便在您的应用中输入数据。

Items是一个通用的UI容器,可以作为列表的一部分使用。

列表

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

导航

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

菜单

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

模态

Modals滑进和滑出屏幕来显示一个临时UI,通常用于登录或注册页面。

弹出窗口

弹出窗口提供了一种简单的方式来显示信息或选项,而不需要改变上下文。

进度指标

进度指标可视化操作或活动的进展。

广播

无线电输入允许您显示一组专有选项。

复习

Refresher在内容组件上提供了“拉到刷新”功能。

Searchbar

搜索栏用于搜索或筛选项目,通常从工具栏。

重新排序

Reorder允许用户通过拖放来重新排序项目列表。

路由

路由允许基于当前路径进行导航。

区段提供一组专用按钮,可以用作筛选器或视图切换器。

选择

Select类似于原生HTML Select,只是在排序和选择方面做了一些改进。

幻灯片

幻灯片使创建复杂的UI变得容易,例如图库、教程和基于页面的布局。

选项卡

标签支持标签导航,这是现代应用程序的标准导航模式。

烤面包

Toast用于在应用程序内容上方显示通知。这可能是暂时的,也可能是可以忽略的。

切换

开关是二进制选项的输入,通常用于选项和开关。

工具栏

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

Baidu