跳至內容

方舟UI框架

維基百科,自由的百科全書

方舟UI框架(簡稱ArkUI[1],原名方舟開發框架)是一個由華為開發的聲明式用戶界面框架,用於在原生鴻蒙OpenHarmony以及Oniro OS應用程式上構建用戶界面,採用基於TypeScript聲明式UI語法擴展而來的ArkTS英語ArkTS語言。[2]

ArkUI與DevEco Studio IDE集成,提供實時預覽、調試和其他開發功能。

歷史

[編輯]

在2023年8月的HDC 2023大會上,華為宣佈了HarmonyOS 4.0的ArkUI改進,可以使用ArkTS和Ark Engine進行原生HarmonyOS NEXT軟件開發,並引入了ArkGraphics 2D和ArkGraphics3D框架。[3]

示例代碼

[編輯]
import ArkTS
// Index.ets

import router from '@ohos.router';

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

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        // Add a button to respond to user clicks.
        Button() {
          Text('Next')
            .fontSize(30)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 20
        })
        .backgroundColor('#0D9FFB')
        .width('40%')
        .height('5%')
        // Bind the onClick event to the Next button so that clicking the button redirects the user to the second page.
        .onClick(() => {
          router.pushUrl({ url: 'pages/Second' })
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}

參考文獻

[編輯]
  1. ^ 方舟开发框架(ArkUI)概述. [2024-08-07]. (原始內容存檔於2024-08-14) (中文(中國大陸)). 
  2. ^ Parker, Victoria. HDC Technical Sub-forum: A comprehensive look at HarmonyOS 'next-generation UI Framework. Mo4Tech. (原始內容存檔於2024-02-13). 
  3. ^ Bhati, Kamlesh. Huawei HarmonyOS NEXT Official Now: Bring Spatial Design and Vivid Color Concepts. Sparrownews.com. (原始內容存檔於2024-02-13).