동적 변경 뷰 만들기(constrainlayout, chainStyle, bias)

* 두개의 영역을 잡아주고, 값에 따라 레이아웃이 자동으로 변경되게끔 만들기

 

코드는 아래와 같음

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="60dp"
                app:layout_constraintTop_toTopOf="parent">

                <TextView
                    android:id="@+id/tvCountryCode"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:background="@color/color_B44DFE"
                    android:gravity="center"
                    android:singleLine="true"
                    android:text="텍스트영역"
                    app:layout_constraintEnd_toStartOf="@+id/edtPhoneNum"
                    app:layout_constraintHorizontal_bias="0"
                    app:layout_constraintHorizontal_chainStyle="packed"
                    app:layout_constraintStart_toStartOf="parent" />

                <EditText
                    android:id="@+id/edtPhoneNum"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:background="@color/color_FA8428"
                    android:text="입력영역"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/tvCountryCode" />

            </androidx.constraintlayout.widget.ConstraintLayout>

 

결과는 아래와 같다.

여기서 아래 처러; 텍스트 영역의 값을 추가해보겠음

          
       ...
       <TextView
                    android:id="@+id/tvCountryCode"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:background="@color/color_B44DFE"
                    android:gravity="center"
                    android:singleLine="true"
                    android:text="텍스트영역텍스트영역텍스트영역"
                    app:layout_constraintEnd_toStartOf="@+id/edtPhoneNum"
                    app:layout_constraintHorizontal_bias="0"
                    app:layout_constraintHorizontal_chainStyle="packed"
                    app:layout_constraintStart_toStartOf="parent" />
		...

 

 

그럼 아래와 같이 나오게 된다.

 

 

- 끝  -