上一页 1 ··· 3 4 5 6 7 8 9 10 11 12 下一页
2016年6月22日
Ionic实战一：Ionic仿照微信项目
摘要： github下载地址：https://github.com/Frogmarch/ionic-wechat博客学习地址：http://www.cnblogs.com/Frogmarch/Ionic仿照微信项目源码-边开发边学，强烈建议,做ionic之前把angularJS入门过一遍, 还有ui-router, 至少要了解个大概, 不然真做不下去 阅读全文
posted @ 2016-06-22 18:04 Mac.Manon 阅读(3267) 评论(0) 推荐(0)
2016年6月17日
Ionic Js二十：选项卡栏操作
摘要： ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS，它会出现在屏幕的底部，Android会出现在屏幕的顶部(导航栏下面)。 用法    ion-tab 隶属于ionTabs 包含一个选项卡内容。该内容仅存在于被选中的给定选项卡中。 阅读全文
posted @ 2016-06-17 17:58 Mac.Manon 阅读(1721) 评论(0) 推荐(0)
Ionic Js十九：加载动画
摘要： ion-spinner ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时，你就可以呈现给用户相应的加载图标。 该图标采用的是SVG。  实例 HTML 代码 CSS 代码 JavaScript 代码  阅读全文
posted @ 2016-06-17 17:51 Mac.Manon 阅读(1069) 评论(0) 推荐(0)
Ionic Js十八：滑动框
摘要： ion-slide-box 滑动框是一个包含多页容器的组件，每页滑动或拖动切换： 效果图如下：   用法  HTML 代码 CSS 代码 JavaScript 代码   阅读全文
posted @ 2016-06-17 17:45 Mac.Manon 阅读(538) 评论(0) 推荐(0)
Ionic Js十七：侧栏菜单
摘要： 一个容器元素包含侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边，来让左侧或右侧的侧栏菜单进行切换。 效果图如下所示：   用法 要使用侧栏菜单，添加一个父元素，一个中间内容 ，和一个或更多 指令。    ion-side-menu-content 一个可见主体内容的容器，同级的一 阅读全文
posted @ 2016-06-17 17:37 Mac.Manon 阅读(2335) 评论(0) 推荐(0)
Ionic Js十六：滚动条
摘要： ion-scroll ion-scroll 用于创建一个可滚动的容器。  HTML 代码 CSS 代码 JavaScript 代码 ion-infinite-scroll 当用户到达页脚或页脚附近时，ionInfiniteScroll指令允许你调用一个函数 。 当用户滚动的距离超出底部的内容时，就 阅读全文
posted @ 2016-06-17 17:26 Mac.Manon 阅读(654) 评论(0) 推荐(0)
Ionic Js十五：对话框
摘要： $ionicPopup ionic 对话框服务允许程序创建、显示弹出窗口。 $ionicPopup 提供了3个方法：alert(), prompt(),以及 confirm() 。 实例 HTML 代码 JavaScript 代码     阅读全文
posted @ 2016-06-17 17:00 Mac.Manon 阅读(461) 评论(0) 推荐(0)
Ionic Js十四：浮动框
摘要： $ionicPopover $ionicPopover 是一个可以浮在app内容上的一个视图框。 实例 HTML 代码 JavaScript 代码  阅读全文
posted @ 2016-06-17 16:54 Mac.Manon 阅读(1140) 评论(0) 推荐(0)
Ionic Js十三：平台
摘要： $ionicPlatform$ionicPlatform 用来检测当前的平台，以及诸如在PhoneGap/Cordova中覆盖Android后退按钮。 阅读全文
posted @ 2016-06-17 16:51 Mac.Manon 阅读(285) 评论(0) 推荐(0)
Ionic Js十二：导航ion-nav-view
摘要：  ion-nav-view 当用户在你的app中浏览时，ionic能够检测到浏览历史。通过检测浏览历史，实现向左或向右滑动时可以正确转换视图。 采用AngularUI路由器模块等应用程序接口可以分为不同的$state(状态)。Angular的核心为路由服务，URLs可以用来控制视图。 Angula 阅读全文
posted @ 2016-06-17 16:38 Mac.Manon 阅读(5537) 评论(0) 推荐(0)
Ionic Js十一：模态
摘要： ionicModal 可以遮住用户主界面的内容框。 你可以在你的 index 文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改变)。 然后你就可以在你的 Controller 里面的注入 $ionicModal 。然后调用你刚刚写入的模板，进行初始化操作。就像下面的代码： 阅读全文
posted @ 2016-06-17 12:12 Mac.Manon 阅读(484) 评论(0) 推荐(0)
Ionic Js十：加载动作
摘要： $ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。 用法 方法 显示一个加载效果。  隐藏一个加载效果。  实例 HTML 代码 JavaScript 代码    阅读全文
posted @ 2016-06-17 11:53 Mac.Manon 阅读(549) 评论(0) 推荐(0)
Ionic Js九：列表操作
摘要： 列表是一个应用广泛在几乎所有移动app中的界面元素。ionList 和 ionItem 这两个指令还支持多种多样的交互模式，比如移除其中的某一项，拖动重新排序，滑动编辑等等。 高级用法: 缩略图，删除按钮，重新排序，滑动  实例 HTML 代码： CSS 代码 JavaScript 代码   阅读全文
posted @ 2016-06-17 11:19 Mac.Manon 阅读(498) 评论(0) 推荐(0)
Ionic Js八：头部和底部
摘要： 1.ion-header-bar 这个是固定在屏幕顶部的一个头部标题栏。如果给它加上'bar-subheader' 这个样式，它就是副标题。   2.ion-footer-bar 知道了 ion-header-bar ，理解ion-footer-bar就轻松多啦！只是 ion-footer-ba 阅读全文
posted @ 2016-06-17 10:48 Mac.Manon 阅读(359) 评论(0) 推荐(0)
Ionic Js七：手势事件
摘要： 1.on-hold 长按的时间是500毫秒。 HTML 代码 JavaScript 代码 2.on-tap 这个是手势轻击事件，如果长按时间超过250毫秒，那就不是轻击了。 HTML 代码 JavaScript 代码 3.on-double-tap 手双击屏幕事件 HTML 代码 代码 JavaSc 阅读全文
posted @ 2016-06-17 10:02 Mac.Manon 阅读(1092) 评论(0) 推荐(0)
上一页 1 ··· 3 4 5 6 7 8 9 10 11 12 下一页