[HarmonyOS] HarmonyOS UI框架关键技术解析

Intent intent = new Intent();
Operation operation = new Intent.OperationBuilder()
    .withAction("action2")
    .build();
intent.setOperation(operation);
startAbility(intent);

<div style="text-align: left;">1.Ability2初始化时通过addActionRoute接口设置了路由规则。</div><div style="text-align: left;">2.Ability1通过startAbilityForResult跳转到Ability2时，Ability2根据action选择AbilitySlice1或AbilitySlice2。</div><div style="text-align: left;">3.当Ability2关闭返回时，Ability1通过onAbilityResult()回调方法，对请求结果进行处理。</div>

present(new AbilitySlice2(), new Intent());

1.Ability3包含AbilitySlice1、AbilitySlice2、AbilitySlice3三个AbilitySlice，初始化时通过setMainRoute方法设置了默认界面为AbilitySlice1。
2.AbilitySlice1可通过present()发起导航到AbilitySlice2，导航完成后界面显示AbilitySlice2。
3.若AbilitySlice1希望从导航目标AbilitySlice3返回时，能够获得其返回结果，则可使用presentForResult()实现导航。当AbilitySlice3返回时，系统将回调onResult()给AbilitySlice1来接收和处理返回结果，其中返回结果由AbilitySlice3在其生命周期内通过setResult()进行设置。

ohos.global.resource.ResourceManager resManager = this.getResourceManager();
String result = resManager.getElement(ResourceTable.String_app_name).getString();

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos"
  ohos:width="match_parent"
  ohos:height="match_parent"
  ohos:orientation="vertical">
  <Text ohos:text="$string:app_name"/>
</DirectionalLayout>

let actionData = {
    uri: 'www.huawei.com'
  };
  let target = {
    bundleName: "com.example.harmonydevsample",
    abilityName: "com.example.harmonydevsample.EntryJSApiAbility",
    data: actionData
  };

  let result = await FeatureAbility.startAbility(target);
  let ret = JSON.parse(result);
  if (ret.code == 0) {
    console.log('success');
  } else {
    console.log('cannot start browing service, reason: ' + ret.data);
  }

{
  ...
  "pages": [
  "pages/index/index",
  "pages/detail/detail"
  ]
  ...
}

import router from '@system.router';
router.push({
   uri: "pages/detail/detail",
   params: {
      eventId: item,
   }
});

FeatureAbility.startAbility(OBJECT)
FeatureAbility.startAbilityForResult(OBJECT)

{
  "strings": {
    "hello": "Hello world!",
  ……
  },
}

<div>
  <!-- text中显示“Hello world!” -->
  <text>{{ $t('strings.hello') }}</text>
</div>

export default {
  data: {
  hello: '',
  },
  onInit() {
  this.hello = this.$t('strings.hello');
  },   
}

{
  "strings": {
    "people": {
      "one": "one person",
      "other": "{count} people"
    }
  }
}

<div>
<!-- 传递数值为2时："2 people" 阿拉伯语中此处匹配key为two的词条-->
  <text>{{ $tc('strings.people', 2) }}</text>
</div>

export default {
  data: {
  people: '',
  },
  onInit() {
  this. people = this.$tc('strings.people', 2);
  },   
}

{
  "image": {
    "wearable": "common/wearable.png",
    ……
   }
}

<div>
  <!-- 通过$r来设置对应图片资源在json配置文件中的path -->
  <image src="{{ $r('image.wearable') }}" class="image"></image>
</div>

export default {
  private: {
  wearable: '',
  },
  onInit() {
  // 资源格式化：
  this. wearable= this.$r('image. wearable');
  },  
}