Harmony OS第一课

2024-05-08  本文已影响0人  渚清与沙白
语法说明

struct是ArkTs新增的关键字,用于自定义组件或自定义弹窗的关键字。可以包含属性和方法。
build方法 用于声明自定义组件的UI结构
组件行书可用于声明自定义组件的参数,使得自定义组件更为通用。

装饰器

@Component
@State
@Entity
@Link
@Prop
@Builder
@CustomDialog
@provide
@custome
@watch
@Component 表示这是个自定义组件; @Entry 则表示这是个入口组件; @State 表示组件中的状态变量,此状态变化会引起 UI 变更。

自定义组件

@Component装饰的struct表示该结构具有组件化的能力,能够成为一个独立的组件。
自定义组件必须定义build方法,在其中进行UI描述。

@Entity装饰的自定义组件用作页面默认的入口组件,加载页面时,将首先创建并呈现@Entity装饰的自定义组件。
一个页面有且仅能有一个@Entity,只有被@Entity修饰的组件或者其子组件才会在页面上显示。

在组件定义时,使用export关键字导出组件,在父组件使用子组件时,需要使用import关键字导入子组件。

自定义组件的生命周期是指从创建到销毁的过程,在这个过程中系统提供的生命周期回调函数,aboutToAppearaboutToDisappear
aboutToAppear用作初始化数据,aboutToDisappear用作释放资源。

WechatIMG31.jpg
渲染控制

条件渲染:if else if else
循环渲染:ForEach迭代数组

状态管理

@State装饰器可以实现组件内部数据更新UI
@Link装饰的变量可以和父组件的@State变量建立双向数据绑定。任何一方做的数据修改都会反映给另一方。

应用程序框架

UIAbility: 包含用户界面的应用组件。

UIAbility内页面之间的跳转及数据传递
页面接收参数
返回上一页面
UIAbility生命周期

给应用添加通知

 // 描述通知
  let notificationRequest: notification.NotificationRequest = {
    id: 100,
    showDeliveryTime: true,
    deliveryTime: new Date().getTime(),
    content: {
      contentType: notification.ContentType.NOTIFICATION_CONTENT_BASIC_TEXT,
      normal: {
        title: '通知内容标题',
        text: '通知内容详情',
        additionalText: '通知附加内容'
      }
    }
  }

  // 发布通知
  notification.publish(notificationRequest).then(()=>{
    // 发布成功
  }).catch((err)=>{
    // 发布失败
  });

后台代理提醒

提醒业务分为:倒计时提醒、日历提醒、闹钟提醒
添加代理提醒使用权限
reminderAgentManager 提供提醒定义、创建提醒、取消提醒等能力
定义提醒实例:reminderAgentManager的ReminderRequest
发布提醒:reminderAgentManager的publishReminder接口
删除提醒:reminderAgentManager的cancelReminder接口
修改提醒:先删除、再新增

单位

vp:尺寸单位
fp:字体单位
fr:grid行列个元素占比

上一篇 下一篇

猜你喜欢

热点阅读