Tablayout是什麼?

TabLayout 是Ui設計畫面時，專們製作水平選項切換的一種元件，常常搭配viewpager2，製作選項對應頁面的切換。

建立tablayout

這裡介紹的是TabLayout+tabItem也是一個TabLayout底下包含數個tabItem的結構
com.google.android.material.tabs.TabLayout建立TabLayout
com.google.android.material.tabs.TabItem 建立TabItem
實際效果如下

屬性介紹

tablayout 建立完細部的設計常用到的指令有以下:
app:tabBackground更換背景
app:tabIndicatorFullWidth="true"訊問是否將下方的底線的寬拉長至物件寬的大小
app:tabGravity=改變選項顯示的方式，種類以下

• fill 所有的 Tab 會平均填充整個 TabLayout 的寬度
• center 所有的 Tab 會在 TabLayout 中間對齊

執行app:tabGravity=fill會出現顯示方式改變了但是item並沒有一起改變這時可以加上app:tabMaxWidth="0dp"，讓畫面更好看

• app:tabSelectedTextColor 變更選項被選擇時文字的顏色
• tabIndicatorColor設定底線的顏色
• tabIndicatorHeight 設定底線的高
• app:tabIndicatorGravity設定底線位置
  |
  ---- top 底線會顯示在 Tab 的上方
  |
  ---- bottom 底線會顯示在 Tab 的下方（這是預設行為）
  |
  ---- stretch 底線會擴展到整個 Tab 的寬度
  

tablayout 簡單的布置就這樣了 明天繼續加上viewpager+adapter