HarmonyOS鸿蒙Next第10篇：状态管理V1全面迁移至V2

HarmonyOS鸿蒙Next第10篇：状态管理V1全面迁移至V2 【上架应用开源版】第10篇：状态管理V1全面迁移至V2

V2是必须的呀！因此把v1前面升级至v2了，欢迎围观不同的写法~

1. 迁移内容太多，还是得看官方文档

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-v1-v2-migration-V5

完整项目已经上传到gitee了，如果看项目前后的变化，建议开两个工程，把变化前后的版本（git log）下载下来。

2. 这里来点不一样的写法

2.1 全局变量统一管理

//构建全局对象
import { AppStorageV2 } from '@kit.ArkUI';

@ObservedV2
export class V2Info {
  @Trace isLogin: boolean = false; //登录状态
  @Trace statusHeight: number = 0; //状态栏高度（单位：vp）
  @Trace bottomHeight: number = 0; //导航栏高度（单位：vp）
  @Trace screenHeight: number = 0; //屏幕高度（单位：vp）
  @Trace screenWidth: number = 0; //屏幕宽度（单位：vp）

  /**
   * 获取最新的对象
   */
  static connect(): V2Info {
    return AppStorageV2.connect<V2Info>(V2Info, () => new V2Info())!;
  }
}

//监听对象1
@ComponentV2
struct HomePage {
    @Local info: V2Info = V2Info.connect();
    ...

//监听对象2
@ComponentV2
struct LoginPage {
    @Local info: V2Info = V2Info.connect();
    ...

//对象复制并通知
V2Info.connect().isLogin = true;

是不是很简单啊

2.2 监听并初始化

//工具类：
/*
 * @Desc: 全局内存对象缓存工具类，比如：保存 Function 、Context等
 * @Author: qincji
 * @Date: 2024/5/25
 */
import { systemDateTime } from '@kit.BasicServicesKit';
import { log } from './Log';

const TAG = 'Global';

class Global {
    ...

/**
 * 配合@Local 用户单个状态发生改变时进行全局通知
 */
public statusChange<T>(key: string, defValue: T, onChange: (value: T) => void): T {
    this.setObject(key + '-fn', onChange); //添加监听
    return this.getObjectDef(key, defValue);
}

/**
 * 状态发生变化了进行通知
 */
public statusNotify(key: string, value: Object) {
    const fn: Function = this.getObject(key + '-fn');
    if (fn === undefined) { //存的和取的不匹配
        return;
    }
    this.setObject(key, value); //保存起来
    fn(value); //进行通知-单点
}
}

export let global = new Global()


//监听
  @Local splashFinish: boolean = global.statusChange('splashFinish', false, (value) => {
    this.splashFinish = value
    global.removeObject('splashFinish'); //移除掉
})

//通知
global.statusNotify('splashFinish', true);

再扩展一下，操作性还是挺强的

完整代码已托管至鸿蒙应用0-1开发。欢迎Star & Fork！