ตัวอย่างนี้สาธิตเกี่ยวกับปุ่ม Android มาตรฐานที่มีสีต่างกัน
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml
<?xml version = "1.0" encoding = "utf-8"?> <LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android" xmlns:app = "https://schemas.android.com/apk/res-auto" xmlns:tools = "https://schemas.android.com/tools" android:layout_width = "match_parent" android:gravity = "center" android:layout_height = "match_parent" tools:context = ".MainActivity" android:orientation = "vertical"> <Button android:id = "@+id/parcleObject" android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:layout_alignParentTop = "true" android:layout_centerHorizontal = "true" android:layout_marginTop = "27dp" android:background = "@drawable/background" android:text = "Click here"/> </LinearLayout>
ในโค้ดด้านบนนี้ เราได้นำมุมมองปุ่มเพื่อแสดงสีต่างๆ
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้เพื่อ drawable / background.xml
<?xml version = "1.0" encoding = "utf-8"?> <selector xmlns:android = "https://schemas.android.com/apk/res/android"> <item android:state_pressed = "true" > <shape> <gradient android:startColor = "#f0ff00" android:endColor = "#d9dd95" android:angle = "270" /> <stroke android:width = "3dp" android:color = "#d1d3e3" /> <corners android:radius = "3dp" /> <padding android:left = "10dp" android:top = "10dp" android:right = "10dp" android:bottom = "10dp" /> </shape> </item> <item android:state_focused = "true" > <shape> <gradient android:endColor = "#fd5900" android:startColor = "#eca680" android:angle = "270" /> <stroke android:width = "3dp" android:color = "#d1d3e3" /> <corners android:radius = "3dp" /> <padding android:left = "10dp" android:top = "10dp" android:right = "10dp" android:bottom = "10dp" /> </shape> </item> <item> <shape> <gradient android:endColor = "#4356e7" android:startColor = "#a1aaee" android:angle = "270" /> <stroke android:width = "3dp" android:color = "#d1d3e3" /> <corners android:radius = "3dp" /> <padding android:left = "10dp" android:top = "10dp" android:right = "10dp" android:bottom = "10dp" /> </shape> </item> </selector>
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ –
ตอนนี้คลิกที่ปุ่ม มันจะแสดงผลดังที่แสดงด้านล่าง –