본문 바로가기
모바일/Android View & Layout

[Android] Linear Layout & View Component

by drCode 2021. 4. 14.
728x90
반응형

안녕하세요. 이번 포스팅은 안드로이드 Linear Layout 그리고 View Component에 대해 다뤄보도록 하겠습니다.

 

안드로이드 화면을 만들 때, 전체적인 윤곽을 잡아주는 레이아웃이 있습니다.

 

선형적인 구조로 레이아웃이 구성되는 LinearLayout이 있습니다.

 

LinearLayout 안에는 또 다른 LinearLayout이 겹겹이 들어갈 수 있습니다.

 

※ 주요 구성

(1) match_parent : 부모의 속성 값에 맞춘다는 의미입니다. 주로 높이와 넓이 맞출 때 사용합니다.

(2) wrap_content : 

(2) gravity : 레이아웃 안의 요소들 배치에 관한 정의입니다. left, center, right 값이 들어갈 수 있습니다.

(3) orientation : 요소들을 수직으로 배치할지, 수평으로 배치할지 결정합니다. vertical, horizontal

--> layout_width 나 layout_height에 숫자단위도 들어갈 수 있습니다.

 

 - dp -> Density Independent Pixel
 - 픽셀 독립적인 단위

 - 픽셀, dpi, dp 단위
 - 픽셀, 핸드폰 화면에서 빛이 나오는 전구 -> 가장 작은 단위
 - dpi -> dot per inch
 - ldpi -> 120 (1인치에 120 픽셀)
 - mdpi -> 160
 - hdpi -> 240
 - xhdpi -> 320
 - xxhdpi -> 480

 

<?xml version="1.0" encoding="utf-8"?>
<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="match_parent"
    android:layout_height="match_parent"
    android:gravity="right
"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="안녕하세요 "
        android:layout_gravity="left"
        android:textColor="@color/design_default_color_error"
        android:textSize="20dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/design_default_color_error"
        android:text="안녕히계세요"></TextView>

    <ImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="#03A9F4"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="50dp"
        android:background="#E91E63"
        android:text="안녕하세요"
        />
    
</LinearLayout>

 

에뮬레이터로 실행한 결과입니다.

 

728x90
반응형

댓글