鸿蒙OS Ability Form

2020-09-18 10:14 更新

基本概念

Ability Form,即表单,是 Page 形态的 Ability 的一种界面展示形式,用于嵌入到其他应用中作为其界面的一部分显示,并支持基础的交互功能。表单使用方作为表单展示的宿主负责显示表单,表单使用方的典型应用就是桌面。下图展示一种音乐播放应用 Page 的完整显示及其微缩展示效果。

图1 Page 及其表单 img

表单提供方

表单提供方是一个 Page 形态的 Ability,需要实现 onCreateForm() 方法,并返回一个 AbilityForm 对象。创建 AbilityForm 对象时需要指定表单布局文件。

  1. 为表单定义布局文件。创建布局文件form_layout.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <DirectionLayout xmlns:ohos="http://schemas.huawei.com/res/ohos"
  3. ohos:width="match_parent"
  4. ohos:height="match_parent"
  5. ohos:orientation="horizontal">
  6. <Text
  7. ohos:id="$+id:text01"
  8. ohos:width="match_content"
  9. ohos:height="match_content"
  10. ohos:text="Counter"
  11. ohos:text_color="#FF555555"
  12. ohos:text_size="20fp"/>
  13. <Text
  14. ohos:id="$+id:text02"
  15. ohos:width="match_content"
  16. ohos:height="match_content"
  17. ohos:text_color="#FF0000FF"
  18. ohos:text_size="20fp"/>
  19. </DirectionLayout>

  1. 实现 onCreateForm() 方法,并为表单视图控件注册回调。

  1. public class FormAbility extends Ability {
  2. private static AbilityForm abilityForm;
  3. private static int clickTimes = 0;
  4. ...
  5. @Override
  6. public AbilityForm onCreateForm() {
  7. abilityForm = new AbilityForm(ResourceTable.Layout_form_layout, this);
  8. abilityForm.setText(ResourceTable.Id_text02, generateFormText());
  9. abilityForm.registerViewListener(ResourceTable.Id_text02, new OnClickListener() {
  10. @Override
  11. public void onClick(int viewId, AbilityForm form, ViewsStatus viewsStatus) {
  12. clickTimes++;
  13. form.setText(viewId, generateFormText());
  14. if (FormSlice.text != null) {
  15. FormSlice.text.setText("Client.Counter: " + clickTimes);
  16. }
  17. }
  18. });
  19. return abilityForm;
  20. }
  21. private static String generateFormText() {
  22. return "total: " + clickTimes;
  23. }
  24. }

  1. 在 FormSlice 实现 text,用于展示 Form 点击效果(用例展示效果,非实现 Form 必须步骤)。

  1. public class FormSlice extends AbilitySlice {
  2. public static Text text;
  3. @Override
  4. public void onStart(Intent intent) {
  5. super.onStart(intent);
  6. PositionLayout positionLayout = new PositionLayout(this);
  7. ShapeElement background = new ShapeElement();
  8. background.setShape(ShapeElement.RECTANGLE);
  9. background.setRgbColor(new RgbColor(0xFFFFFFFF));
  10. positionLayout.setBackground(background);
  11. text = new Text(this);
  12. text.setTextSize(30);
  13. text.setTop(400);
  14. text.setLeft(200);
  15. text.setText(assembleText(FormAbility.getClickTimes()));
  16. positionLayout.addComponent(text);
  17. super.setUIContent(positionLayout);
  18. }
  19. ...
  20. }

  1. 表单提供方在配置文件中声明,将 form-enabled 设置为 true ,并提供表单尺寸信息。

  1. {
  2. "module": {
  3. ...
  4. "abilities": [
  5. {
  6. ...
  7. "form-enabled": true,
  8. "form": {
  9. "default-height": 200,
  10. "default-width": 300,
  11. "min-height": 60,
  12. "min-width": 80
  13. },
  14. ...
  15. }
  16. ]
  17. ...
  18. }
  19. ...
  20. }

说明

由于当前暂未支持 Form 缩放,即无法调整其显示尺寸,因此 min-height 和 min-width 字段暂无实际用途,可以省略。

表单使用方

表单使用方通常是桌面类应用。以下示例展示如何获取并展示表单。

  1. 获取表单需要具有 ohos.permission.REQUIRE_FORM 权限,注意该权限仅限系统应用获取。在配置文件中声明需要此权限。

  1. "reqPermissions": [
  2. {
  3. "name": "ohos.permission.REQUIRE_FORM"
  4. }
  5. ]

  1. 调用 AbilitySlice 类的 acquireAbilityFormAsync() 方法异步获取表单,该方法需要通过 Intent 指定获取的目标表单,并提供一个回调用于接收表单。注意,获取到 AbilityForm 实例并未立即显示到当前页面布局中,开发者需要继续后续步骤把表单添加到视图中才会显示。

  1. private void acquireForm() throws RemoteException {
  2. Intent intent = new Intent();
  3. Operation operation = new Intent.OperationBuilder()
  4. .withDeviceId("")
  5. .withBundleName("ohos.formsupplier.ability")
  6. .withAbilityName("ohos.formsupplier.ability.FormAbility")
  7. .build();
  8. intent.setOperation(operation);
  9. // Get form size.
  10. formAbilityInfo = getBundleManager().queryAbilityByIntent(intent,IBundleManager.GET_ABILITY_INFO_WITH_PERMISSION,userId).get(0);
  11. this.acquireAbilityFormAsync(intent, new AbilityForm.OnAcquiredCallback() {
  12. @Override
  13. public void onAcquired(AbilityForm abilityForm) {
  14. // store as a class field
  15. form = abilityForm;
  16. }
  17. @Override
  18. public void onDestroyed(AbilityForm abilityForm) {
  19. form = null;
  20. }
  21. });
  22. }

  1. 创建布局,作为表单的视图容器。

  1. private PositionLayout createFormHostLayout() {
  2. PositionLayout formLayout = ...;
  3. ...
  4. // set size same with default of form
  5. formLayout.setHeight(formAbilityInfo.getDefaultFormHeight());
  6. formLayout.setWidth(formAbilityInfo.getDefaultFormWidth());
  7. ...
  8. return formLayout;
  9. }

  1. 将表单的视图容器添加到当前视图中,以便显示表单。

  1. private void showForm() {
  2. PositionLayout hostLayout = createFormHostLayout();
  3. // attach form to host layout
  4. hostLayout.addComponent(form.getView());
  5. // attach host layout to root layout
  6. rootLayout.addComponent(hostLayout);
  7. }

如果开发者需要移除表单,调用 AbilitySlice 类的 releaseAbilityForm() 方法,并以此前获取的 AbilityFor 对象作为参数。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号