ionic页面间跳转的动画实现

时间:2022-03-20 10:46:07

1. 在<ion-view>标签中加入:

nav-direction="back"或nav-direction="forward"

2.用$state.go()实现页面间的跳转的动画:

在$state.go()后面加上 $ionicViewSwitcher.nextDirection("back")或 $ionicViewSwitcher.nextDirection("forwoard")
可以实现跟加nav-direction一样的效果了,要注入ionicViewSwitcher服务

3.点击手机返回按键实现跳转的:

$ionicPlatform.registerBackButtonAction(function (e) {
if($state.current.name == 'tab.news' || $state.current.name == 'tab.message' || $state.current.name == 'tab.work' || $state.current.name == 'tab.mine' || $state.current.name == 'login'){
window.plugins.appMinimize.minimize();
}else if($ionicHistory.backView()){
$ionicHistory.goBack();
$ionicViewSwitcher.nextDirection("back");
}
else{
window.plugins.appMinimize.minimize();
}
e.preventDefault();
return false;
}, 101);

ionic页面间跳转的动画实现的更多相关文章

  1. flutter页面间跳转和传参-Navigator的使用

    flutter页面间跳转和传参-Navigator的使用 概述 flutter中的默认导航分成两种,一种是命名的路由,一种是构建路由. 命名路由 这种路由需要一开始现在创建App的时候定义 new M ...

  2. Metro 页面间跳转报错、打包和安装一个本地的Metro类型应用

    1.模板页面间传值跳转报错误 参照:http://www.cnblogs.com/dagehaoshuang/archive/2012/08/31/2665166.html#2862480 强烈推荐, ...

  3. IOS 页面间跳转

    常用的就两种 一种通过导航,一种直接跳 第一种 直接跳转 思路大致就是new一个目的页面,然后设置下页面跳转动画 中间还可以做点目的页面的数据初始化: ValueInputView *valueVie ...

  4. push方法的页面间跳转--

    一,自定义动画写push方法-- 添加coreGraphics.framework框架 在CATransitionAnimation.h文件里面引入-- #import <QuartzCore/ ...

  5. IOS 疯狂基础之 页面间跳转

    常用的就两种 一种通过导航,一种直接跳 第一种 直接跳转 思路大致就是new一个目的页面,然后设置下页面跳转动画 中间还可以做点目的页面的数据初始化: ValueInputView *valueVie ...

  6. 《转载》两个activity界面间跳转切换动画效果

    1overridePendingTransition Activity的切换动画指的是从一个activity跳转到另外一个activity时的动画. 它包括两个部分:一部分是第一个activity退出 ...

  7. ios页面间跳转方式总结

    转自:http://www.cnblogs.com/anywherego/p/3542202.html 下面以OldViewController(oldC)的按钮btn点击后跳转到NewViewCon ...

  8. Flutter 路由 页面间跳转和传参 返回

    Navigator Navigator用来管理堆栈功能(即push和pop),在Flutter的情况下,当我们导航到另一个屏幕时,我们使用Navigator.push方法将新屏幕添加到堆栈的顶部.当然 ...

  9. iOS页面间传值的方式(NSUserDefault&sol;Delegate&sol;NSNotification&sol;Block&sol;单例)

    iOS页面间传值的方式(NSUserDefault/Delegate/NSNotification/Block/单例) 实现了以下iOS页面间传值:1.委托delegate方式:2.通知notific ...

随机推荐

  1. C&num; Webbrowser 常用方法及多线程调用

    设置控件的值 /// <summary> /// 根据ID,NAME双重判断并设置值 /// </summary> /// <param name="tagNa ...

  2. doT&period;js学习

    doT.js特点是快,小,无依赖其他插件.但是一般和jquery一起使用 官网:http://olado.github.io 使用方法:{{= }} for interpolation{{ }} fo ...

  3. 自然语言25&lowbar;nltk&period;book

    测试NLTK数据包 导入nltk.book包中所有的东西: 能使用以下函数的是nltk.text.Text对象 from nltk.book import * text1.concordance(&q ...

  4. Types of CQRS

    Types of CQRS By Vladimir Khorikov CQRS is a pretty defined concept. Often, people say that you eith ...

  5. 网络--&gt&semi;监控--&gt&semi;OID--&gt&semi;BGP

    说明:暂时发现只适合cisco设备,h3c的交换机只支持部分OID(支持版本.AS号.ROUTER-ID)

  6. 深入了解css3新特性

    深入了解css3新特性:http://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/

  7. linux虚拟机下解压文件

    pscp命令上传文件到linux虚拟机   项目开发过程中,经常需要从windows向linux服务器上传下载文件.下面简单介绍一下如何上传下载文件. 下载安装putty软件:https://pan. ...

  8. python中的列表、元组、数组&mdash&semi;&mdash&semi;是不是特别容易混淆啊??

    列表: 1. 即list, 是python内置的数据类型.  它的形式是: a = [1, 2, 3, 4, 5] 2. 列表内的值是可以改变的:  即可以这样子: a[0] = 100,  把列表的 ...

  9. C&num;并行编程(4):基于任务的并行

    C#中的任务Task 在C#编程中,实现并行可以直接使用线程,但使用起来很繁琐:也可以使用线程池,线程池很大程度上简化了线程的使用,但是也有着一些局限,比如我们不知道作业什么时候完成,也取不到作业的返 ...

  10. PHP的异常以及异常存在的意义

    php的try catch与其它语言的try catch相比有许多不同,而且用起来相对比较不爽. php中,如果你制作的站点相对较大,同时模块化,并且在错误处理机制上有一套自己的处理机制,可以尝试使用 ...