📝 Ionic教程

94篇技术文档
  ionic DateTime

📅  最后修改于: 2021-01-03 04:40:29        🧑  作者: Mango

离子日期时间datetime组件用于呈现选择器界面,使用户可以轻松选择日期和时间。选择器界面显示可滚动的列,可用于选择年,月,日,小时,分钟和秒值。 Ionic日期时间类似于本地日期时间元素。但是,Ionic datetime组件很容易以首选格式显示日期和时间,并有助于管理datetime值。例在这里,我们将看到一个没有任何值或属性的<ion-datetime>组件示例。输出:当您执行以上代码片段...

  ionic FAB按钮

📅  最后修改于: 2021-01-03 04:41:24        🧑  作者: Mango

离子FAB按钮Ionic FAB是充当容器元素的浮动操作按钮。它们是可以包含一个或多个fab按钮的材料设计组件。应将其放置在固定位置,以使其不会随内容滚动。 FAB必须包含一个主工厂按钮。它还包括一个fab列表,其中包含相关的按钮,这些按钮显示何时按下/单击主fab按钮。它还允许包含多个具有不同边值的fab列表元素。 FAB按钮的形状像一个圆形。我们可以使用标准的<ion-fab>组件来访问浮动操...

  ionic 网格

📅  最后修改于: 2021-01-03 04:42:27        🧑  作者: Mango

离子网格Ionic网格系统是一个功能强大的基于移动的Flexbox系统,用于构建自定义布局。 Flexbox是一项CSS功能,Ionic支持的所有设备都支持它。离子网格主要由网格,行和列三个单元组成。它允许您选择所需的行和列。他们可以自动调整大小以适应可用空间,尽管可以根据需要进行更改。离子网格由12列布局组成,根据屏幕大小,其断点不同。我们还可以使用CSS自定义列数。网格列网格列是行内的单元格组...

  ionic 无限滚动

📅  最后修改于: 2021-01-03 04:43:22        🧑  作者: Mango

离子无限滚动无限滚动组件用于调用用户从页面顶部或底部滚动指定距离时要执行的操作。当我们必须一次显示大量数据时,这非常有用。每个移动应用程序都需要一种方法来以较少的点击次数显示大量数据。在这种情况下,无限滚动对其起着至关重要的作用。无限滚动组件的工作方式类似于在页面上加载十个项目。现在,当用户滚动这些项目并到达底部附近时,它将发出一个新的数据请求。该请求获取将添加到现有项目的下一组记录项目。重复此过...

  ionic 输入

📅  最后修改于: 2021-01-03 04:44:20        🧑  作者: Mango

离子输入离子输入是必不可少的组件,可用于安全地收集和处理用户输入。它是HTML输入元素的包装,其中包含自定义样式和其他功能。它的工作方式类似于HTML输入元素,但在台式机设备上运行良好,并且可以与移动设备上的键盘集成。Ionic输入仅接受文本类型输入,例如“文本”,“密码”,“数字”,“电子邮件”,“搜索”,“ tel”和“ URL”。它还支持所有标准的文本类型输入事件,包括按键,按键,击键等。有...

  ionic 列表

📅  最后修改于: 2021-01-03 04:45:26        🧑  作者: Mango

离子表列表是任何Web或移动应用程序中最受欢迎的元素。它们由多行项目组成,其中包括文本,按钮,切换按钮,图标,缩略图等等。我们可以使用它来显示各种信息,例如菜单,选项卡,或打破纯文本文件的单调性。离子列表通常包含具有相似数据内容的项目,例如图像和文本。它支持多种交互,包括滑动项目,拖动以对列表中的项目进行重新排序以及删除项目。我们可以使用标准的<ion-list> </ ion-list>元素访问...

  ionic 加载

📅  最后修改于: 2021-01-03 04:46:24        🧑  作者: Mango

离子加载加载会创建一个叠加层,该叠加层可用于阻止其他用户互动。加载指示器显示在内容区域的顶部。该应用可以将其关闭,以恢复用户与该应用的交互。当某些进程正在进行时,我们可以显示加载程序的视觉指示,例如从服务器或文件副本获取数据,粘贴事件等。加载程序在应用程序中非常有用。从用户的角度来看,它使应用程序更加方便。Ionic加载程序还允许我们使用message参数显示一条消息,该消息指示进程正在进行。它还...

  ionic 菜单

📅  最后修改于: 2021-01-03 04:47:22        🧑  作者: Mango

