HarmonyOS Stage模型用程序运行切换验证UIAbility 启动模式(下) 验证:specified启动模式 Ability间切换

╰+攻爆jí腚メ 2024-04-22 07:44 28阅读 0赞

上文 [HarmonyOS Stage模型 用程序运行切换 验证UIAbility 启动模式(上) 验证:singleton、multiton、standard启动模式][HarmonyOS Stage_ _ _UIAbility _ _singleton_multiton_standard] 我们已经验证完了 singleton multiton standard 三种启动模式

留下了毕竟复杂的 specified

这里 首先 我们要写两个不同的界面  
index 编写代码如下

import router from '@ohos.router'
    @Entry
    @Component
    struct Dom {
        
    
      @State StringArr:string[] = ["key1","key2","key3"];
      build() {
        
        Row() {
        
          Column(){
        
            ForEach(
              this.StringArr,
              (item)=>{
        
                Button(item).onClick(()=>{
        
                  router.pushUrl({
        
                    url: "pages/Twox",
                    params: {
        
                      innt: item
                    }
                  })
                })
              }
            )
          }
          .width('100%')
        }
        .height('100%')
      }
    }

我们创建了一个数组 然后 循环渲染 每一次都在页面上挂一个button按钮  
内容就是当前下标内容  
点击事假中 用路由 跳转到 Twox 界面 传入当前 下标对象 叫 innt代理名

Twox 组件编写代码如下

import router from '@ohos.router'
    let innt:string = router.getParams()["innt"]
    @Entry
    @Component
    struct Twox {
        
    
      build() {
        
        Row() {
        
          Column(){
        
            Text(innt)
          }
          .width('100%')
        }
        .height('100%')
      }
    }

我们定义 innt string 类型 获取路由传来的 innt字段  
然后 用text组件展示内容

然后 我们先简单运行项目  
![在这里插入图片描述][0b1456c71fda44a18edd29482ebd8115.png]  
我们 index 数组循环出的按钮就显示出来了  
然后我们点击一个

路由跳转和参数接收也没有任何问题  
![在这里插入图片描述][b1a54fedc5294660865b8c558f1d9235.png]  
但 我们要做 specified 就要做 Ability模块间的跳转 而不是 page页面间的跳转了 因此 就不能用这种传统的 路由形式了

然后 我们当前这个模块 launchType 直接用默认模式就好了 将 launchType 字段配置去掉就好了  
![在这里插入图片描述][5a7b4dea9ca447acb0a9e465989d7d84.png]

我们index 上加入一行代码

private context = getContext(this) as common.UIAbilityContext

定义一个 context 因为后面这个界面很多地方要用 接一个全局的getContext函数 把当前的this 传进去  
然后 as 强转一下类型 转成 common.UIAbilityContext 模块的类型  
这里 common 需要导一下包

import common from '@ohos.app.ability.common';

![在这里插入图片描述][d11cbd198f4e412e81e531570c033e8b.png]  
有context就可以做跳转啦  
跳转 分三步  
第一步就是我们刚刚写完的 获取 context  
第二个准备跳转的目的地  
第三步就是跳转代码执行

然后 这里 因为我们要测试 specified  
所以 我们不能用 Twox 页面 而是要创建一个 新的 Ability  
我们还是在 entry模式 下面的 ets目录 右键 选择new 创建一个 Ability出来  
![在这里插入图片描述][3e50f100e9744ab984a2703b5f023290.png]  
名字的话 我们还是叫 Twox  
![在这里插入图片描述][3d18ac0d63924d3ab5e48415ee0933a3.png]  
然后 直接点击右下角 Finish 创建  
![在这里插入图片描述][a289484eed624f03ad7af736e928d7c5.png]  
这样 我们这个 Ability就出来了  
![在这里插入图片描述][8be8cb2659704654a954daa6f98eb237.png]  
有趣的是 你会发现 我们创建的这个 Twox 模块的 入口文件 和 entry 入口文件内容基本就是一样的

但是 我们这里要渲染的不是 pages/Index  
![在这里插入图片描述][e902ffacea7248188f4ab02fec38e44f.png]  
我们要渲染的是 pages目录下的 Twox  
![在这里插入图片描述][5f3d3206de3f4c72a30f9cdc4c1f0df8.png]  
创建好之后 你去看当前模块下的 module.json5  
abilities 下面就又多了一条了  
![在这里插入图片描述][d7995cc776e84735886c16dadda16ecc.png]  
下面 我们创建的这个 Twox Ability launchType 启动模式 我们就要改成 specified  
![在这里插入图片描述][33aabf9cbb894d66add74b9140231cdf.png]  
然后 我们Index.ets  
button 点击事假代码编写如下

