วางรูปภาพที่จะใช้สร้างปุ่มในโฟลเดอร์ drawable
blue_button00
blue_button01
สร้างไฟล์ button.xml
คลิกขวาที่โฟลเดอร์ drawable จากนั้นเลือก New -> Drawable resource file
สร้าง selector ลงในไฟล์ button.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/blue_button01" /> // ปุ่มเมื่อถูกกด
<item android:state_focused="true"
android:drawable="@drawable/blue_button01" />
<item android:drawable="@drawable/blue_button00" /> // ปุ่มเมื่อยังไม่ถูกกด
</selector>
เพิ่ม Button ลงใน activity_main.xml
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button" /> // เรียกใช้ไฟล์ button.xml ที่สร้าง
หรือจะใช้ ImageButton แทน Button ก็ได้
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/button"
android:background="#00000000"> // สีพื้นหลังของปุ่มเป็นสีใส (transparent)
</ImageButton>
ผลลัพธ์
Tools :
Android Studio
Credits :
Buttons by Kenney.nl
ไม่มีความคิดเห็น:
แสดงความคิดเห็น