ConstraintLayout 約束佈局基本使用技巧

更新於 發佈於 閱讀時間約 2 分鐘
【Android 入門指南】系列文章目錄:https://bit.ly/3TFgCzu
Android 線上課程教學影片:https://bit.ly/433Offj

課程摘要

本課程學習如何使用 ConstraintLayout 約束佈局基本技巧

教學影片

若您無法順利觀看教學影片,請先登入您的 YouTube 帳號,然後點擊以下連結加入我們的頻道會員:

  • 一般會員:成為一般會員後,您將能夠觀看我們所提供的一般會員專屬線上課程。
  • 精實會員:成為精實會員後,您將能夠觀看我們所提供的精實會員專屬線上課程。

build.gradle

加入 ConstraintLayout 依賴套件

implementation ("androidx.constraintlayout:constraintlayout:2.1.4")

activity_main.xml

...
<TextView
android:id="@+id/helloWorldTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" />
...
avatar-img
12會員
250內容數
哈囉!歡迎光臨我的沙龍!我是 KT,一位對應用程式開發充滿熱情的開發者。在這個專屬空間,我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇,渴望不斷探索新知,歡迎成為我們的會員,一起在應用程式開發的旅途上,探索更深層次的技術世界,享受學習的樂趣。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
HKT實驗室 的其他內容
本課程瞭解為什麼要使用 ConstraintLayout 約束佈局。
本課程目標是讓你深入瞭解 Android Activity 的生命週期。
本課程學習如何使用 Android Studio 的 Logcat 日誌功能。
本課程學習如何使用 DataStore 實作一個簡單計數器。
本課程學習如何使用 DataStore 資料儲存。
本課程學習如何使用 Intent 傳遞整包資料。
本課程瞭解為什麼要使用 ConstraintLayout 約束佈局。
本課程目標是讓你深入瞭解 Android Activity 的生命週期。
本課程學習如何使用 Android Studio 的 Logcat 日誌功能。
本課程學習如何使用 DataStore 實作一個簡單計數器。
本課程學習如何使用 DataStore 資料儲存。
本課程學習如何使用 Intent 傳遞整包資料。
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這節課的學習目標是了解 CSS 的基本語法結構和使用方法。
前言 今天課程要來學習,在 .css 設計樣式後,怎麼透過選擇器,讓 .html 可以有所配對,經過這一步後,便可以開始學習,如何正式設計 .css 了。 選擇器 介紹 還記得上次課程,我們在 .css 檔案中,撰寫的程式碼嗎?讓我們來複習看看: .highlight { co
Thumbnail
這一篇要測試一下Video Linear CFG Guidance這個節點,在網路上很多的教學影片跟網友分享的工作流中會看到這個節點,據說這個節點不只可以用在生成影片的工作流中,也可以使用在一般的生成圖片工作流中。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Circular positioning 圓形定位。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Guideline 導覽線。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Bias 偏移屬性。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Chains 鏈結屬性。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Margin 邊距屬性。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這節課的學習目標是了解 CSS 的基本語法結構和使用方法。
前言 今天課程要來學習,在 .css 設計樣式後,怎麼透過選擇器,讓 .html 可以有所配對,經過這一步後,便可以開始學習,如何正式設計 .css 了。 選擇器 介紹 還記得上次課程,我們在 .css 檔案中,撰寫的程式碼嗎?讓我們來複習看看: .highlight { co
Thumbnail
這一篇要測試一下Video Linear CFG Guidance這個節點,在網路上很多的教學影片跟網友分享的工作流中會看到這個節點,據說這個節點不只可以用在生成影片的工作流中,也可以使用在一般的生成圖片工作流中。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Circular positioning 圓形定位。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Guideline 導覽線。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Bias 偏移屬性。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Chains 鏈結屬性。
本課程學習如何使用 ConstraintLayout 約束佈局中的 Margin 邊距屬性。