#鸿蒙通关秘籍#如何优化日历应用中的高负载组件渲染？

// 在组件中创建DisplaySync对象
this.displaySync = displaySync.create();

// 设置期望帧率
let range = {
  expected: 120,
  min: 60,
  max: 120
};
this.displaySync.setExpectedFrameRateRange(range);

// 设置帧回调监听
this.displaySync.on("frame", () => {
  // 数据拆分更新代码
});

// 启动帧回调监听
this.displaySync.start();
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

this.displaySync.on("frame", () => {
  if (this.temp.length > 0) {
    if (this.step === 0) {
      this.month = this.temp[0].month;
      this.monthNumber = this.temp[0].num;
      this.year = this.temp[0].year;
      this.maxStep = this.maxStep + Math.ceil(this.temp[0].days.length / this.MAX_EVERY_FRAME);
      this.step += 1;
    } else if (this.step === this.maxStep - 1) {
      this.temp.shift();
      this.step = 0;
      this.maxStep = 2;
    } else {
      let start = this.MAX_EVERY_FRAME * (this.step - 1);
      let end = (this.MAX_EVERY_FRAME * this.step) > this.temp[0].days.length ? 
            this.temp[0].days.length : this.MAX_EVERY_FRAME * this.step;
      for (let i = start; i < end; i++) {
        this.days[i] = this.temp[0].days[i];
        this.lunarDays[i] = this.temp[0].lunarDays[i];
      }
      this.step += 1;
    }
  }
});
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.