-
xml 디자인(Design)탭 알아보기 - 안드로이드 /뿌시레기/Android 2019. 11. 18. 15:06
이번 포스팅에서는 안드로이드 스튜디오에서 프리뷰를 사용하는 방법에 대해 알아보도록 하겠습니다
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' 카테고리의 다른 글
[Android] FrameLayout 기본부터 다지고 부셔버리기 (0) 2021.01.09 그래서 MVC, MVP, MVVM 디자인패턴 이 뭔데? - 안드로이드 /뿌시레기/ (0) 2020.06.01 [android] 프로젝트 내비게이션 변경하기(android -> project) //Wello Horld// (0) 2019.11.15 [android] 패키지 묶기(Compact Middle Packages) //Wello Horld// (0) 2019.11.15 [android] 프로젝트 만들기(생성) //Wello Horld// (0) 2019.11.15