当前位置：网站首页>【HarmonyOS】【ARK UI】HarmonyOS ets语言怎么实现双击返回键退出

【HarmonyOS】【ARK UI】HarmonyOS ets语言怎么实现双击返回键退出

2022-07-30 09:56:00 【51CTO】

参考资料

【Harmony OS】【ARK UI】Date 基本操作

自定义组件生命周期回调函数

弹窗

代码运行

思路：

定义一个全局变量，判断点击时间与上一次点击时间差，若大于2秒则提示‘再按一次退出程序’字样，小于2秒退出应用，代码如下

       
       import 
       
       prompt 
       
       from 
       
       '@system.prompt';
       
       import 
       
       app 
       
       from 
       
       '@system.app'
       
       @
       
       Entry
       
       @
       
       Component
       
       struct 
       
       Index {
       
       //todo 定义全局变量
       
       @
       
       State 
       
       exitTime: 
       
       number
       
       = 
       
       0;
       
       private 
       
       onBackPress() {
       
       this.
       
       ExitApp();
       
       return 
       
       true;
       
  }
       
       public 
       
       ExitApp() {
       
       //todo 判断点击时间与上一次点击时间差，若大于5秒则提示‘再按一次退出程序’字样
       
       if ((
       
       new 
       
       Date().
       
       getTime() 
       
       - 
       
       this.
       
       exitTime) 
       
       > 
       
       5000) {
       
       prompt.
       
       showToast({
       
       message: 
       
       '再按一次退出程序',
       
       duration: 
       
       2000,
       
      });
       
       this.
       
       exitTime 
       
       = 
       
       new 
       
       Date().
       
       getTime();
       
    } 
       
       else {
       
       //todo 小于5秒退出应用
       
       app.
       
       terminate();
       
    }
       
  }
       
       build() {
       
       Flex({ 
       
       direction: 
       
       FlexDirection.
       
       Column, 
       
       alignItems: 
       
       ItemAlign.
       
       Center, 
       
       justifyContent: 
       
       FlexAlign.
       
       Center }) {
       
       Text(
       
       '双击返回app退出')
       
        .
       
       fontSize(
       
       40)
       
        .
       
       height(
       
       200)
       
        .
       
       width(
       
       "100%")
       
        .
       
       textAlign(
       
       TextAlign.
       
       Center)
       
        .
       
       fontWeight(
       
       FontWeight.
       
       Bold)
       
    }
       
    .
       
       width(
       
       '100%')
       
    .
       
       height(
       
       '100%')
       
  }
       
}
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.