안드로이드 프로그래밍: 둥근 버튼 만들기

Posted by 드린
2019. 6. 27. 13:56 IT

이번 시간에는 사각형의 딱딱한 버튼들을 둥글게 만드는 둥근 버튼 만드는 법에 대해 알려드리겠습니다.

확실히 사각형보다는 둥근버튼 더 자연스럽고 편안하게 다가옵니다.

 

먼저 버튼의 스타일을 적용하기 위해서 drawable 폴더 속에 xml파일을 하나 생성해야합니다.

저같은 경우는 버튼의 상태에 따라 변경할 것이기에 button_state.xml파일을 생성했습니다.

이름은 자유이니 원하시는 대로 정하세요.

xml파일을 만드시면 자동으로 selector 태그가 감싸질 거예요.

이 태그안에 적용할 스타일을 넣어주셔야해요.

Selector > item > shape > corners, solid 순으로 진행할거예요.

<item>
	<shape android:shape="rectangle">
        	<corners android:radius="100dp"/>
    		<solid android:color="@color/colorNormal"/>
	</shape>
</item>

제가 샘플로 만들어놓은 코드입니다.

shape의 rectangle은 버튼이 기본 베이스가 사각형이기에 사각형으로 정의했고,

corners의 radius를 전체적으로 100dp로 설정했는데, 혹 따로 따로 지정하고 싶으시면,

bottomLeftRadius같은 속성에 각각 값을 넣으시면되겠습니다.

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

위와 같이 하시면 됩니다.

solid같은 경우는 색상을 지정하는 것으로 저는 colors.xml에 colorNormal로 지정을 해놓았기에 저렇게 사용할 수 있는거예요.

귀찮다 하시는 분들은 #ffffff같이 입력하셔도 됩니다.

이제 다 입력하셨다면 실제 버튼에 위 스타일을 적용해야겠죠.

버튼이 있는 xml파일에 

android:background="@drawable/button_state"

를 추가해주세요.

background로 저희가 적용한 스타일을 적용하겠다는 뜻입니다.

이 스타일은 레이아웃에도 똑같이 적용되니 참고하시길 바랍니다.

이 댓글을 비밀 댓글로