Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

ปุ่ม Android มาตรฐานที่มีสีต่างกัน?


ตัวอย่างนี้สาธิตเกี่ยวกับปุ่ม 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 จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ –

ปุ่ม Android มาตรฐานที่มีสีต่างกัน?

ตอนนี้คลิกที่ปุ่ม มันจะแสดงผลดังที่แสดงด้านล่าง –

ปุ่ม Android มาตรฐานที่มีสีต่างกัน?