<Android> 3. Gravity, Margin, Layout_weight

1.Layout_gravity, Gravity

   

   <!--gravity는 view안에 내용물을 배치할때 사용, layout-gravity는 view를 배치할때 사용 -->

    <Button

        android:id="@+id/btn1"
        android:layout_gravity="left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        /><!--디폴트 정렬-->

    <Button

        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="start"
        android:text="3" /><!--앞정렬-->

    <Button

        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:text="2" /><!--끝정렬(가로,세로)-->

    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="4" /><!--중앙정렬-->

   <TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="content"
    android:textSize="50dp"
    android:background="#8615b3"
    android:gravity="center|top"
    /> <!--view 내부 내용물 정렬 center는 중심 위에 정렬하기위해서 top 필요 -->

실행

2.Margin, Padding

Padding, Margin : css의 것과 같은 방식

Padding: 뷰 내부 내용물과 뷰 간의 간격

Margin: 컨테이너와 뷰와의 간격 

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="100dp"
    android:text="Margin"
    />
 <Button
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:padding="20dp"
     android:text="Padding"
     android:background="#ce0e0e"
     />

android:baselineAligned="false" //밑에 라인을 맞추지 않는 것

실행

3.Layout_weight

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

<!--layout_weight ※ 남은 여유공간 ※ 크기에 가중치를 두어 크기를 맞추는 것->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1번"
        android:textSize="50dp"
        android:background="#995c13ca"
        android:layout_weight="1"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2번"
        android:textSize="50dp"
        android:background="#99874e4e"
        android:layout_weight="1"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="3번"
        android:textSize="50dp"
        android:background="#99559e3f"
        android:layout_weight="1"
        />

</LinearLayout>

실행