소개.컨스트레이아웃

특징 -> 뷰 사이에 제약을 걸어서 위치를 정함 제약에 따라 유연한 UI 작업이 가능함
Alt text

컨스트레이아웃의 장점 -> 많은 상위 뷰 그룹을 만들 필요가 없어서 작업 속도가 빠르고, 여러차례 부모 뷰계층을 만들 필요가 없어서 UI 처리속도도 빠르며, 다른 사람과 협업할 때 XML을 쉽게 파악할 수 있기도 하다.

[ConstraintLayout의 성능 이점 이해] (https://android-developers.googleblog.com/2017/08/understanding-performance-benefits-of.html)

컨스트 레이아웃 사용법

제약

Alt text

1.수평 제약 : B는 A의 오른쪽에 유지되도록 제약됩니다. (완성 된 앱에서 B는이 수평 제약에 추가로 하나 이상의 수직 제약이 필요합니다.) 2.수직 제약 : C는 A 미만으로 유지되도록 제약됩니다. (완성 된 앱에서 C는이 수직 제약에 추가로 하나 이상의 수평 제약이 필요합니다.)

뷰 인스펙터 응용 하는 법

Alt text

뷰 인스펙터에는 제약, 제약 유형, 제약 바이어스 및 뷰 여백과 같은 레이아웃 속성에 대한 컨트롤이 포함되어 있습니다.

1.바이어스 Alt text

이 슬라이드를 이용하여 제약 간 어느쪽으로 위치를 기울일 것인지 설정 가능합니다. (기본적으로 50이 default)

제약간의 마진

뷰 제약 사이의 마진을 넣을 수 있습니다.

제약간의 여백 조정 및 제약 조건 변경
- 컨텐츠 줄 바꿈:!3-[Alt tex]3use_constraint_layout(loner)_res/6.png) 뷰가 컨텐츠를 포함하는데 필요한 만큼만 확장합니다.
- 고정: ![Alt3- text]3_use_constraint_layout(loner)_res/7.png) 고정 제약 화살표 옆에있는 텍스트 상자에서 치수를 뷰 여백으로 지정할 수 있습니다.
- Match Constraints: ![3-Alt text(3use_constraint_layou(loner)_res/8.png) 뷰의 자체 여백을 고려한 후 각 측면의 제약 조건을 충족하도록 뷰가 최대한 확장됩니다.

사용 예시:

Alt text

그외 사용 팁

직접 마우스나 코드로 제약을 설정하지 않아도

버튼 을 누르면 가까운 상위 뷰를 잡아서 자동으로 제약을 걸어줍니다.

체인

Alt text

체인은 뷰와 뷰사이의 양방향 제약이 걸린 상황 입니다.

체인의 머리

체인은 체인의 머리를 기준으로 모든 뷰를 제어 및 배치 및 배포 합니다.

수직일 경우 가장 왼쪽이 HEAD 수평일 경우 가장 위쪽이 HEAD

체인의 스타일

스프레드: 기본적인 스타일 입니다. 여백이 고려하여 사용 가능한 공간에 뷰가 균등하게 분산됩니다.
스프레드 인사이드: 첫 번째 와 마지막 뷰가 체인의 각 끝에 있는 부모에 연결됩니다. 나머지 뷰는 균등하게 분산됩니다.
패킹 됨: 뷰가 함께 묶입니다. 그런 다음 체인 헤드의 바이어스를 변경하여 전체 체인의 위치를조정할 수 있습니다.
가중치: layout_constraintHorizontal_weight 또는 layout_constraintVertical_weight 속성에 설정된 값에 따라 모든 공간을 채우도록보기의 크기가 조정됩니다.