상세 컨텐츠

본문 제목

[안드로이드] 뷰(View) 거리두는 방법 Margin 사용법

안드로이드

by aries574 2022. 2. 17. 06:30

본문


이번 시간에는 뷰(View) 간의 거리 둘 때 사용하는

Margin 사용법에 대하여 알아보겠습니다.


목차

1. 실행 화면

2.  메인 화면 구성 activity_main.xml


1. 실행 화면

 

2.  메인 화면 구성 activity_main.xml

 - 속성 -

 layout_marginTop: 위와 간격 

 layout_marginStart: 왼쪽과의 간격

 layout_marginEnd: 오른쪽과 간격

 layout_marginBottom: 아래와 간격

 - 색상 - 

  res -> values -> colors.xml

<color name="red_200">#EF9A9A</color>
<color name="blue_200">#90CAF9</color>
<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="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/red_200" />

    <!-- 위와 거리 20dp 아래와의 거리 20dp-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_marginTop="50dp"
        android:layout_marginBottom="50dp"
        android:orientation="horizontal">

        <!-- 왼쪽과의 거리 20dp-->
        <TextView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_marginStart="20dp"
            android:background="@color/blue_200" />

        <!-- 왼쪽과의 거리 20dp 오른쪽과의 거리 20dp-->
        <TextView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_marginStart="20dp"
            android:layout_marginEnd="20dp"
            android:background="@color/blue_200" />

        <TextView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@color/blue_200" />

    </LinearLayout>

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/red_200" />

</LinearLayout>

2022.02.15 - [안드로이드] - [안드로이드] 색상(Color) 공통 관리하는 방법

 

[안드로이드] 색상(Color) 공통 관리하는 방법

이번 시간에는 색상을 파일에 등록해서 공통으로 관리하며 사용하는 방법에 대하여 알아보겠습니다. 목차 1. 실행 화면 2. 색상 공통 파일에 등록 3. 메인 화면 구성 activity_main.xml 1. 실행 화면 2

aries574.tistory.com

2022.02.15 - [안드로이드] - [안드로이드] 크기(Size) 간격(Margin,Padding) 공통관리 하는방법

 

[안드로이드] 크기(Size) 간격(Margin,Padding) 공통관리 하는방법

이번 시간에는 안드로이드에서 쓰이는 뷰, 컴포넌트들의 크기와 간격을 공통 파일에 담아놓고 쉽게 갖다 쓰는 방법에 대하여 알아보겠습니다. 목차 1. 실행 화면 2. 크기,간격 공통관리 파일 만

aries574.tistory.com

2022.02.14 - [안드로이드] - [안드로이드] 플로팅액션버튼(FloatingActionButton)에 카운터(Counter) 기능 쉽게 넣는 방법

 

[안드로이드] 플로팅액션버튼(FloatingActionButton)에 카운터(Counter) 기능 쉽게 넣는 방법

이번 시간에는 플로팅액션버튼(FloatingActionButton)에 카운터 기능 쉽게 넣는 방법에 대하여 알아보겠습니다. 목차 1. 실행 화면 2. 라이브러리 등록 3. 메인 화면 구성 activity_main.xml 4. 메인 ..

aries574.tistory.com

반응형

관련글 더보기

댓글 영역