출처 : http://www.edwith.org/boostcourse-android/lecture/20121/


화면 배치 수정하기

사용자의 눈에 보이는 화면 배치는 보통 XML 파일로 만들게 됩니다. (자바 소스 코드에서 만들 수도 있지만, 일반적으로는 XML로 만들게 됩니다.)

이것을 XML 레이아웃이라고 부릅니다.

XML 레이아웃 파일은 두 가지 모드에서 볼 수 있는데 Design 모드에서는 단말기 화면에 들어있는 실제 화면처럼 보여줍니다.

그리고 왼쪽의 팔레트에서 버튼 등을 끌어다 가운데 있는 단말기 화면 안에 넣으면 화면 배치를 할 수 있습니다.

아주 쉽죠?

아래쪽에 있는 Text 탭을 누르면 이 화면을 볼 수 있도록 만든 XML 파일의 원본을 볼 수 있습니다.

필요하면 원본에서 XML 태그나 속성을 수정할 수도 있죠.

하지만 이 원본 XML을 처음 볼 때는 너무 복잡하게 보이니 XML 파일을 수정하는 것은 앞으로 차차 익혀갈 겁니다.

화면이나 소스 코드를 수정하면 안드로이드 스튜디오는 수정 사항을 바로 반영합니다.

하지만 수정을 했는데도 이전에 수정했던 결과가 그대로 남아있는 경우가 있습니다.

이것은 빌드된 정보를 새로 갱신하지 못하는 경우가 있기 때문입니다.

이때는 상단의 메뉴 중에서 [Tools > Android > Sync Project with Gradle Files] 메뉴를 누릅니다.

그러면 변경된 내용을 이용해 새로 빌드하여 반영한 후 화면에 보여줍니다.




생각해보기

  1. 디자이너 도구의 팔레트에서 버튼이나 텍스트 뷰를 끌어다 화면에 추가하면 
    왼쪽의 컴포넌트 트리(Component Tree) 창이나 오른쪽의 속성(Attributes) 창에 어떤 변화가 생기나요?
    -끌어다좋은 컴포넌트가 컴포넌트트리에 추가되고 오른쪽의속성은 해당 컴포넌트에대한 내용으로 갱신이 된다.
  2. 디자이너 도구에서 가운데 화면 중 흰 화면 부분을 선택했을 때 속성 창에 보이는 정보는 무엇을 의미하는 걸까요?
    -해당화면의 기본 설정값이 보인다.


+ Recent posts