鴻蒙OS Java UI框架概述

應(yīng)用的 Ability 在屏幕上將顯示一個(gè)用戶界面，該界面用來顯示所有可被用戶查看和交互的內(nèi)容。應(yīng)用中所有的用戶界面元素都是由 Component 和 ComponentContainer 對(duì)象構(gòu)成。Component 是繪制在屏幕上的一個(gè)對(duì)象，用戶能與之交互。ComponentContainer 是一個(gè)用于容納其他 Component 和 ComponentContainer 對(duì)象的容器。

Java UI 框架提供了一部分 Component 和 ComponentContainer 的具體子類，即創(chuàng)建用戶界面（UI）的各類組件，包括一些常用的組件（比如：文本、按鈕、圖片、列表等）和常用的布局（比如：DirectionalLayout 和 DependentLayout）。用戶可通過組件進(jìn)行交互操作，并獲得響應(yīng)。所有的UI操作都應(yīng)該在主線程進(jìn)行設(shè)置。

組件和布局

用戶界面元素統(tǒng)稱為組件，組件根據(jù)一定的層級(jí)結(jié)構(gòu)進(jìn)行組合形成布局。組件在未被添加到布局中時(shí)，既無法顯示也無法交互，因此一個(gè)用戶界面至少包含一個(gè)布局。在UI框架中，具體的布局類通常以 XXLayout 命名，完整的用戶界面是一個(gè)布局，用戶界面中的一部分也可以是一個(gè)布局。布局中容納 Component 與 ComponentContainer 對(duì)象。

Component 和 ComponentContainer

• Component：提供內(nèi)容顯示，是界面中所有組件的基類，開發(fā)者可以給 Component 設(shè)置事件處理回調(diào)來創(chuàng)建一個(gè)可交互的組件。Java UI 框架提供了一些常用的界面元素，也可稱之為組件，組件一般直接繼承 Component 或它的子類，如 Text、Image 等。
• ComponentContainer：作為容器容納 Component 或 ComponentContainer 對(duì)象，并對(duì)它們進(jìn)行布局。Java UI 框架提供了一些標(biāo)準(zhǔn)布局功能的容器，它們繼承自 ComponentContainer，一般以“Layout”結(jié)尾，如 DirectionalLayout、DependentLayout 等。

圖1 Component結(jié)構(gòu)

LayoutConfig

每種布局都根據(jù)自身特點(diǎn)提供 LayoutConfig 供子 Component 設(shè)定布局屬性和參數(shù)，通過指定布局屬性可以對(duì)子 Component 在布局中的顯示效果進(jìn)行約束。例如：“width”、“height”是最基本的布局屬性，它們指定了組件的大小。

圖2 LayoutConfig

組件樹

布局把 Component 和 ComponentContainer 以樹狀的層級(jí)結(jié)構(gòu)進(jìn)行組織，這樣的一個(gè)布局就稱為組件樹。組件樹的特點(diǎn)是僅有一個(gè)根組件，其他組件有且僅有一個(gè)父節(jié)點(diǎn)，組件之間的關(guān)系受到父節(jié)點(diǎn)的規(guī)則約束。