[Android]VIew 에 원하는 곳에만 border 주기

                         

위와 같은 표 형식의 UI의 개발이 필요할때가 있습니다. 

물론 GrideView나 RecylerView 쓰고 제공되는 API 쓰거나 각 셀에 패딩을 줘서 처리를 할 수도 있습니다.

하지만 가끔 저 두가지를 쓰지 못하고 직접 ViewGroup에 넣어야될 경우가 있다.

이 경우에 각 셀에 라인을 위,아래,좌측,우측 을 다 줄경우 

겹치는 라인이 두줄로 표시되기때문에 우측,아래 border값만 지정하여 해결할수 있습니다. 

여기서 또 요청사항이 각 셀에 대한 Press 상태도 표시를 해야될경우가 있습니다. 

이와같은 경우는 아래와같이 해결하게됩니다.

우선 VIew에 들어갈 Pressed 상태로 Selector에 들어갈 파일을 작성한다.

layout_border.xml(state_pressed="false" 상태 레이아웃)

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetTop="-1dp"
    android:insetLeft="-1dp">

    <shape android:shape="rectangle">
        <stroke android:width="1dp" android:color="#dfdfdf" />
        <solid android:color="#ffffff" />
    </shape>

</inset>

layout_border_press.xml(state_pressed="true" 상태 레이아웃)


<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffff" />
    <stroke
        android:width="3px"
        android:color="#86E57F" />
    <padding
        android:bottom="3px"
        android:left="3px"
        android:right="3px"
        android:top="3px" />
</shape>





layout_pressed_selector.xml(셀에 들어갈 셀렉터)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- pressed -->
    <item android:state_pressed="true" android:drawable="@drawable/layout_border_press" />
    <item android:state_pressed="false" android:drawable="@drawable/layout_border"/>

</selector>






이제 적용할 뷰에 
<View
    android:layout_width="114px"
    android:layout_height="56px"
    android:layout_centerInParent="true"
    android:background="@drawable/layout_pressed_selector" />