方舟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).