iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
Mobile Development

Android Studio 學習交流系列 第 5

[Day05]Android學習-元件介紹-Layout

  • 分享至 

  • xImage
  •  

哇喔~已經第五天了,終於來到實作UI的介紹了,這篇我要分享的是layout版面配置的種類及使用方法,首先簡單介紹一下版面配置的種類:

  1. Relative layout
  2. Linear layout
  3. Absolute layout
  4. Table layout
  5. Frame layout

Relative layout

英文Relative中文意思是相對的,相對時從比較的觀點看待事物,因此相對的排版方式,可依照鄰近的元件或是位在地環境容器(parent)來調整欲排版的元件。常見排版方式,依照鄰近元件的id提供欲排版的元件上下左右的相對位置。

相對的,名詞解釋

Relative layout 參考資料

Linear layout

線性版面配置系統提供基本的兩個方向:

1.vertical 元件直向由上至下排列
2.horizonal 元件水平由左至右排列

Linear layout 參考資料

Absolute layout

英文 Absolute 中文意思絕對的,絕對在描述物體位置時通常有明確的座標位置,而最常見描述2維的方式維Y-X的作圖方式,所以元件在此版面是藉由X、Y座標定義提供元件位置的描述。

Absolute layout 參考資料

Table layout

英文Table在資訊科學裡,中文意思為表格,表格版面配置,可使元件在形成類似表格的排版方式,好像沒有解釋到…沒關係相信大家都明白。
Table layout 提供TableRow方法 使得元件形成一列。

Table layout 參考資料

Frame layout

英文Frame 中文意思為框架,利用這個版面配置,能夠將所有元件全部聚集在同一個位置,既然為相同位置,因此元件間是由堆疊的方式形成,堆疊的方式是按照xml檔排列的順序決定的。

Frame layout 參考資料

元件於Layout的排版方式

https://ithelp.ithome.com.tw/upload/images/20190921/20121149AMAWNCfMUf.jpg
https://ithelp.ithome.com.tw/upload/images/20190921/20121149SfkoUgwCJX.jpg
https://ithelp.ithome.com.tw/upload/images/20190921/20121149H2Wlvuv5Z1.jpg
https://ithelp.ithome.com.tw/upload/images/20190921/20121149DrRGa6ipkj.jpg
https://ithelp.ithome.com.tw/upload/images/20190921/20121149nbdOYlQSaA.jpg

參考資料截圖

若文章有誤,歡迎大家提出建議。

Thank you for your time.


上一篇
[Day04]Android學習-認識IDE(2)
下一篇
[Day06]Android學習-元件介紹-Button
系列文
Android Studio 學習交流30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言