▩ 커스텀 버튼의 특징을 알아보겠습니다. ▩
커스텀 버튼은 눌렀을때와 누르지 않았을때에 상태를 보여줍니다.
우선 첫번째, Custombutton프로젝트 생성합니다.
두번째, res/drawable 폴더에 두개의 그림 붙여넣기 합니다.
그리고 main.xml이라는 새로운 파일을 생성 합니다.
[코드작성- 그림에 대한 코드인식이라고 생각하면 됩니다..]
<item android: drawable ="@drawable/btn2
android:state_pressed ="true/>
버튼을 눌렀을때 그림표시을 나타냅니다.
<item android:drawable="@drawable/btn1"/>
버튼 누르지 않은 상태 그림표시을 나타냅니다.
* 왼쪽 drawable 선택을 합니다. 그리고 마우스 오른쪽 버튼 누릅니다.
그러면 ew -> drawable resource file 클릭합니다.
fileName 입력하고 저장버튼을 누르며 됩니다.
세번째, res/layout/activity_main.xml 파일을 생성합니다.
Design 선택합니다.
Button 이라고 적혀있는 위젯을 볼실수 있습니다.
Button을 클릭한 상태에서 드래그 하여 붙여넣기 해주시면
됩니다.
그리고 아래 화면에서 Design에서 text 화면을 클릭하시면
됩니다.
<Button
android:id ="@+id/button"
android:id:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp" --> 이 코드는 없어도 무관합니다.
android:onClick="onClick" --> onClick 메소드 호출할때 동작합니다.
android:background="@drawable/main"/> --> 버튼에 그림을 붙여넣기입
니다.
Button서 adroid:background ="@drawable/main/>
보면 @/drawable/main 은 res/drawale/main.xml 을 참조
하고 있는것을 보실수 있습니다.
drawable에서도 코드를 작성해야합니다.
4. 최종적으로 onCreate()에서 코드를 작성합니다.
아래 그림같이 코드로 작성하시며 됩니다.
public void onClick(View target){
Toast.makeText(getApplicationContext(),"Beep Bop",
Toast.LENGTH_SHORT).show();
}
5. 커스텀 버튼 실행결과입니다.
아래와같이 이미지를 보시면 왼쪽 그림 누르기 전 화면이고,
오른쪽 그림은 보시다시피 누르기 후 화면입니다.
색깔이 바뀌는걸 보실수 있습니다. 커스텀버튼 이벤트입니다.
Key point: 버튼을 생성하기 전에 두개의 그름을 drawable 부착하고, res/drawable/main 생성하여 두개의 사진에 각각의 명령을 부여합니다.
res/layout에서 버튼을 생성하여 android:background ="@drawable/main 을 불려옵니다.
오늘 포스팅은 간단하지만 버튼이 동작했을때와 안했을때 상태표시를 보여줍니다. 앱을 개발하는 개발자에게는 필요한 기능입니다.
