鴻蒙-Stage模式-UIAbility組件

UIAbility組件

每一個UIAbility實例，都對應一個最近任務列表中的任務
UIAbility是一種包含用戶界面的應用組件，主要用于和用戶進行交互

一個應用可以有一個 UIAbility 也可以有多個 UIAbility
單 UIAbility:任務列表只有一個任務。
多 UIAbility:在任務列表中會有多個任務。

應用，模塊，UIAbility，page它們直接的關系

從這一張圖我們可以可以看出來：
1個【應用】可以包含多個【模塊】
1個【模塊】可以包含多個【UIAbility】
1個【UIAbility】可以包含多個【page】

如何在項目中新增一個模塊（運行模塊要使用模擬器真機的哈）

點擊項目》右點擊》新建==》模塊

我們目前都知道：1個【應用】可以包含多個【模塊】

現在我們使用真機運行我們模塊

如何在模塊中找到UIAbility

我們都知道：1個【模塊】可以包含多個【UIAbility】
通過上面的圖，我們只要目前只有一個UIAbility

1個UIAbility下的多個頁面之間互相跳轉

//D:\hongmeng\applicationproject\ModuleTexst\src\main\ets\pages\home.ets
import { router } from '@kit.ArkUI';

@Entry
@Component
struct Home {
  @State message: string = 'Hello World';

  build() {
    Column(){
      Row(){
        Text('我是首頁哈哈').fontSize(22)
      }
      Row(){
        Button('需要登錄').onClick(()=>{
          router.pushUrl({
            url:'pages/Index'
          })
        })
      }
    }
    .height('100%')
    .width('100%')
  }
}

//D:\hongmeng\applicationproject\ModuleTexst\src\main\ets\pages\Index.ets
import { router } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Column(){
      Row(){
        Text("123")
      }
      Row(){
        Button('需要登錄').onClick(()=>{
          router.pushUrl({
            url:'pages/home'
          })
        })
      }
    }
    .height('100%')
    .width('100%')
  }
}

然后重新運行真機模擬器