【鸿蒙实战开发】实现一个授权页面

前言

学习鸿蒙的 ArkUI 框架有一段时间了，基础组件和容器组件也学了个七七八八。下面通过实战一个授权页面来梳理一下学过的组件。

涉及的组件如下：

●容器组件：Row、Column、Stack。
●基础组件：Image、Text、Button、Blank。
●提示组件：AlertDialog、promptAction。

可以看到，虽然是一个看上去比较简单的页面，但用到的组件还是不少的，下面让我们开始编写代码。

定义模型

因为这是一个应用的授权页面，所以首先我们要自定义一个数据模型来表示应用，代码如下：

class AppModel {
  name: string;
  icon: string;
  test: boolean;
  authedTime: number;

  constructor(name: string, icon: string, test: boolean, authedTime: number) {
    this.name = name;
    this.icon = icon;
    this.test = test;
    this.authedTime = authedTime;
  }
}

需要注意的是，构造方法是可以使用快捷键 command+N 来自动生成的，不需要我们一个一个的再去写。

授权时间的转换

在存储时间相关的信息时，一般都会使用时间戳来存储࿰