[3-3] Constraint Layout

ConstraintLayout

---

TextView 위젯인 "Hello World"를 클릭하면 오른쪽에 속성창이 뜬다. 

상하좌우 모두 연결되어 있기 때문에 바이어스가 왼쪽과 아래 모두 바이어스(Bias)가 나타난다.

 

* 바이어스(Bias): 좌우 or 상하 연결 시 나타난다. 수직 or 수평으로 배치되는데 화면 어디에 배치되는지 비율로 나타낸다.

 

왼쪽 바이어스를 기존의 50에서 35로 수정하고,

팔레트에 있던 버튼 위젯을 UI 편집기로 드래그해서 버튼을 생성해준다.

 

생성된 버튼을 속성창에서 상하좌우 모두 연결점을 생성해주고 여백을 0으로 설정한다.

상하좌우 모두 연결했기 때문에 바이어스가 둘다 생성된 걸 볼 수 있다.

 

여기서 가이드라인 생성이 가능하다.

현재 Vertical, Horizontal 생성한 상태

 

드래그한 코드를 보면 설정한 제약 조건들을 코드에서도 명시하고 있음을 볼 수 있다.

(이전 화면 button의 layout_width를 94dp로 설정해뒀던 것을 wrap_content로 수정했음)

 

아래쪽 코드는 Design에서 추가한 가이드라인에 대한 코드이다.