Button 디자인 Radius 속성

Android는 XML 에서 디자인을 할 수 있습니다.

Drag & Drop 으로 쉽게 만들 수 있지만 정확한 값을 입력하기엔 더 번거로워 질 수 있습니다.

간단하게 버튼 디자인을 해보겠습니다.

일반적인 버튼입니다.

사각형의 디자인으로 정말 밋밋합니다.

    <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="LOGIN"/>

버튼에 Radius 값을 넣어서 둥글고 이쁘게 만들어 보겠습니다.

res -> drawable 안에 새로운 XML을 만들어 줍니다.

이름은 편한이름으로 주면 됩니다.

버튼이 클릭되었거나, 비활성화 되었을 때가 있기때문에 selector로 만들어 주겠습니다.

item 은 각각의 상태를 정해줄수 있습니다.

item 안에 shape를 만들어 준다음 corners 로 버튼의 Radius 값을 정해줍니다.

solid 로 버튼의 색상을 지정합니다.

<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="20dp"></corners>
            <solid android:color="@color/colorBlue"></solid>
        </shape>
    </item>

</selector>

위에 만든 xml 을 설정해주면 상태에 따라 변화하게 됩니다.

    <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/btn_blue"
            android:text="LOGIN"/>

간단하게 버튼에 Radius 값과 색상을 넣어 멋지게 만들어줬습니다.