方舟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). 
消费
产品
手机
(列表)
Mate
Pura|原称P系列
Pocket
Nova
  • Nova
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7英语Huawei Nova 7
  • 8英语Huawei Nova 8
  • 9
  • 10
  • 11
  • 12
  • Flip
  • Y60
  • Y61
  • Y70
  • Y71
  • Y90
畅享
  • 5
  • 6
  • 7
  • 8
  • 10
  • 20
  • 50
  • 60
  • 70
  • max
其他
平板
  • Ideos Tablet S7英语Huawei Ideos Tablet S7
  • Mediapad
    • M5英语Huawei Mediapad M5
    • M6
  • MatePad
    • Air
    • 10.4
    • 10.8
    • 11
    • 11.5S
    • SE
  • MatePad Pro英语Huawei MatePad Pro
    • 5G
    • 10.8
    • 11
    • 12.6
    • 13.2
笔记本
穿戴
  • 手表
    • GT 2/2e/Pro
    • 3
    • GT 3/SE/Pro
    • GT 4
  • 耳机
    • Freebuds lipstick
    • Freebuds
      • 4
      • 4i
      • 4E
      • 5i
      • 6i
      • Pro 2
      • Pro 3
  • 手环
  • 智能眼镜
处理器
其他
  • 智慧屏
    • V系
    • S系
    • Vision系
  • 打印机
    • PixLab X1
    • PixLab V1
    • PixLab B5
  • WeLink
  • NM卡
  • 智能汽车
  • E5英语Huawei E5
  • E220英语Huawei E220
  • SingleRAN英语Huawei SingleRAN
  • 4G eLTE英语Huawei 4G eLTE
软件
应用和服务
操作系统
开发者生态
  • 华为开发者大会
  • 方舟编译器英语Ark Compiler
  • 方舟UI框架
  • ArkTS英语ArkTS
  • 仓颉编程语言
  • App (文件格式)
存储网络安全
  • 华为赛门铁克英语Huawei Symantec
  • EROFS
  • OceanStor分布式存储
通信
建筑
人物
  • 梁华(董事长)
  • 任正非(创始人、董事、首席执行官)
  • 孟晚舟(副董事长,首席财务官)
  • 余承东(常务董事、消费者BG首席财务官、云与计算BG总裁)
  • 郭平(副董事长,轮值董事长)
  • 徐直军(副董事长,轮值董事长)
  • 胡厚崑(副董事长,轮值董事长)
  • 何庭波(董事、海思总裁、2012 实验室总裁)
  • 李一男(原副总裁)
  • 孙亚芳(原董事长)
其他
  • 分类 分类
  • 共享资源页面 共享资源