Button(item).onClick(()=>{
        
    	//指定跳转位置
    	let want: Want ={
        
    		deviceId: "",
    		bundleName:"com.example.sediment",
    		moduleName: "entry",
    		abilityName: "Twox",
    		parameters: {
        
    		    instanceKey: item
    		}
    	}
    	//执行跳转
    	this.context.startAbility(want);
    })

![在这里插入图片描述][4cde69d5ffeb49899a8d217ebdb959bc.png]  
要用 Want 先要导包

import Want from '@ohos.app.ability.Want';

![在这里插入图片描述][01f5dfbf32fa44178c32bd9500b8d423.png]  
然后 我们声明这个 want 类型是 Want  
deviceId是设备id 我们就跳转当前设备 不用理它  
然后 bundleName 应用名 我们就是当前应用 这个bundleName在应用下的 AppScope目录下的tapp.json5文件中  
![在这里插入图片描述][45695dd090e741bd93bacc29f0f171ad.png]  
moduleName 模块名  
在我们 模块 例如 我们这里模块是 entry  
下面的 module.json5 中的 module 下 name 属性 就对应这个模块的名称  
![在这里插入图片描述][4eba72d9a9ae474aa5b638ac8a9eca4e.png]  
abilityName 要跳转到的Ability module.json5中的 abilities 找到自己要跳转的ability name属性就是这个东西啦  
![在这里插入图片描述][4b08e29b180e4438a7b64e7169d79e18.png]  
parameters 中 放一些参数 我们这里 给了个 instanceKey 就是当前触发事件的下标

然后 我们还要来搭一个舞台  
我们先在模块下的 ets目录下创建一个文件夹  
![在这里插入图片描述][ef996e3d686b4f14af822298dfa202b7.png]  
名字没有限制 但是规范一点 可以叫 myAbilityStage  
![在这里插入图片描述][2a4bb5e1158548509f9dd1fa9875fe08.png]  
在这个目录下创建一个 TS文件  
![在这里插入图片描述][fbf5fce64d894fc8a2f84c293441a8e3.png]  
这里 名字的话 我就叫 MyAbilityStage 没有硬性要求 最好就是顾名思义 同事和自己一看就懂最好  
![在这里插入图片描述][78e1a881ed544b54927fc9c6c5bb7652.png]  
编写代码如下

import AbilityStage from '@ohos.app.ability.AbilityStage';
    import Want from '@ohos.app.ability.Want';
    
    export default class MyAbilityStage  extends AbilityStage {
        
      onAcceptWant(want:Want):string {
        
        if(want.abilityName ==='Twox'){
        
          return `TwoxInstance_${
          want.parameters.instanceKey}`
        }
        return ""
      }
    }

跳转ability 后是先进这里 然后我们判断 如果abilityName 是Twox 要跳 Twox 我们需要特殊处理  
其他ability 不管他 直接返回一个空的  
如果是 Twox 我们就返回 TwoxInstance\_跟我们传的 instanceKey  
做一个唯一key标识

当然 我一直在说 名字是随意的 那么 怎么确定要读哪一个舞台呢？  
对应模块下的 module.json5 文件  
module 下 加一个 srcEntry 它就是指向舞台文件的 配置文件  
![在这里插入图片描述][929b1fcfdbf04e909fd18a9783499b28.png]  
然后 我们 pages下的 Twox代码改成这样

import common from '@ohos.app.ability.common';
    import Want from '@ohos.app.ability.Want';
    @Entry
    @Component
    struct Twox {
        
      private context = getContext(this) as common.UIAbilityContext
      build() {
        
        Row() {
        
          Column(){
        
            Button("返回初始模块").onClick(()=>{
        
              //指定跳转位置
              let want: Want ={
        
                deviceId: "",
                bundleName:"com.example.sediment",
                moduleName: "entry",
                abilityName: "EntryAbility",
              }
              //执行跳转
              this.context.startAbility(want);
            })
          }
          .width('100%')
        }
        .height('100%')
      }
    }

先追个基本返回初始模块的功能 因为 EntryAbility 是一个但实例模块 不需要参数  
![在这里插入图片描述][19906029f8fc4a4ea4499c2e5cf2b805.png]  
然后 我们真机运行项目

代码运行一切正常 哦 这边我加了个横屏 大家别奇怪  
![在这里插入图片描述][fb52d6aa89c947f49640bd13c369347f.jpeg]  
然后 我们点击 key1

