위젯 배치 조정하기 (앱 만들기#5)

저번에는 어플에 글을 쓰고, 제한조건 레이아웃으로, 글을 가운데 정렬까지 해봤습니다.

오늘은 위젯끼리의 위치를 조정해보겠습니다. 

위젯 위치를 변경하는 것에 대해서도 조금 더 자세히 해보고 말이죠!

 

다른 편들을 먼저 보고 오셔도 좋습니다.

어플에 글 쓰기, 제한조건 레이아웃 (앱 만들기#4)

어플에 글 쓰기, 제한조건 레이아웃 (앱 만들기#4)

android studio설치 다운로드하기 안드로이드 앱 만들기#1

android studio설치 다운로드하기 안드로이드 앱 만들기#1

 

위젯 배치 조정하기 (앱 만들기#5)

그런데 이렇게 되면 가운데 정렬만 됩니다. 숫자를 넣어도 되긴 하는데 직관적이지는 않죠.

그렇다면 이곳 constaints를 클릭하시고 동그라미를 조절하시면 위아래, 좌우로 조절이 가능합니다.

물론 constraint widget에서 좌우, 상하로 움직이면 움직이는 게 가능하고 말이죠.

 

또한 숫자는 여백입니다. 숫자를 50을 넣어보겠습니다. 숫자를 넣기전에는 벽면과의 관계였는데, 여기에 숫자를 넣으면 여백이 생기는 것이죠.

그렇다면 여백 50을 제외하고, 딱 가운데겠죠? 반대편도 50을 주면 50, 50 제외하고 가운데가 되겠군요.

그렇다면 마우스가 있는 곳을 한번 클릭해보겠습니다.

fixed라고 나오는데, 말 그대로 고정입니다. 고정이 되기 때문에, 글자수가 일정 수를 넘어가면 다음칸으로 넘어가죠. 넘어가는 거 싫으면 다시 풀면 되십니다. 다시 이전 wrap content로 변경하시면 됩니다.

다음에는 match constraint인데, 이 것은 전체크기입니다. 양옆, 상하로도 꽉 차게 되는 콘스 트레인 트라고 생각하시면 됩니다.

50이라는 숫자는 말 그대로 여백이기 때문에, 영향을 안받습니다. 다시 여백을 0으로 돌려놓겠습니다.

이번에는 텍스트 뿐만 아니라, 버튼도 가지고 와보겠습니다.

버튼을 클릭해서, 드래그 앤 드롭으로 글자와 똑같이 집어넣습니다.

 

안녕이 정가운데로 들어가게 만들었잖아요?

그럼 이제 이 버튼을 그 아래로 설정을 해보겠습니다. 하지만 버튼을 글자와 똑같이 하는 방법도 있지만, 텍스트가 이미 존재하기 때문에, 그 사이에서도 이렇게 사이즈 조절이 가능합니다.

이런 식으로, 위젯끼리의 배치를 조정할 수 있습니다. 

 

간단한 설명이지만, 자주 사용하는 만큼 위젯 배치의 기본을 알아보았습니다.