[android] View Separator 만드는 방법들

[android] View Separator 만드는 방법들

http://envyandroid.com/archives/1193/view-separators

방법 1.

<LinearLayout

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:adjustViewBounds="true"

    android:orientation="horizontal">

 

    <Button

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        style="?android:attr/buttonBarButtonStyle"

        android:text="Yes"

        android:layout_weight="1"

        android:id="@+id/button1"

        android:textColor="#00b0e4" />

 

    <View 

android:layout_height="fill_parent"

        android:layout_width="1px"

        android:background="#90909090"

        android:layout_marginBottom="5dp"

        android:layout_marginTop="5dp"

        android:id="@+id/separator1" />

 

    <Button

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        style="?android:attr/buttonBarButtonStyle"

        android:text="No"

        android:layout_weight="1"

        android:id="@+id/button2"

        android:textColor="#00b0e4" />

 

    <View 

  android:layout_height="fill_parent"

        android:layout_width="1px"

        android:background="#90909090"

        android:layout_marginBottom="5dp"

        android:layout_marginTop="5dp"

        android:id="@+id/separator2" />

 

    <Button

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        style="?android:attr/buttonBarButtonStyle"

        android:text="Neutral"

        android:layout_weight="1"

        android:id="@+id/button3"

        android:textColor="#00b0e4" />

 

</LinearLayout>

VIew 사이사이에 separator 역할을 하는 view 들을 직접 삽입한다.

방법 2.

API Level 11 이상에서만 가능한 건데..

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

 <size android:width="1dp" />

 <solid android:color="#90909090" />

</shape>

<LinearLayout

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:adjustViewBounds="true"

    android:divider="@drawable/separator"

    android:showDividers="middle"

    android:orientation="horizontal">

 

    <Button

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        style="?android:attr/buttonBarButtonStyle"

        android:text="Yes"

        android:layout_weight="1"

        android:id="@+id/button1"

        android:textColor="#00b0e4" />

 

    <Button

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        style="?android:attr/buttonBarButtonStyle"

        android:text="No"

        android:layout_weight="1"

        android:id="@+id/button2"

        android:textColor="#00b0e4" />

 

    <Button

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        style="?android:attr/buttonBarButtonStyle"

        android:text="Neutral"

        android:layout_weight="1"

        android:id="@+id/button3"

        android:textColor="#00b0e4" />

 

</LinearLayout>

Layout 속성으로 showDividers 값을 준다.

방법 3.

가장 쉬운 방법으로써 ButtonBarStyle 을 사용하는 것이다.

<LinearLayout

    android:orientation="horizontal"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    style="?android:buttonBarStyle"

    android:dividerPadding="15dp"

    >

 

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="New Button"

        android:id="@+id/button1"

        android:layout_gravity="center_vertical" />

 

    <!-- more buttons/views -->

     

</LinearLayout>

style="?android:buttonStyle" 을 주고 

android:dividerPadding 값으로 divider 들의 padding 값도 조절할 수 있다.

11, 1dp, 1px, ?android:bubttonBarStyle, Android, android:divider, android:dividerpadding, android:showdividers, api level, buttonbarstyle, DIVIDER, dividerpadding, LinearLayout, middle, showdividers, style, View, view separator, 구분자, 만들기, 방법, 여러 가지