안녕하세요!! 여러분 두번째 시간 이네요~~ 오늘은 저번 포스팅에 이어 레이아웃(Layout)에 대하여 알아보려고 합니다.
오늘 알아볼 레이아웃(Layout)은 제일 간단하고 많이 쓰는 LinearLayout(선형 레이아웃)에 대하여 간단하게 얘기해 볼께요!!
저번 포스팅에 이어지는 내용이므로 일단 새 프로젝트를 만드시고 기본 레이아웃인 ConstraintLayout 에서 버튼을
두개 만든상태로 시작을 해보도록 하겠습니다.
보시는 바와 같이 팔레트 창에서 버튼을 끌어다가 오른쪽 화면에 가져다 놓았습니다. 버튼이 두개이니 두번 끌어다
놨겠죠!! ㅎㅎㅎ
지금 이상태는 새프로젝트를 만들었을때 기본 생성되는 ConstraintLayout 상태인데요 ~~ 여기에서 오늘 해보려고 하는
LinearLayout으로 바꿔보도록 하겠습니다.
Palette창 왼쪽을 보시면 위에서 네번째에 Layouts 라는 게 보이실겁니다. 거길 클릭하시면 바로 오른쪽 창에 Layout 종류들이
보여지는걸 볼 수 있으시죠!! 빨간 박스 안쪽 부분입니다. 자그럼 LinearLayout을 적용해 볼까요!!
먼저 창의 하단부에 보시면 Design 과 Text 탭 두개가 보이실 겁니다. 거기서 Text를 클릭하세요. 그러면 아래와 같이 디자인 소스들이
보여질 겁니다. 거기에서 맨 윗부분 빨간 박스 안쪽을 보시면 ConstraintLayout 이라고 써져 있네요~~ 여기를 LinearLayout으로 고쳐
줍니다. 빨간 박스 안쪽 부분을 전부 지우세요 그리고 키보드로 LinearLayout 라고 바꿔줍니다.
이렇게 바끼셨나요~~ 그럼 오른쪽에 버튼들이 사이좋게 수평(가로방향)으로 놓여진게 보이실 겁니다.
그럼 다시 하단의 Design 탭을 클릭해 볼까요~~ 클릭을 하면 밑에 사진과 같이 기존의 ConstraintLayout이 LinearLayout으로 바뀌어
있는것을 보실수 있습니다. 그런데 여기서 LinearLayout옆을 보시면 괄호안에 horizontal 이라고 써져 있는걸 보실 수 있으실겁니다.
우리는 분명 Text 창에서 LinearLayout이라고만 적었었는데 괄호안에 기본값으로 horizontal이 오는걸 알수 있습니다.
그러면 여기서 Design창에서 Palette창을 보시면 LinearLayout이 두개 있는게 보이시죠~~ 화살표가 가리키는 Palette창과 눈금 사이 경계선
쪽으로 마우스를 가져가면 양쪽방향으로 된 검은색 화살표가 보여질꺼에요 그때 클릭하신상태로 오른쪽으로 드래그 하시면 Palette 창이
넓어 집니다. 그러면 LinearLayout(horizontal) 과 LinearLayout(vertical) 두개가 보이시는 걸 확인 하실 수 있을 겁니다.
Text창에서 LinearLayout만 키보드로 입력해 넣으시면 기본으로 horizontal로 설정된다는 걸 알아 두시고 Design창에서는 처음부터 두가지
중에서 필요한 것으로 선택해서 넣을 수 있습니다.
그럼 horizontal을 vertical로 바꿔 보도록 해보죠!! 먼저 1번을 클릭하세요~~ 그럼 창 오른쪽으로 properties 창이 나타난게 보이실겁니다.
그럼 2번 삼각형 모양을 클릭하시면 밑쪽으로 창이 나타납니다. 거길 보시면 horizontal과 vertical이 있는게 보이시죠 여기에서 원하는걸
선택하시면 선택되어진 형식으로 변환되어 집니다. vertical을 선택합니다.
자 왼쪽 창에 LinearLayout(vertical) 로 바뀌신게 보이시죠!! 오른쪽 버튼들도 위치가 수직(세로방향)으로 바뀌었습니다.
이렇게 LinearLayout의 기본적인 내용을 살펴보았는데요 너무 간단한 내용들이라서 도움이 되셨을지 모르겠네요!!
공부를 더 하시다 보면 여기에서 레이아웃들을 더 추가해서 몇 개를 같이 쓰게 되는데요 기본적인 내용을 알고 계시면
추가를 할때 더 쉽게 적용할 수가 있으실 겁니다.
오늘은 여기까지인것 같네요~~ 남은 하루도 잘 보내시고!! 행복한 하루 되시길...
'안드로이드' 카테고리의 다른 글
안드로이드 앱 다모아!!(할인정보,세일정보,이벤트모음) (2) | 2017.08.22 |
---|---|
안드로이드 RelativeLayout(상대적 레이아웃)에 대하여 알아보자 -- 레이아웃 세번째 (0) | 2017.07.12 |
안드로이드 ConstraintLayout 에 대하여 알아보자 -- 레이아웃 첫번째 (0) | 2017.06.19 |
안드로이드 배우고 도움이 되는 블로거가 되기위하여 (0) | 2017.06.13 |