离子菜单菜单组件是最常用的离子组件。它是一个导航抽屉,可从当前视图的侧面向左或向右滑动。默认情况下,它会在当前视图的左侧滑动,但您也可以向右滑动。菜单可以根据模式显示不同。但是,可以将其更改为任何可用的菜单类型。您可以将任意数量的菜单附加到内容元素。Ionic使用标准的<ion-menu>组件,使您可以轻松创建侧面菜单以进行导航。菜单组件可以从模板控制,也可以使用MenuController通过编...

  ionic 模态

📅  最后修改于: 2021-01-03 04:49:29        🧑  作者: Mango

ionic 模态Ionic中的模态显示为可滑入屏幕的临时UI。它会出现在应用程序内容的顶部,并且在恢复交互之前必须被应用程序关闭。它主要用于登录/注册页面,撰写消息,过滤列表中的项目或提供应用程序配置选项。模态控制器它负责在Ionic应用程序中创建模态。它使用create()方法创建模式。您可以通过在create方法中设置模式选项来自定义控制器。解散方法创建模态后,可以通过在模态控制器上调用dis...

  ionic Popover

📅  最后修改于: 2021-01-03 04:50:26        🧑  作者: Mango

ionic 弹夹弹出窗口是出现在当前页面顶部的小覆盖层,用于显示其他信息。您可以将其用于任何用途,但通常用于导航栏中不适合的其他操作。它使我们能够非常轻松地呈现或收集来自用户的信息。通常在以下情况下使用。它显示有关当前视图的其他信息。您可以选择常用的工具和配置。它提供了要在当前视图内执行的操作的列表。弹出式控制器它负责在Ionic应用程序中创建弹出框。它使用create()方法创建弹出框。您可以通...

  ionic 进度栏

📅  最后修改于: 2021-01-03 04:51:26        🧑  作者: Mango

ionic 进度条ionic 进度条组件是水平进度条,用于可视化操作和活动的进度。我们可以使用标准的<ion-progress-bar>组件访问 ionic 进度栏。ionic 进度条分为以下两种类型。确定不定确定进度栏它是一种进度条,当知道某项操作的百分比时可以使用。确定进度条是默认进度条的一种,value属性表示进度。例以下示例说明了确定的进度栏,其中value属性表示进度。输出:当上述Ion...

  ionic 单选按钮

📅  最后修改于: 2021-01-03 04:52:23        🧑  作者: Mango

ionic 单选按钮单选按钮是一种包含布尔值的输入组件。它类似于HTML单选输入。与其他Ionic组件一样,每个平台上Ionic单选按钮的样式也不同。无线电组件通常用作组内一组相关选项,但也可以单独使用。可以通过选择单选按钮选项来对其进行检查,也可以通过设置选中属性来以编程方式对其进行检查。它还使用禁用的属性来禁止用户更改值。<ion-radio-group>组件可用于对一组无线电进行分组。它允许...

  ionic 范围

📅  最后修改于: 2021-01-03 04:53:19        🧑  作者: Mango

ionic 范围ionic 范围滑块用于通过移动滑块来选择和显示值的级别。默认情况下,只有一个旋钮控制范围的值,但它也可以接受双旋钮。范围标签通过将属性slot =“ start”和slot =“ end”添加到元素,可以将标签放置在范围的两侧。最大值和最小值可以分别通过使用max和min属性在范围内传递最大值和最小值。默认情况下,该范围已设置min = 0和max = 0值。步骤和快照steps...

  ionic 刷新器

📅  最后修改于: 2021-01-03 04:54:17        🧑  作者: Mango

ionic 清新机刷新意味着更新当前显示的页面,以便用户可以看到最新内容。在网络术语中也称为重新加载。在许多Android应用程序中,我们已经看到了用户友好的pull-to-refresh功能。此功能允许用户将页面下拉到一定程度,然后自动刷新当前页面视图。拉动刷新模式无需点击或单击某处。Ionic通过使用<ion-refresher>组件添加下拉功能来提供相同的功能。 <ion-refresher...

  ionic 重排

📅  最后修改于: 2021-01-03 04:55:12        🧑  作者: Mango

ionic 重排Ionic提供了用于重新排序功能的<ion-reorder>组件。它可以让你拖放列表项,从而改变列表元素的顺序。<ion-reorder>组件需要与<ion-reorder-group>一起使用,以提供可视的拖放界面。 <ion-reorder-group>充当<ion-reorder>中列表元素的包装。例在此示例中,我们将讨论如何实现重新排序组件以允许将项目拖放到新位置。在这里,...