HarmonyOS實戰—布局群組件的概述

元件的概述

• 螢幕展示出來的元素，都稱之為元件。比如華為已經提供的：文本，圖檔，進度條，輸入框等。
• 注意點：元件在未被添加到布局中時，既無法顯示也無法互動，是以一個使用者界面至少包含一個布局。
• 如下分别有：按鈕元件、圖檔元件、文本元件、文本輸入框元件、進度條元件、滑塊元件、多選框元件、單選框元件。

• 鴻蒙中會把元件分為兩大類：顯示類元件 和 互動類元件

• 這麼多元件有個共同的父類：Component，方法就是傳回一個 component 對象，就表示傳回一個元件的對象。

• 其實之前所說的布局也是一種元件，可以把布局了解為容器類的元件，專門用來裝其他類的元件的。

布局的概述

• 元件的展示方式。比如：線性布局，相對布局，絕對布局，格子布局等。
• 頂級父類：

  ComponentContainer

  。了解為元件容器。
• 布局一般以“

  Layout

  ”結尾，如

  DirectionalLayout

  、

  DependentLayout

  等。不同的布局中，元件的展示方式是不一樣的，比如線性布局，就是從上往下，或者從左往右依次擺放内部元件的。比如格子布局，就是n行n列的格子。

1. 顯示類元件

• 顯示類元件：隻負責資料展示的，無法跟使用者互動，比如展示文本的元件，展示圖檔的元件。

2. 互動類元件

• 互動類元件：可以跟使用者互動的，比如使用者可以點選的按鈕元件，使用者可以輸入的文本框元件。

3. 布局類元件

• 布局其實也是一種比較特殊的元件。