Kotlin Android 高效入門
線上課程
  • Kotlin Android 高效入門
  • Android 開發準備
    • 0 Git 版本控制系統
      • 0.1 Gitlab 網站
      • 0.2 Gitlab 範例專案
      • 0.3 Gitlab 取得本書範例
      • 0.4 版本切換
    • 1 Android 系統與應用程式
      • 1.1 Android 版本演進
      • 1.2 Android 系統架構
      • 1.3 應用程式基礎
      • 1.4 應用程式元件
      • 1.5 應用程式宣告檔
      • 1.6 Android Studio 開發環境
    • 2 開發環境安裝
      • 2.1 基礎環境-JDK
      • 2.2 整合開發工具-Android Studio
      • 2.3 必要的設定
  • Android 專案開發
    • 3 Android 專案架構與 Activity
      • 3.1 建立Bmi專案
      • 3.2 AndroidManifest.xml載運清單
      • 3.3 畫面配置-Layout
      • 3.4 Java/Kotlin 類別
      • 3.5 資源 Resources
      • 3.6 Android Support Library-支援函式庫
    • 4 版面配置環境
      • 4.1 版面配置設計畫面
      • 4.2 ConstraintLayout 版面配置
      • 4.3 LinearLayout 流水式版面
      • 4.4 元件的高度與寬度
      • 4.5 元件位置與距離
    • 5 Kotlin 語言基礎
      • 5.1 Kotlin 基礎知識
      • 5.2 類別與物件
    • 6 Activity 設計
      • 6.1 Bmi 專案功能設計
      • 6.2 MainActivity 中取得畫面元件
      • 6.3 按鈕的事件處理
      • 6.4 使用浮動顯示-Toast類別
      • 6.5 使用對話框-AlertDialog 類別
      • 6.6 多國語言
      • 6.7 按鈕事件處理-匿名類別與 lambda
  • 線上課程
    • 20 線上課程 courses
Powered by GitBook
On this page

Was this helpful?

  1. Android 專案開發
  2. 4 版面配置環境

4.4 元件的高度與寬度

Previous4.3 LinearLayout 流水式版面Next4.5 元件位置與距離

Last updated 5 years ago

Was this helpful?

Android 的所有元件都具備兩個屬性,也就是元件的高與寬,屬性名稱 為「layout_height」與「layout_width」,許多人直覺的想要以螢幕的畫素為元件訂定個別的高度與寬度,其實,為元件訂定固定的高與寬是不適合的, 因為 Android 手機產品非常多元,有的手機的解析度是 480x720,有的是 640x960、640x1136、1080x1920 或甚至 1440x2560,在如此眾多的差異性下, 假設我們的 APP 訂的元件大小是固定的,那是無法滿足所有的螢幕需求的。 因此,Android 建議開發者在訂定元件大小時,若希望只占用元件內容資料時,使用「wrap_content」值,當想要元件占滿所在區域可用空間時,使用 「match_parent」值,筆者使用上節的 LinearLayout 垂直配置的範例,說明如下。

■ 符合元件內容物- wrap_content

意義是元件只占可顯示其內容物的大小,請先將 LinearLayout 元件的對齊改成「垂直」後,再選擇第一顆按鈕,如下圖:

觀察右下角屬性區,其 layout_width 寬度屬性與 layout_height 高度屬性 都是「wrap_content」代表元件的高與度都只占必要的空間,屬性如下圖:

■ 以元件所在的容器為主- match_parent

意義是所在容器有多大就占多大,繼續使用同一個範例,為第二個按鈕元件設定其寬度屬性為「match_parent」,如下:

結果如下圖:

第二顆按鈕雖然內容文字不需要那麼寬的空間,但其元件寬度仍占滿所在的 LinearLayout 區域的寬度。