TIL: Guideline


⚫️ Period

  • 2021-08-02(월)  ~  2021-08-08(일)
  • ⚫️ Things I Learned


    1️⃣ Guideline


    Guidelineとは?

  • ConstraintLayoutのユーティリティクラス
  • HelperオブジェクトはView.GONEと表示され、デバイスには表示されません
  • レイアウトのみConstraintLayoutでのみ作業
  • レールを水平または垂直に配置可能
  • xmlはファイルに直接作成できます.また、xmlDesignタブのPaletteをドラッグ&ドロップすることで使用できます.

  • ガイドの場所の指定

  • ガイドを3つの方法で位置決めできます.
  • レイアウト左上隅の固定距離を指定Guideline
  • レイアウトの右または下の固定距離を指定します.layout_constraintGuide_begin
  • レイアウトの幅または高さのパーセントを指定layout_constraintGuide_end
  • 使用マニュアルの例

    <androidx.constraintlayout.widget.ConstraintLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
        <androidx.constraintlayout.widget.Guideline
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/guideline"
                app:layout_constraintGuide_begin="100dp"
                android:orientation="vertical"/>
    
        <Button
                android:text="Button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button"
                app:layout_constraintLeft_toLeftOf="@+id/guideline"
                android:layout_marginTop="16dp"
                app:layout_constraintTop_toTopOf="parent" />
    
    </androidx.constraintlayout.widget.ConstraintLayout>
  • References
    https://developer.android.com/reference/androidx/constraintlayout/widget/Guideline