프로그래밍/안드로이드

안드로이드 - 7. 이미지 버튼 만들기

가카리 2017. 10. 3. 22:50
반응형

예제 소스: 

젤리빈 4.3버전에서 테스트되었습니다.


먼저 아래와 같이 버튼에 관한 이미지를 구한 뒤 res/drawable 폴더에 넣습니다.

버튼 이미지는 https://thenounproject.com/ 에서 구했습니다.





그 다음 button1.xml 파일을 아래와 같이 써줍니다.

res/drawable/button1.xml

새로 만든 버튼에 대한 이미지를 지정해주는 부분입니다.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/click"
        android:state_pressed="true"></item>
    <item android:drawable="@drawable/hover"
        android:state_focused="true"></item>
    <item android:drawable="@drawable/normal"></item>
</selector>

그다음 activity_main.xml에 버튼을 추가합니다. 이때 ImageButton을 이용해서 추가합니다.

오른쪽에 보면 srcCompat이 @drawable/button1로 된 것을 볼 수 있습니다.

이것은 위에서 만든 button1.xml을 의미합니다.





실행 화면

처음에 지정한 normal.png가 보입니다.



버튼에 포커스를 주거나 클릭을 하면 아래와 같이 버튼의 모양이 바뀝니다.





반응형