再探鸿蒙

133 阅读1分钟

目录结构

image.png ets-》写代码的 configuration-》放配置文件的 resources-》放静态资源的 json5是啥?看到这个我还愣了一下,其实就是宽松版的json

从那里开始

文档写的不清楚这里我标出来

image.png

image.png 圈出来的地方就是aap打开时会开启的页面

页面跳转

ARKscript给我看蒙了,可能是写多了java看不到分号就不知道怎么分行了

代码中的@更是给我一种注解的感觉

新建-》page-》Second.ets,这里系统会自动给路由配置文件加入

这里要吐槽的是,鸿蒙的配置文件给我的感觉就是东一个西一个,有关界面路由路径的配置文件居然在这profile的main_pages.json里(ps:为啥这里又不用json5了)

image.png

简单页面跳转代码如下

import { router } from '@kit.ArkUI';
import url from '@ohos.url';

@Entry//装饰器,表示这是程序的入口
@Component//装饰器,表示这是一个自定义的组件
struct Index {

  build() {//表示开始构建,没有就报错
    Row(){//Row表示行的容器,这里面是从上往下排列
      Column({ space: 20 }) {//Column表示列的容器,里面是水平排列
        Button('go2').width('90%').height(50).onClick(()=>router.pushUrl({url:'pages/Second'}))
        //button按钮,里面参数是按钮上的字,宽度,高度,点击事件,这调用了router的跳转
      }.width('100%')
    }
  }
}
import { router } from '@kit.ArkUI';

@Entry
@Component
struct Second {
  build() {
    Row(){
      Column({ space: 20 }) {
        Button('back').width('90%').height(50).onClick(()=>router.back())
      }.width('100%')
    }
  }
}