ionic

ionic select

ionic selectionic select 的 select 相比原生的要更加美观些。每个平台上的可选项样式都是不一样的,在PC电脑的浏览器上,你会看到传统的下拉界面,Android 上会弹出单选按钮选项,iOS 有个滚轮操作界面。实例 Lightsaber Blue Green Red F... »

ionic 导航

ionic 导航 ion-nav-view 当用户在你的app中浏览时,ionic能够检测到浏览历史。通过检测浏览历史,实现向左或向右滑动时可以正确转换视图。 采用AngularUI路由器模块等应用程序接口可以分为不同的$state(状态)。Angular的核心为路由服务,URLs可以用来控制视图。 AngularUI路由提供了一个更强大的状态管理,即状态可以被命名,嵌套, 以及合并视图,允许一个... »

ionic tab(选项卡)

ionic tab(选项卡)ionic tab(选项卡) 是水平排列的按钮或者链接,用以页面间导航的切换。以下选项卡容器使用了 tabs 类,每个选项卡使用 tab-item 类。图标选项卡在 tabs 类后添加 tabs-icon-only 类可设置只显示图标选项卡。主页 收藏 设置 条纹样式选项卡可以在带有 tabs 的样式名的元素上添加 tabs... »

ionic 平台

ionic 平台$ionicPlatform$ionicPlatform 用来检测当前的平台,以及诸如在PhoneGap/Cordova中覆盖Android后退按钮。参数 类型 详情 callback function ... »

ionic 网格(Grid)

ionic 网格ionic 的网格和其他大部分框架有所不同,它采用了弹性盒子模型 。row 样式指定行,col 样式指定列。同等大小网格在带有 row 的样式的元素里如果包含了 col 的样式,col 就会设置为同等大小。以下实例中 row 的样式包含了 5 个 col 样式,每个 col 的宽度为 20%。.col .col .col 1234 .col .col .col 123... »

ionic 浮动框

ionic 浮动框$ionicPopover$ionicPopover 是一个可以浮在app内容上的一个视图框。可以实现以下功能点: 在当前页面显示更多信息。选择一些工具或配置。在页面提供一个操作列表。方法fromTemplate或fromTemplateUrl参数说明:templateString: 模板字符串。 »

ionic 颜色

ionic 颜色ionic 提供了很多颜色的配置,当然你可以根据自己的需要自定义颜色。实例 light stable positive calm balanced energized ... »

ionic 对话框

ionic 对话框 $ionicPopup ionic 对话框服务允许程序创建、显示弹出窗口。 $ionicPopup 提供了3个方法:alert(), prompt(),以及 confirm() 。 实例 HTML 代码           弹窗显示                确认对话框                警告框                     JavaScript 代码... »

ionic icon(图标)

ionic icon(图标)ionic 也默认提供了许多的图标,大概有 700 多个,针对 Android 和 iOS 有不同的样式。Ionic icons 官网: 我们可以通过 font-size 来设置图片的大小:实例.icon 默认图标按钮:代码图标iOS 风格图标代码图标gt;Android 风格图标CodeResult.icon »

ionic 滚动条

ionic 滚动条ion-scroll ion-scroll 用于创建一个可滚动的容器。on-scroll (可选) 表达式 当用户滚动时触发。该方法直接被$ionicScrollDelegate服务触发,来控制所有滚动视图。function MainCtrl ;}方法resize()告... »

ionic 教程

ionic 教程

ionic 教程ionic 是一个强大的 HTML5 应用程序开发框架。ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。ionic 特点1.ionic 基于Angular语法,简单易学。 »

ionic 上拉菜单(ActionSheet)

ionic 上拉菜单(ActionSheet)

ionic 上拉菜单上拉菜单通过往上弹出的框,来让用户选择选项。非常危险的选项会以高亮的红色来让人第一时间识别。你可以通过点击取消按钮或者点击空白的地方来让它消失。 »

ionic 侧栏菜单

ionic 侧栏菜单

ionic 侧栏菜单一个容器元素包含侧边菜单和主要内容。function ContentController ;}API 属性 类型 详情 enable-menu-with-back-views (可选) 布尔值 ... »

ionic 安装

