[Android/안드로이드] 사각형, 선, 타원 shape xml 로 정의하고 쉽게 재사용하기.

 
안녕하세요 돼지왕왕돼지입니다.
오늘은 자주 사용되기 쉬운 모양 ( shape ) 들을 xml 로 정의하고 쉽게 재사용 하는 것에 대해 알아보려 합니다.
이 shape 들을 drawable에 xml 형태로 넣고 ImageView 로 꺼내 사용해보도록 하죠.

참고로, shape 의 경우 wrap_content 로 layouting 해버리면 원하는데로 나오지 않을 가능성이 높습니다.
명시적으로 크기를 지정해 주는 것이 좋죠.

그럼 한개씩 code 를 나열해보겠습니다. 

< 사각형 ( Rectangle ) >

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

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

     android:shape="rectangle">  

    <stroke

          android:width="5dip"

          android:color="#19CD00" />

    <corners

         android:bottomRightRadius="1dip"

         android:bottomLeftRadius="1dip"  

         android:topLeftRadius="1dip"

         android:topRightRadius="1dip"/>  

   <padding

         android:left="1dip"

         android:top="1dip"

         android:right="1dip"

         android:bottom="1dip" />

</shape>

 

Rectangle, with=500dp, height=500dp,

 
 

< 선 ( Line ) >

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

    android:shape="line"> 

   <stroke

       android:width="5dp"

       android:color="#FF0000FF"

       android:dashWidth="1dp"

       android:dashGap="2dp" /> 

</shape>

Line, with=500dp, height=500dp,

 < 타원형 ( Oval ) >

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

      android:shape="oval"> 

    <solid

          android:color="#FFFF0000"/> 

    <stroke

          android:width="4dp"

          android:color="#99000000"

          android:dashWidth="4dp"

          android:dashGap="2dp" /> 

    <padding

          android:left="7dp"

          android:top="7dp"

          android:right="7dp"

          android:bottom="7dp" /> 

    <corners android:radius="4dp" /> 

    <gradient

          android:startColor="#FFFF0000"

          android:endColor="#80FF00FF"

          android:angle="270"/>

</shape>

Oval, with=500dp, height=500dp,

자 그럼 속성값들을 바꿔가며 유용하게 잘 사용하시기 바랍니다.