iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 3
3
Software Development

Kotlin with android studio 開發30天不間斷系列 第 3

Kotlin android 30天開發不間斷 day 3.Android 介面設計

前幾天所寫部分Kotlin 基礎 從今天開始就會走向Kotlin在android 的應用方面

今天所寫部分是android 介面的設計 主要是Android介面多以XML來設計 意指可以用XML程式碼完成版面的設計

今天的主題偏向Layout

  1. ConstraintLayout

    自我流翻譯 : 約束性佈局
    預設 : 元件會出現在畫面左上角 即使你丟在介面設計中的其他地方


    所以在元件的四邊上 圓點給予限制 特別注意上下/左右都要給予限制

  2. LinearLayout(horizontal)

  3. LinearLayout(vertical)
    2.3.一起講 最平常的Layout設計 一般來說 如果只是需求垂直或者水平排版是相當好用的 但是在客制需求上 比較不容易滿足版面設計的需求

  4. RealtiveLayout
    用法與constraintLayout 很像 本來是主要用於介面設計上不適用於LinearLayout的設計 在設計上都是給予相對位置 所以會有產生元件重疊的現象 不過應用性好像沒constraintLayout好 有其侷限性 等我查清楚缺點後會再補齊

  5. TableRow

  6. TableLayout
    5.6.一起講 一個TableLayout包含好幾個TableRow 每個TableRow又可以包含好幾個元件 放進TableRow裡的元件大小由TableLayout決定 無法自行設定

    上圖發現 每一列最後都還有可以利用的空間 可以使用
    "android:stretchColumns"屬性來做調整利用未使用空間
    android:stretchColumns =“1,2”表示剩餘空間分配在第二行與第三行

  7. GridLayout
    網格式佈局 與TableLayout相似 但不同的地方在於GridLayout 需要指定行數與列數 並指定元件放在指定位址 TabletLayout是直接丟TabletRow 產生行列數

  8. FrameLayout
    FrameLayout 將介面分為九個區域 將元件放入這九個地區中

這個主題有點大 改天弄個主題來說

元件屬性設定
android:text :元件文字內容
android:textSize :元件文字大小
android:TextColor :元件文字顏色
android:background :元件背景顏色

**顏色可自定義 用名稱帶出顏色


上一篇
Kotlin android 30天開發不間斷 day 2.kotlin 語法介紹
下一篇
Kotlin android 30天開發不間斷 day 4.Android 介面設計-補充篇
系列文
Kotlin with android studio 開發30天不間斷30

1 則留言

0
陳董 Don
iT邦新手 5 級 ‧ 2017-12-23 16:42:11

素晴らしい~

我要留言

立即登入留言