[android] Android 의 TableLayout 의 코너를 둥글게~ (Rounded corner)

iPhone 의 UI 를 보면 다음의 이미지와 같이 테이블의 네귀퉁이 각 모서리가

둥글게 둥글게 처리되어 있는것을 볼수 있다.

이와같은 둥근 모서리를 안드로이드에서 구현을 해보려고 한다.

처음엔 9Patch image 를 쓰려했지만 검색결과 Drawable XML 을 가지고 편하게

둥근 모서리를 구현시킬수 있었다.

나는 TableLayout 에 적용해보았지만 백그라운드에 적용시키는것이기 때문에

다른곳에도 적용할수 있을 것이다.

먼저 Reaource (res) 안의 drawable 폴더에 다음과 같은 XML 을 생성한다.

나는  com_rounded_corner.xml  이라고 저장 하였다.

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

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

    <solid android:color="#99FFFFFF"/>

    <corners android:radius="15dip"/>

    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" /> 

</shape>

그리고 layout 의 적용할 부분의 background 에 해당 XML 을 넣어준다.

<TableLayout android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@drawable/com_rounded_corner"

android:padding="10dip"

android:orientation="vertical">

...

</TableLayout>

그러면 다음과 같이 둥글게 깍인 백그라운드를 쉽게 가질수 있다 :-)