안드로이드 애플리케이션은 크게 '자바코드'와 '리소스'로 구성된다.
자바코드는 애플리케이션의 흐름과 기능을 정의하는 부분이고
리소스는 Layout 이나 이미지와 같이 주로 애플리케이션이 사용자에게 보이는 부분이다.
Manifest는 설치된 애플리케이션의 구성요소나 권한을 정의한다.
Layout 은 ViewGroup 클래스로부터 상속을 받으며, Layout 안에 존재하는 위젯(버튼, 텍스트뷰,에디트뷰 등)을 배치한다. 화면에 구성하려면 Layout 에 대해 이해를 해야 한다.
스마트폰의 크기가 다양하므로 절대 픽셀 위주로 Layout을 잡는 것은 대단히 위험하다.
그래서 본 내용에서는 절대 Layout 은 다루지 않는다.
공통 | android:layout_width="match_parent" // 무조건 남아있는 여유공간을 채움
android:layout_width="wrap_content" // View의 내용물의 크기에 따라 결정되도록 함
android:layout_margin="10dp" // 위젯과 여유 공간 사이의 여백 설정
android:padding="20dp" // 위젯 내부 여백 설정
|
LinearLayout |
간단하고 직관적으로 이해하기 쉬워서 많아 사용한다. 자식(child) View 들을 수평 또는 수직으로 배치한다. android:orientation="vertical" // 수직으로 배치(수직으로 차곡차곡 쌓겠다)
android:gravity="top" // 상단 (View의 정렬방향을 설정)
android:gravity="left|top" // 왼쪽 상단
android:gravity="center_horizontal|center_vertical" // 정중앙
android:gravity="right|bottom" // 오른쪽 하단
Gravity 속성을 이용하여 자식(child) View 를 상단, 하단, 중앙에 배치할 수 있다. android:layout_weight="1" // View 내부 child끼리의 크기 비율 지정(공간 가중치)
child View 의 가중치를 지정하지 않으면 0 으로 간주하고 확장하지 않는다. LinearLayout 을 여러개 사용하면 각 Layout의 크기를 지정해야 한다. 내부 LinearLayout 에서 layout_weight="1" 로 모두 지정하면 비율이 동일하게 출력된다.
layout_margin은 "값"만큼 띄어서 배치하겠다는 뜻 android:layout_gravity=center gravity 속성 앞에 layout이 붙어 있으면 해당 위젯이 포함되어 있는 Layout 위젯의
정렬방식을 의미한다.
|
RelativeLayout |
View 들의 위치가 상대적으로 정해진다. (기준 View 가 있고, 배치하고자 하는 View를 기준 View의 어디에 둘 것인지 설정)
RelavtiveLayout 은 자신을 포함하고 있는 컨테이너나 다른 위젯을 기준으로 위젯을 배치하는 레이아웃(layout)이다.
부모 컨테이너나 다른 View(위젯)와의 상대적 위치를 이용해 화면을 구성한다.
android:layout_below="@id/topButton" <-- topButton 기준으로 하단에 위치
android:layout_above="@id/bottomButton" <-- bottomButton 기준 위에 위치
★ 자신을 포함하는 컨테이너를 기준으로 해당 위젯을 배치하는 속성들 layout_alignParentTop : 부모 컨테이너의 위쪽과 뷰의 위쪽을 맞춤
layout_alignParentBottom : 부모 컨테이너의 아래쪽과 뷰의 아래쪽을 맞춤
layout_alignParentLeft : 부모 컨테이너의 왼쪽 끝과 뷰의 왼쪽 끝을 맞춤
layout_alignParentRight : 부모 컨테이너의 오른쪽 끝과 뷰의 오른쪽 끝을 맞춤
layout_centerHorizontal : 부모 컨테이너의 수평방향 중앙에 배치
layout_centerVertical : 부모 컨테이너의 수직 방향 중앙에 배치
layout_centerInParent : 부모 컨테이너의 수평과 수직 방향 중앙에 배치
★ 다른 위젯을 기준으로 해당 위젯을 배치하는 속성들
layout_above : 지정한 뷰의 위쪽에 배치
layout_below : 지정한 뷰의 아래쪽에 배치
layout_toLeftOf : 지정한 뷰의 왼쪽에 배치
layout_toRightOf : 지정한 뷰의 오른쪽에 배치
layout_alignTop : 지정한 뷰의 위쪽과 맞춤
layout_alignBottom : 지정한 뷰의 아래쪽과 맞춤
layout_alignLeft : 지정한 뷰의 왼쪽과 맞춤
layout_alignRight : 지정한 뷰의 오른쪽과 맞춤
layout_alignBaseline : 지정한 뷰와 내용물의 아래쪽 기준선(baseline)을 맞춤
android:layout_centerVertical="true"
|
FrameLayout |
여러 Layout 을 중첩시켜, 원하는 Layout 만 볼 수 있도록 해준다.
자식 View 들은 등장하는 순서대로 화면에 중첩되어 표시된다. 기준점은 좌측 상단이 된다. |
TableLayout |
격자모양의 배열을 이용하여 화면을 구성한다. 자식 View 들을 테이블 형태로 배치한다. layout_span 은 열을 합쳐서 표시하라는 의미.
layout_span="3" 은 현재 셀부터 3개를 합쳐서 표시하라는 의미
|
@ : 리소스에서 참조한다는 의미
+ : 새로 생성한다는 의미
id : 식별자를 나타내는 패키지
layout1 : 식별자
이 id 를 이용하여 activity 의 onCreate() 메소드에서 findViewById()를 호출하여 layout1 을 찾을 수 있다.
java 코드에서 참조할 일이 없으면 id를 만들지 않아도 된다.
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main); // layout 폴더에 있는 main.xml 파일을 찾는다.
// 화면에 나타낼 View를 지정하고, xml Layout의 내용을 메모리상에 객체화한다.
// 이 두줄의 코드 위에 정보를 넣으면 객체화되지 않아서 강제종료 처리가 된다.
layout1 = (LinearLayout) findViewById(R.id.layout1); // id 가 layout1 인 것을 찾는다.
background 속성
- #RRGGBB 값을 지정한다. R:red, G:green, B:blue
- #AARRGGBB 방식인 경우 AA:투명도를 나타내며 00 : 완전투명, FF:완전불투명, 77 : 반투명
Android 폰의 해상도와 관계없이 잘 작동하는 화면을 만들 때 dp 단위를 많이 사용한다.
padding 속성
- 자신의 내부에 들어있는 위젯과 자신의 경계선과의 간격을 지정
- padding은 상하좌우 모두에 지정하는 속성
- 따로 지정하고 싶으면 paddingTop, paddingBottom, paddingLeft, paddingRight를 이용
layout_margin
- 자신의 부모 Layout 이나 위젯과의 간격, 주위의 다른 위젯과의 간격을 지정한다.
