본문 바로가기

APP/AndroidStudio

[Android Studio] 버튼 둥글게 만들기 안드로이드 스튜디오 Button Round

반응형

[Android Studio] 버튼 둥글게 만들기 안드로이드 스튜디오 Button Round

 

안드로이드 애플리케이션을 보면 버튼이 둥글게 되어있는 App들이 있다.

오늘은 딱딱한 안드로이드 버튼에서 둥근 버튼으로 바꾸는 법을 배워보자

 

우선 resource 경로 아래 drawable 폴더에 신규 drawable resource file(xml)을 생성해준다.

파일명은 원하는 파일명을 소문자로 작성한다.

resource file명은 대문자 사용이 불가하다.

resource xml 파일 생성

 

생성한 xml파일에 아래 코드를 작성한다.

<?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="#000000" />
    <corners
        android:bottomLeftRadius="12dp"
        android:bottomRightRadius="12dp"
        android:topLeftRadius="12dp"
        android:topRightRadius="12dp" />
</shape>

Radius값을 조정하여 둥근 크기를 조절할 수 있고 solid color 부분에서 원하는 버튼 색을 지정할 수 있다.

 

이후 activity_main에서 버튼을 생성한다.

 <Button
            android:id="@+id/btn_pass"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp"
            android:background="@drawable/button_round"
            android:layout_marginRight="35dp"
            android:layout_marginLeft="35dp"
            android:text="로그인"
            android:textColor="#fff"
            android:textSize="20sp"
            android:textStyle="bold" />

필자는 로그인이라는 버튼을 만들었다.

            android:background="@drawable/button_round"

backgournd 속성을 이용하여 만들었던 resource파일을 작성해주면 버튼이 둥글게 바뀌었을 것이다.

결과화면

 

반응형