ionic 安装

ionic 安装 本站实例采用了ionic v1.3.2 版本,使用的 CDN 库地址: ionic 最新版本下载地址: 点击 “尝试一下” 按钮查看在线实例。 本教程着重讲解 ionic 框架的应用,大部分实例在浏览器中运行 ,移动设备上运行可以在接下来的命令行安装教程中详细了解。 注意:在移动应用如 phonegap 中我们只需将对应的 js 和 css 文件加入到资源... »

ionic 背景层

ionic 背景层

ionic 背景层我们经常需要在 UI 上,例如在弹出框、加载框、其他弹出层中显示或隐藏背景层。每次调用retain后,背景会一直显示,直到调用release消除背景层。 »

ionic 滑动框

ionic 滑动框

ionic 滑动框 ion-slide-box 滑动框是一个包含多页容器的组件,每页滑动或拖动切换: 效果图如下: 用法 BLUE YELLOW PINK API 属性 类型 详情 delegate-handle (可选) 字符串 该句柄用$ionicSlideBoxDelegate来标识这个滑动框。 does-continue (可选) 布尔值 滑动框是否开启循环滚动。 auto-play (可... »

ionic 创建 APP

ionic 创建 APP

ionic 创建 APP 前面的章节中我们已经学会了 ionic 框架如何导入到项目中。 接下来我们将为大家介绍如何创建一个 ionic APP 应用。 ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建,所以我们可以创建一个 www 目录,并在目录下创建 index.html 文件,代码如下: Todo 以上代码中,我们引入了 Ionic CSS 文件、 Ioni... »

ionic 下拉刷新

ionic 下拉刷新 在加载新数据的时候,我们需要实现下拉刷新效果,代码如下: 实例 HTML 代码 JavaScript 代码 angular.module('starter', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by def... »

ionic 加载动画

ionic 加载动画ion-spinnerionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。该图标采用的是SVG。用法 //默认用法像大部分其他的ionic组件一样,spinner也可以使用ionic的标准颜色命名规则,就像下面这样:实例HTML 代码 ... »

ionic 头部与底部

ionic 头部与底部Header(头部)Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮。ionic 默认提供了许多种颜色样式,你可以调用不同的样式名,当然也可以自定义一个。bar-light bar-lightbar-stable bar-stablebar-positive bar-positivebar-calm bar-calmbar-balanced bar-... »

ionic 复选框

ionic 复选框 ionic 复选框(checkbox)与普通的 HTML 复选框没什么区别,以下实例演示了 ionic 复选框 ion-checkbox 的应用。 复选框标签 实例 实例中,会根据复选框是否选中,修改 checked 值,true 为选中, false 为未选中。 HTML 代码 复选框 {{ item.text }} Notifications Push Notificati... »

ionic 选项卡栏操作

ionic 选项卡栏操作ion-tabsion-tabs 是有一组页面选项卡组成的选项卡栏。ion-tab隶属于ionTabs包含一个选项卡内容。该内容仅存在于被选中的给定选项卡中。on-deselect (可选) 表达式 选项卡取消选中时触发。$ionicTabsDelegate授权控制ionTabs指令。 »

ionic 按钮

ionic 按钮按钮是移动app不可或缺的一部分,不同风格的app,需要的不同按钮的样式。默认情况下,按钮显示样式为:display: inline-block。Block Button使用 button-full 类,可以让按钮显示完全宽度,且不包含内边距padding。Full Width Block Button不同大小的按钮button-large 设置为大按钮,button-small ... »

ionic 单选框操作

ionic 单选框操作 实例中,根据选中的不同选项,显示不同的值。 HTML 代码 当选按钮 选取的值为: {{ data.clientSide }} {{ item.text }} Serverside, Selected Value: {{ data.serverSide }} {{ item.text }} JavaScript 代码 angular.module('ionicApp', [... »

ionic 列表

ionic 列表列表是一个应用广泛的界面元素,在所有移动app中几乎都会使用到。容器元素需要list类,每个列表项需要使用item类。使用 item-icon-left 图标在左侧, item-icon-right 设置图标在右侧。Check mail Call Ma Record album Grammy ... »

Page 1 of 212