方舟UI框架
方舟UI框架(簡稱ArkUI[1],原名方舟開發框架)是一個由華為開發的聲明式的用戶界面框架,用於在原生鴻蒙、OpenHarmony以及Oniro OS應用程式上構建用戶界面,採用基於TypeScript聲明式UI語法擴展而來的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%')
}
}
參考文獻
編輯- ^ 方舟开发框架(ArkUI)概述. [2024-08-07]. (原始內容存檔於2024-08-14) (中文(中國大陸)).
- ^ Parker, Victoria. HDC Technical Sub-forum: A comprehensive look at HarmonyOS 'next-generation UI Framework. Mo4Tech. (原始內容存檔於2024-02-13).
- ^ Bhati, Kamlesh. Huawei HarmonyOS NEXT Official Now: Bring Spatial Design and Vivid Color Concepts. Sparrownews.com. (原始內容存檔於2024-02-13).