arkts-ui-widget-update-by-time.md 5.2 KB
Newer Older
L
liweifeng 已提交
1
# 卡片定时刷新和定点刷新
Z
zhongjianfei 已提交
2 3 4 5

当前卡片框架提供了如下几种按时间刷新卡片的方式:


Y
yuyaozhi 已提交
6
- 定时刷新:表示在一定时间间隔内调用[onUpdateForm](../reference/apis/js-apis-app-form-formExtensionAbility.md#onupdateform)的生命周期回调函数自动刷新卡片内容。可以在form_config.json配置文件的[`updateDuration`](arkts-ui-widget-configuration.md)字段中进行设置。例如,可以将刷新时间设置为每小时一次。
L
liweifeng 已提交
7

8 9
  > **说明:**
  >
W
form  
wangkailong 已提交
10
  > 在使用定时和定点刷新功能之前,需要在form_config.json配置文件中设置`updateEnabled`字段为`true`,以启用周期性刷新功能。
zyjhandsome's avatar
zyjhandsome 已提交
11
  > 当配置了`updateDuration`(定时刷新)后,该设置会优先于`scheduledUpdateTime`(定点刷新)生效,即使同时配置了两者,定点刷新也会被忽略。
L
liweifeng 已提交
12

Z
zhongjianfei 已提交
13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
  ```json
  {
    "forms": [
      {
        "name": "widget",
        "description": "This is a service widget.",
        "src": "./ets/widget/pages/WidgetCard.ets",
        "uiSyntax": "arkts",
        "window": {
          "designWidth": 720,
          "autoDesignWidth": true
        },
        "colorMode": "auto",
        "isDefault": true,
        "updateEnabled": true, // 使能刷新功能
L
liweifeng 已提交
28
        "scheduledUpdateTime": "10:30",
Z
zhongjianfei 已提交
29 30 31 32 33 34 35
        "updateDuration": 2, // 设置卡片定时刷新的更新周期(单位为30分钟,取值为自然数)
        "defaultDimension": "2*2",
        "supportDimensions": ["2*2"]
      }
    ]
  }
  ```
L
liweifeng 已提交
36

zyjhandsome's avatar
zyjhandsome 已提交
37
- 定点刷新:表示在每天的某个特定时间点自动刷新卡片内容。可以在form_config.json配置文件中的[`scheduledUpdateTime`](arkts-ui-widget-configuration.md)字段中进行设置。例如,可以将刷新时间设置为每天的上午10点30分。
L
liweifeng 已提交
38

39 40
  > **说明:**
  >
zyjhandsome's avatar
zyjhandsome 已提交
41
  > 当同时配置了定时刷新(`updateDuration`)和定点刷新(`scheduledUpdateTime`)时,定时刷新的优先级更高。如果想要配置定点刷新,则需要将`updateDuration`配置为0。
L
liweifeng 已提交
42 43


Z
zhongjianfei 已提交
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
  ```json
  {
    "forms": [
      {
        "name": "widget",
        "description": "This is a service widget.",
        "src": "./ets/widget/pages/WidgetCard.ets",
        "uiSyntax": "arkts",
        "window": {
          "designWidth": 720,
          "autoDesignWidth": true
        },
        "colorMode": "auto",
        "isDefault": true,
        "updateEnabled": true, // 使能刷新功能
        "scheduledUpdateTime": "10:30", // 设置卡片的定点刷新的时刻
        "updateDuration": 0,
        "defaultDimension": "2*2",
        "supportDimensions": ["2*2"]
      }
    ]
  }
  ```
L
liweifeng 已提交
67

68
- 下次刷新:表示指定卡片的下一次刷新时间。可以通过调用[`setFormNextRefreshTime()`](../reference/apis/js-apis-app-form-formProvider.md#setformnextrefreshtime)接口来实现。最短刷新时间为5分钟。例如,可以在接口调用后的5分钟内刷新卡片内容。
L
liweifeng 已提交
69

Z
zhongjianfei 已提交
70 71
  ```ts
  import formProvider from '@ohos.app.form.formProvider';
X
xuzhihao 已提交
72
  import Base from '@ohos.base';
L
liweifeng 已提交
73

X
xuzhihao 已提交
74
  let formId: string = '123456789'; // 实际业务场景需要使用正确的formId
Z
zhongjianfei 已提交
75 76
  try {
    // 设置过5分钟后更新卡片内容
X
xuzhihao 已提交
77
    formProvider.setFormNextRefreshTime(formId, 5, (err: Base.BusinessError) => {
Z
zhongjianfei 已提交
78 79 80 81 82 83 84 85
      if (err) {
        console.error(`Failed to setFormNextRefreshTime. Code: ${err.code}, message: ${err.message}`);
        return;
      } else {
        console.info('Succeeded in setFormNextRefreshTimeing.');
      }
    });
  } catch (err) {
X
xuzhihao 已提交
86
    console.error(`Failed to setFormNextRefreshTime. Code: ${(err as Base.BusinessError).code}, message: ${(err as Base.BusinessError).message}`);
Z
zhongjianfei 已提交
87 88 89 90
  }
  ```


zyjhandsome's avatar
zyjhandsome 已提交
91
在触发定时、定点或下次刷新后,系统会调用FormExtensionAbility的[`onUpdateForm()`](../reference/apis/js-apis-app-form-formExtensionAbility.md#onupdateform)生命周期回调,在回调中,可以使用[`updateForm()`](../reference/apis/js-apis-app-form-formProvider.md#updateform)进行提供方刷新卡片。`onUpdateForm()`生命周期回调的使用请参见[通过FormExtensionAbility刷新卡片内容](arkts-ui-widget-event-formextensionability.md)
Z
zhongjianfei 已提交
92 93


94
> **说明:**
zyjhandsome's avatar
zyjhandsome 已提交
95
> 1. 定时刷新有配额限制,每张卡片每天最多通过定时方式触发刷新50次,定时刷新包含[卡片配置项updateDuration](arkts-ui-widget-configuration.md)和调用[`setFormNextRefreshTime()`](../reference/apis/js-apis-app-form-formProvider.md#setformnextrefreshtime)方法两种方式,当达到50次配额后,无法通过定时方式再次触发刷新,刷新次数会在每天的0点重置。
L
liweifeng 已提交
96
>
97
> 2. 当前定时刷新使用同一个计时器进行计时,因此卡片定时刷新的第一次刷新会有最多30分钟的偏差。比如第一张卡片A(每隔半小时刷新一次)在3点20分添加成功,定时器启动并每隔半小时触发一次事件,第二张卡片B(每隔半小时刷新一次)在3点40分添加成功,在3点50分定时器事件触发时,卡片A触发定时刷新,卡片B会在下次事件(4点20分)中才会触发。
L
liweifeng 已提交
98
>
Z
zhongjianfei 已提交
99
> 3. 定时刷新和定点刷新仅在屏幕亮屏情况下才会触发,在灭屏场景下仅会将记录刷新动作,待亮屏时统一进行刷新。
100
> 4. 如果使能了[卡片代理刷新](./arkts-ui-widget-update-by-proxy.md),定时刷新和下次刷新不生效。