我們持續更新中~~~

導讀

Java UI框架提供了一些常用的介面元素，也可稱之為元件。

HarmonyOS可以在程式碼中建立佈局，也可以用XML宣告佈局的方式。

這兩種方式創建出的佈局沒有本質差別，在XML中宣告佈局，在載入後同樣可在程式碼中對該佈局進行修改。

目錄

1、什麼是XML?

2、堆疊佈局 StackLayout 簡介

3、堆疊佈局 StackLayout 示例

正文1、什麼是XML?

XML一般指可擴充套件標記語言。可擴充套件標記語言，標準通用標記語言的子集，簡稱XML。是一種用於標記電子檔案使其具有結構性的標記語言。

推薦使用XML宣告佈局，安裝Node.js可以呼叫Previewer預覽器。

安裝Node.js，步驟如下：

1.請根據下載和安裝Node.js指導，安裝Node.js軟體。

2.在DevEco Studio中關閉當前開啟的工程，然後重啟DevEco Studio。

下載Node.js：https://nodejs.org/zh-cn/download/

2、依賴佈局 DependentLayout 簡介

StackLayout直接在螢幕上開闢出一塊空白的區域，新增到這個佈局中的檢視都是以層疊的方式顯示，而它會把這些檢視預設放到這塊區域的左上角，第一個新增到佈局中檢視顯示在最底層，最後一個被放在最頂層。上一層的檢視會覆蓋下一層的檢視。

3、堆疊佈局 StackLayout 示例

<?xml version="1.0" encoding="utf-8"?><StackLayout    xmlns:ohos="http://schemas.huawei.com/res/ohos"    ohos:id="$+id:stack_layout"    ohos:height="match_parent"    ohos:width="match_parent">    <Text        ohos:text_alignment="bottom|horizontal_center"        ohos:text_size="24fp"        ohos:text="黑色"        ohos:height="400vp"        ohos:width="400vp"        ohos:background_element="#272727" />    <Text        ohos:text_alignment="bottom|horizontal_center"        ohos:text_size="24fp"        ohos:text="紅色"        ohos:height="300vp"        ohos:width="300vp"        ohos:background_element="#FF0000" />    <Text        ohos:text_alignment="bottom|horizontal_center"        ohos:text_size="24fp"        ohos:text="粉色"        ohos:height="200vp"        ohos:width="200vp"        ohos:background_element="#ffaad5" />        <Text        ohos:text_alignment="bottom|horizontal_center"        ohos:text_size="24fp"        ohos:text="紫色"        ohos:height="100vp"        ohos:width="100vp"        ohos:background_element="#5B00AE" /></StackLayout>

相關閱讀

Harmony OS創新能力：虛擬超級終端

Harmony OS 2.0 核心能力：分散式軟匯流排

HarmonyOS如何真機除錯？

「HarmonyOS Java UI」 定向佈局

HarmonyOS真機除錯（常見問題一）

HarmonyOS之Java UI介面佈局（一）詳細-零基礎