안드로이드 입력창 모서리 둥근 테두리 만들기

개요

안드로이드 EditText 입력 창 모서리 둥글게 만드는 방법입니다.

상세내용

안드로이드로 EditText를 만들게 되면 아래 줄만 표시됩니다. 입력 창에 테두리만드는 것은 별도로 작업을 해야합니다.

EditText

 

적용 방법

1. 프로젝트경로에로 res아래 drawable 에서 오른쪽 마우스를 클릭합니다. 팝업메뉴에서 "new" 선택하면 "Drawable Resource File" 메뉴가 표시 됩니다. 클릭하시면 됩니다. 입력 창이 나오면 파일 이름을 "buttno_all_round.xml"로 입력하시고 "OK"을 클릭 합니다. 파일 이름은 나중에 이 리소스를 불러올 때 사용합니다.
 
2. 에디창이 열리면 아래 코드를 복사해 넣습니다.

반응형

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:padding="10dp" 
 android:shape="rectangle" >    
 <solid android:color="?android:attr/colorBackground" />
   <stroke
     android:width="1dp"
     android:color="?attr/colorButtonNormal" />
</shape>

 
3. 테두리를 만들려하고하는 EditText 속성에 아래 코드를 넣어 줍니다. 이미 느끼신분들도 있겠지만 아까 입력한 drawable 경로의 buttno_all_round.xml파일 입니다.

android:background="@drawable/buttno_all_round"

반응형

 
실행해 보면 아래와 같이 EditText 모양이 변경된것을 확인하실수 있습니다.

editText 사각 테두리

 
4. buttno_all_round.xml 파일이 모서리가 둥글게 하는 코드를 추가 하겠습니다. 아래 코드를 입력해 주시면 됩니다.

<corners
   android:bottomLeftRadius="7dp"
   android:bottomRightRadius="7dp"
   android:topLeftRadius="7dp"
   android:topRightRadius="7dp" />

반응형

완성된 buttno_all_round 소스

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:padding="10dp" 
 android:shape="rectangle" >    
 <solid android:color="?android:attr/colorBackground" />
 <corners
   android:bottomLeftRadius="7dp"
   android:bottomRightRadius="7dp"
   android:topLeftRadius="7dp"
   android:topRightRadius="7dp" />
   <stroke
     android:width="1dp"
     android:color="?attr/colorButtonNormal" />
</shape>

반응형

실행해 보시면 아래모양으로 표시가 됩니다.
저는 모서리 크기를 '7dp'로 설정을 했지만 값을 조정해서 원하는 모서리크기로 만드시면 됩니다.

모서리가 둥근 입력창

이상입니다.