方舟UI框架

方舟UI框架（简称ArkUI，原名方舟开发框架）是一个由华为开发的声明式的用户界面框架，用于在原生鸿蒙、OpenHarmony以及Oniro OS应用程序上构建用户界面，采用基于TypeScript声明式UI语法扩展而来的ArkTS语言。

ArkUI与DevEco Studio IDE集成，提供实时预览、调试和其他开发功能。

历史

在2023年8月的HDC 2023大会上，华为宣布了HarmonyOS 4.0的ArkUI改进，可以使用ArkTS和Ark Engine进行原生HarmonyOS NEXT软件开发，并引入了ArkGraphics 2D和ArkGraphics3D框架。

示例代码

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%')
  }
}