위의 그림과 같이 하나의 내용으로 너비가 꽉찬 경우라면
android:layout_width="match_parent"
android:layout_height="wrap_content"
위와 같이 너비는 match로, height는 wrap으로 준 다음
android:layout_marginHorizontal="16dp"
margin을 이용하여 양 옆에 간격을 두면 쉽게 가능하다.
하지만!!
이렇게 두 가지의 내용 EditText, Button 있는 경우라면 너비에 딱 알맞게 크기에 맞춰서 뷰가 완성이 되어야한다.
이 때 0dp로 설정하여 문제를 해결할 수 있다!!
먼저 오른쪽의 버튼 코드부터 살펴보자
android:layout_width="72dp"
android:layout_height="wrap_content"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="@id/create_account_id_edittext" />
먼저 parent를 기준으로 오른쪽에 붙힌다음,
left나 top을 기준으로 왼쪽 EditText에 체인을 건다.
그 다음!! EditText코드가 중요하다.
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@id/create_account_check_repetition_button"
0dp는 사용 가능한 모든 공간을 채우는 역할을 해준다!
하지만 여기서 끝이 아니라! 어디까지 공간을 채울 것인지 체인을 걸어주어야 한다.
만일 오른쪽 부모끝까지 체인을 걸어주고 싶으면 Right_toLeftOf="parent"가 될 것이고,
이번에는 버튼을 기준으로 체인을 걸어주어야 하기 때문에 버튼의 왼쪽하고 체인을 꼭 걸어주어야한다!!
'Android > Basic' 카테고리의 다른 글
[Android] SVG 사용하기 (0) | 2022.04.23 |
---|---|
[Android] PNG vs SVG 어떤 것이 정답일까? (0) | 2022.04.22 |
[Android] ViewPager를 이용한 TabLayout (0) | 2022.04.20 |
[Android] ViewPager 로 Banner 구현 (0) | 2022.04.19 |
[Android] JetPack Navigation으로 Bottom Navigation 설정하기 (0) | 2022.04.18 |