ionic2.0双击返回键退出应用
来源:互联网 发布:新开淘宝店怎么推广 编辑:程序博客网 时间:2024/05/21 06:35
最近才把ionic的版本更新到2.0,所以便想感受一下2.0版本带来的新体验。
看了官方网站以及网上的各种介绍后,才知道这2.0版本结合了TypeScript和ES6,和1.0+版本有很大的不同,所以在此记录下使用2.0版本开发应用的过程与代码。此文就是介绍在2.0版本双击返回键退出应用。
先在这说下我从更新后到现在的经验吧。ionic2.0的项目目录和以前不一样了,而且是在/app这个文件夹下开发的,html、scss和ts文件都在这里,生成一个页面需要的三个文件(html、scss、ts)是使用命令ionic g page生成的。如,在当前项目下,使用ionic g page MyPage,就可以生成my-page一个文件夹以及文件夹里面的所需的三个文件。
还有,想在浏览器上测试效果,你就得执行命令ionic serve来测试,不像以前刷新就可以了(此处我被坑了很久才知道)。
双击返回键退出应用
首先,贴一下效果图:
然后就是主要代码。打开/app目录下的app.ts,把下面的代码全部复制粘贴,然后执行ionic run android就可以了。
import {Component} from '@angular/core';import {Platform, ionicBootstrap} from 'ionic-angular';import {StatusBar} from 'ionic-native';import {TabsPage} from './pages/tabs/tabs';import {ToastController} from 'ionic-angular';//这个是为了出现“再按一次退出”的弹出框才import的@Component({ template: '<ion-nav [root]="rootPage"></ion-nav>'})export class MyApp { private rootPage: any; public static backButtonPressedOnceToExit = false; constructor(private platform: Platform,public toastCtrl:ToastController) { this.rootPage = TabsPage; platform.ready().then(() => { // Okay, so the platform is ready and our plugins are available. // Here you can do any higher level native things you might need. StatusBar.styleDefault(); }); platform.registerBackButtonAction(function(e){ if(MyApp.backButtonPressedOnceToExit){ platform.exitApp(); }else{ MyApp.backButtonPressedOnceToExit = true; let toast = toastCtrl.create({ message: '再按一次退出', duration: 2000, position: 'bottom' }); toast.present(); setTimeout(function(){ MyApp.backButtonPressedOnceToExit = false; },2000) } },101) }}ionicBootstrap(MyApp);
在此结束。
0 0
- ionic2.0双击返回键退出应用
- Ionic2双击退出应用
- 双击返回键退出应用
- 双击返回键退出应用
- 双击返回键退出应用
- 双击返回键退出应用
- 双击返回键退出应用
- 双击返回,退出应用。
- Activty 双击返回键退出应用
- Android 双击返回键退出应用
- Android中双击返回键退出应用
- 双击返回键才退出整个应用
- 应用中双击返回键退出程序
- ionic双击返回键退出应用
- 双击返回键退出
- 双击返回键退出
- 双击返回键退出
- Android应用系列:双击返回键退出程序
- word2vec个人理解
- [李景山php]每天laravel-20161021|Request.php-2
- 21. Merge Two Sorted Lists
- 书法与编程
- 更换ViewPager中的Adapter后Fragment不更新问题
- ionic2.0双击返回键退出应用
- Fragment初级使用要点
- SecureCRT远程连接打开速度慢
- 主引导记录(MBR)的反汇编分析
- 48. spring boot单元测试restfull API【从零开始学Spring Boot】(
- windows下nginx无法启动
- 房产地籍数据精度表格
- 49. spring boot日志升级篇—理论【从零开始学Spring Boot】(
- Ubuntu Server 12.04静态IP简洁配置