[안드로이드 스튜디오 강좌 #7] 레이아웃 기초 익히기 (안드로이드 스튜디오 대표적인 레이아웃)

! 목표

안드로이드 스튜디오에서 사용되는 대표적인 레이아웃에 대해서 알아보자

레이아웃은 어플을 만들 때 꼭 사용되고 기초가 되는 부분으로 하나씩 같이 공부해보자

 

1. 안드로이드 스튜디오에서 사용되는 대표 레이아웃

-제약 레이아웃 (ConstraintLayout)

제약 기반 모델

제약 조건을 사용해서 화면을 구성

안드로이드 스튜디오에서 자동으로 설정하는 디폴트 레이아웃

 

-리니어 레이아웃 (LinearLayout)

박스 모델

한쪽 방향으로 차례대로 뷰를 추가하며 화면을 구성

뷰가 차지할 수 있는 사각형 영역을 할당

 

-상대 레이아웃 (RelativeLayout)

규칙 모델

부모 컨테이너나 다른 뷰와의 상대적 위치로 화면을 구성

제약 레이아웃을 사용하게 되면서 상대 레이아웃은 권장되지 않음

 

-프레임 레이아웃 (FrameLayout)

싱글 모델

가장 상위에 있느 하나의 뷰 또는 뷰그룹만 보여주는 방법

여러개의 뷰가 들어가면 중첩해서 쌓게 됨

가장 단순하지만 여러 개의 뷰를 중첩한 후 각 뷰를 전환하여 보여주는 방식으로 자주 사용

 

-테이블 레이아웃 (TableLayout)

격자 모델

격자 모양의 배열을 사용하여 화면을 구성

HTML에서 많이 사용하느 정렬방식과 유사하지만 많이 사용하진 않음

 

 

*참고*

-스크롤뷰(ScrollView)

스크롤뷰에 하나의 뷰나 뷰그룹을 넣을 수 있고, 어떤 뷰의 내용물이 넘치면 자동으로 스크롤을 만들 수 있게 도와준다.

화면 영역을 벗어날 수 있는 뷰를 스크롤 뷰에 넣어주기만 하면 자동으로 스크롤이 생성 된다.

 

 

이 레이아웃들을 하나씩 자세히 살펴보고 실습해볼 것이다.

 

 

 

2. 뷰 영역 알아보기

-테두리(Border) : 레이아웃과 뷰의 경계선, 뷰의 영역이라고도 함

-마진(Margin) : 테두리 바깥의 공간

-패딩(Padding) : 테두리 안쪽의 공간

-내용물(Content) : 버튼의 글자의 내용물

 

 

 

 

3. 뷰의 배경색 설정하기

레이아웃의 뷰들을 확실하게 구별하고 싶을 때 배경색을 설정해준다.

 

XML 레이아웃에서 색상을 지정할 떄는 #(16진수 컬러코드)를 설정해준다.

만약 투명도를 추가하고 싶으면 #(16진수 투명도)(16진수 컬러코드)를 써주면 된다.

 

android:background="#ffff0000"

ex) #ff0000 빨강 / #00ff00 녹색 / #0000ff 파란색

#ffff0000 투명도가 0인 빨강색(=빨강색) / #00ff0000 투명도가 100인 빨강색 (=무색)

 

 

배경으로 이미지를 지정하고 싶다면, 넣고 싶은 이미지를 /res/drawable 폴더에 넣는다.

주의할 점은 첫 글자는 영문자로 시작해야하며, 숫자, 영문자, _ 기호를 사용할 수 있다.

파일 확장명까지 포함해 모두 소문자여야 한다는 것을 주의해야 된다.

 

만약 image.png 파일을 불러오고 싶다면,

android:background="@drawable/image"

이런 식으로 사용하면 된다.