页面就跳转过来了 因为 我们 Twox 没有处理横屏 就还是竖的 哈哈哈  
![在这里插入图片描述][60f3617052e44ceb84a951db3ae09efc.jpeg]  
此时 我们打开任务列表

你会发现 首页跟 这个详情页 是两个任务  
![在这里插入图片描述][c6bf90410fa24377a604334e4a5b198d.jpeg]  
然后 我们再怎么点key 1 它都只有两个任务  
因为 这一个key 已经存在 它就不重新创建了  
![在这里插入图片描述][20d008f37c674e8083a4ff559433f117.jpeg]  
我们点key2  
就又会多一个任务 因为这个key是新的  
然后直接 你又再怎么点 它都不会多了  
![在这里插入图片描述][5c65b1a6aaf74be980c3a4bac89ebde6.jpeg]

[HarmonyOS Stage_ _ _UIAbility _ _singleton_multiton_standard]: https://blog.csdn.net/weixin_45966674/article/details/136415917?spm=1001.2014.3001.5502
[0b1456c71fda44a18edd29482ebd8115.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/1704cb241a6b4a0b91f134c561c4c05a.png
[b1a54fedc5294660865b8c558f1d9235.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/30b6a8310b4e403cbb4909c29248d4e2.png
[5a7b4dea9ca447acb0a9e465989d7d84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/c79abc5f02be420b843fdc64ced33122.png
[d11cbd198f4e412e81e531570c033e8b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/5e5c7eb4e751412380e33c307a3cd448.png
[3e50f100e9744ab984a2703b5f023290.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ee0316fd3de74045b3f275a4f7434d5a.png
[3d18ac0d63924d3ab5e48415ee0933a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/498568c35e5a4bb3a561b067f508e3c6.png
[a289484eed624f03ad7af736e928d7c5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/2180e69b71ca45e5a1072722470aa5c6.png
[8be8cb2659704654a954daa6f98eb237.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/b8ecc1d1828e49c8ae19481ef2a0ad3a.png
[e902ffacea7248188f4ab02fec38e44f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/20c58be0cf764023b44871939e97a30b.png
[5f3d3206de3f4c72a30f9cdc4c1f0df8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/232a4062bf2948dbbcde16baa5fe9807.png
[d7995cc776e84735886c16dadda16ecc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/3aa8449010bb46f1bb826926c9cd1fad.png
[33aabf9cbb894d66add74b9140231cdf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/20d45ef035fa4a8a8607650f4d16501e.png
[4cde69d5ffeb49899a8d217ebdb959bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/06e0f493210649ad9b00dfa431b06349.png
[01f5dfbf32fa44178c32bd9500b8d423.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/4139ddaf976c45faa8807b687792304e.png
[45695dd090e741bd93bacc29f0f171ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/52ba8554fdc849179522bfb8368850c6.png
[4eba72d9a9ae474aa5b638ac8a9eca4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/69b12ecbfc9c491f8e8bfce2cbea54c4.png
[4b08e29b180e4438a7b64e7169d79e18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/b6c4cd0af7ad46db851802f3b8b07ad7.png
[ef996e3d686b4f14af822298dfa202b7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/133767258995422397a15087ea8f9f64.png
[2a4bb5e1158548509f9dd1fa9875fe08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/482eb6038215415391bf6a3916a5b031.png
[fbf5fce64d894fc8a2f84c293441a8e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/f749405f9e2542c6bc271b375c463269.png
[78e1a881ed544b54927fc9c6c5bb7652.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/4d97390125f449de80b099ff6705c47d.png
[929b1fcfdbf04e909fd18a9783499b28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/81d66129bff341fcac1883168ed0e82d.png
[19906029f8fc4a4ea4499c2e5cf2b805.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/c0684a0dae07487a86de522ccb91ae7c.png
[fb52d6aa89c947f49640bd13c369347f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/572a8ce74ade4677b40f4e591adef39b.jpeg
[60f3617052e44ceb84a951db3ae09efc.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/d905f133c6404882b6fe75d5f0a9b756.jpeg
[c6bf90410fa24377a604334e4a5b198d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/52b713f2aef549819a9c139aa3af1f00.jpeg
[20d008f37c674e8083a4ff559433f117.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ac6b24c3fb8a4bcb9b56164a9da5cabb.jpeg
[5c65b1a6aaf74be980c3a4bac89ebde6.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/5c0204603df64723aeb8536b12b57489.jpeg