리니어 레이아웃

리니어 레이아웃 방향 설정하기

• 방향 속성은 리니어 레이아웃의 필수 속성
• 가로(horizontal), 세로(vertical)

 

기본 ConstraintLayout설정을 LinearLayout으로 변경하기

[그림1] LinearLayout 설정

설정 후 방향 속성 설정하기

 

[그림2] 리니어 레이아웃 방향 설정

 

가로(horizontal) 설정 

[그림3] 가로 설정

 

세로(vertical) 설정

[그림4] 세로 설정

 

자바 코드에서 구성하기 

LinearLayout mainLayout = new LinearLayout(this);
mainLayout.setOrientation(LinearLayout.VERTICAL); // 레이아웃 객체 생성

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
        LinearLayout.LayoutParams.MATCH_PARENT,
        LinearLayout.LayoutParams.WRAP_CONTENT); // 파라미터 생성
        
Button button1 = new Button(this);
button1.setText("Button 01");
button1.setLayoutParams(params);
mainLayout.addView(button1); // 버튼 객체 생성

setContentView(mainLayout); // 화면 설정

 

 

 

뷰 정렬하기

[그림5] 두 가지 정렬 속성

 

layout_gravity

• 뷰의 layout_width나 layout_height 속성이 match_parent가 아닐 경우에 같이 사용할 수 있음

 

 

정렬을 위해 사용할 수 있는 값

[그림6] 정렬을 위해 사용할 수 있는 값 

 

글자 아랫줄 정렬

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:baselineAligned="true"
    android:orientation="horizontal"
    tools:context=".MainActivity">

 

[그림7] 글자 아랫줄 정렬

 

 

마진과 패딩 설정하기

 

[그림8] padding 이용한 뷰 내부의 여백 주기

[그림9] layout_margin을 이용한 부모 여유공간과의 여백 주기

 

 

padding속성

• 뷰 안의 내용물인 텍스트나 이미지와 뷰 안의 영역사이의 여백을 줄 수 있는 방법

layout_margin 속성

• 부모 컨테이너의 여유 공간과 뷰 사이의 여백을 줄 수 있는 방법

위젯 셀

• 위젯이나 뷰들은 부모 컨테이너로부터 할당된 공간을 차지하게 되며 이를 '위젯 셀(cell)'이라고 부른다.,

 

 

여유공간 분할하기

• layout_weight 속성은 같은 남아있는 여유공간을 얼마나 차지할 수 있는지를 비율로 지정하는 것이다.
• android:layout_weight 속성 사용
• 두 개의 뷰에 모두 1값을 설정한 경우

[그림10] 여유공간 분할