DependentLayout相對佈局

千鋒武漢發表於2021-08-06

      今天我們介紹一下DependentLayout相對佈局,同學們帶好小本本我們開始今天的 課程

      DependentLayout相對佈局

      DependentLayout是Java UI系統裡的一種常見佈局。與DirectionalLayout相比,擁有更多的排布方式,每個元件可以指定相對於其他同級元素的位置,或者指定相對於父元件的位置。關於DependentLayout的示意圖如下:

千鋒web前端培訓鴻蒙教程1

      DependentLayout自有的佈局屬性有以下這些:

      alignment屬性:alignment屬性是表示對齊方式,可以表示左對齊、頂部對齊、右對齊、水平居中對齊、垂直居中對齊等方式,可以設定取值項如表中所列,也可以使用“|”進行多項組合。ohos:alignment="top|left"或者ohos:alignment="left"

      DependentLayout所包含元件可支援的XML屬性:

      DependentLayout的排列方式是相對於其他同級元件或者父元件的位置進行佈局。

      相對於同級元件end_of:

千鋒web前端培訓鴻蒙教程2

      below:位於某一個控制元件的下面

千鋒web前端培訓鴻蒙教程3

      其他的above、start_of、left_of、right_of等引數可分別實現類似的佈局。

      相對於父元件以上位置佈局可以組合,形成處於左上角、左下角、右上角、右下角的佈局。

千鋒web前端培訓鴻蒙教程4

       以上就是這一期的DependentLayout相對佈局課程介紹了 ,希望能幫到大家!

      本文來自千鋒教育,轉載請註明出處。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2785616/,如需轉載,請註明出處,否則將追究法律責任。

相關文章