我們持續更新中~~~
導讀Java UI框架提供了一些常用的介面元素，也可稱之為元件。
HarmonyOS可以在程式碼中建立佈局，也可以用XML宣告佈局的方式。
這兩種方式創建出的佈局沒有本質差別，在XML中宣告佈局，在載入後同樣可在程式碼中對該佈局進行修改。
目錄1、什麼是XML?
2、定向佈局DirectionalLayout 簡介
3、定向佈局DirectionalLayout 對齊方式
4、定向佈局DirectionalLayout 權重
5、定向佈局DirectionalLayout 示例
正文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、定向佈局DirectionalLayout 簡介
DirectionalLayout是Java UI中的一種重要元件佈局，用於將一組元件按照水平或者垂直方向排布，能夠方便地對齊佈局內的元件。該佈局和其他佈局的組合，可以實現更加豐富的佈局方式。
3、定向佈局DirectionalLayout 對齊方式
DirectionalLayout中的元件使用layout_alignment控制自身在佈局中的對齊方式。
layout_alignment常用引數列表如下：
|
引數 |
作用 |
可搭配排列方式 |
|
left |
左對齊 |
垂直排列 |
top |
頂部對齊 |
水平排列 |
|
right |
右對齊 |
垂直排列 |
|
bottom |
底部對齊 |
水平排列 |
|
horizontal_center |
水平方向居中 |
垂直排列 |
|
vertical_center |
垂直方向居中 |
水平排列 |
|
center |
垂直與水平方向都居中 |
水平/垂直排列 |
4、定向佈局DirectionalLayout 權重
權重（weight）：
就是按比例來分配元件佔用父元件的大小
水平佈局下計算公式：父佈局可分配寬度=父佈局寬度-所有子元件width之和；
元件寬度=元件weight/所有元件weight之和*父佈局可分配寬度；
5、定向佈局DirectionalLayout 示例