【鸿蒙开发细枝末节】更改启动页

2024-03-24  本文已影响0人  天枢破军

前言

本文为修改鸿蒙APP启动首页的方法。

本文对应的API版本是9
开发工具版本
DevEco Studio 3.1.1 Release Build Version: 3.1.0.501, built on June 20, 2023 Build #DS-223.8617.56.36.310501 Runtime version: 17.0.6+10-b829.5 amd64 VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o. Windows 10 10.0 GC: G1 Young Generation, G1 Old Generation Memory: 1024M Cores: 16 Registry: external.system.auto.import.disabled=true

Non-Bundled Plugins: com.intellij.marketplace (223.8617.59) izhangzhihao.rainbow.brackets (2023.3.7)

具体操作

以下操作缺一不可,必须全部完成

  1. 声明一个struct并添加@Entry注解,像这样:
@Entry
@Component
struct VideoPage {

    build(){
    
    }
}
  1. src/main/ets/entryability/目录下找到EntryAbility.ts文件,然后在代码中找到这行, 把第一个参数改为新的启动首页的路径。
windowStage.loadContent('pages/Index', 

改成

windowStage.loadContent('pages/VideoPage', 
  1. src/main/resources/base/profile/目录下找到main_pages.json文件,然后在代码中的src下的字符串改成新的启动首页的路径
{
  "src": [
    "pages/Index"
  ]
}

改成

{
  "src": [
    "pages/VideoPage"
  ]
}
  1. 最最最重要的最容易忘的一步,点击IDE顶部的Buile -> Clean Project
  2. 如果APP已经在运行了,点工具栏的红色矩形停止运行。
  3. 重新编译运行。
上一篇 下一篇

猜你喜欢

热点阅读