xml 디자인(Design)탭 알아보기 - 안드로이드 /뿌시레기/

 

이번 포스팅에서는 안드로이드 스튜디오에서 프리뷰를 사용하는 방법에 대해 알아보도록 하겠습니다

 

app - src - main - res - layout 안에 있는 activity_main.xml파일에 들어가게 되면 아래와 같은 화면이 뜨는 것을 알 수 있습니다. 해당화면에서 밑에 있는 디자인 버튼을 누르게 되면, 옆에 첨부한 것과 같은 화면이 뜨는 것을 확인 할 수 있습니다.

 

이 화면에서 Component Tree 부분을 확인해 보면 해당 화면이 어떻게 이루어져 있는지, 알 수 있습니다. 제 activity_main.xml 은 ConstraintLayout 의 자식으로 TextView가 있네요.

 

ConstraintLayout 을 누르게 되면 우측에 Attributes 화면이 뜨는데, 여기에서 간단하게 아이디설정 레이아웃설정등 페이지설정을 할 수 있습니다. 레이아웃에 따라서 변경할 수 있는 것이 다르기 때문에, 이 부분에 대해서는 다음에 포스팅 하도록 하겠습니다.

 

 

해당 뷰 id를 constrain_layout1로 지정해 주면, ConstrainㅅLayout이 constraint_layout1 으로 변경 된 것을 확인할 수 있습니다. 그리고 TextView를 보게 되면 "Hello World!" 라고 되어있는데, 이것은 TextView의 텍스트가 "Hello World!"라고 되어 있다는 뜻입니다. 

 

TextView를 눌러주면 Attributes 칸에 다음과 같이 나타나는 것을 알 수 있습니다.

 

 

제일 밑에 보면, text 옆에 Hello World! 를 sample로 바꾸어주면 text가 변경되는 것을 알 수 있습니다.

 

그리고, Design탭옆에 있는 Text탭을 선택해주면, xml파일의 소스코드가 보이게 되는데, 방금 변경한 부분들이 적용된 것을 알 수 있습니다.

일단 xml 디자인 탭이 뭔지 알아봤으니 Layout종류에 대해서도 알아봐야겠죠?

[Android] FrameLayout 기본부터 다지고 부셔버리기

 

[Android] LinearLayout 기본부터 다지고 쀼셔버리기

 

[Android] RelativeLayout 기본부터 다지고 부셔버리기

 

 

 

끝!