Lomohome.com :: 괴발자 모근원

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>


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








저작자 표시 비영리 변경 금지
신고
Posted by Geunwon Mo 모근원
  1. 담아갈게요~^^

  2. 좋은 정보 감사합니다. 담아가겠습니다~~

  3. dip관련검색하다 우연히 보게됬습니다
    쉽고 간단하게 코너를 주는 방법을 알게됬습니다
    감사합니다 수고 하세요

  4. 액션가면 2010.10.15 16:11 신고

    빨아갈께요~~~

  5. 레이아웃오호 2011.05.10 21:12 신고

    어이구 어떻게 페이지꾸밀까하다가 좋은글 보고 가네요 감솨합니다~~

  6. 이렇게 감사한 정보를. .ㅠㅠ 흑흑 눈물나게 감사합니다. ^^

  7. 좋은정보 감사합니다. 블로그에 퍼갑니다.

  8. 감사합니다~ 나인페치로 하려다 말았던 부분인데 xml로도 가능하군요 ㅎㅎ

  9. 오오 좋은 정보에요!!
    무단으로 제 블로그에 가져갈게요 ^^;
    출처는 당근 표기 하구요 :)

  10. 담아갈께요~~~