Android में XML स्टाइल्स का उपयोग करके कस्टम बटन कैसे बनाएं

परिचय

XML ड्रॉएबल्स (शेप, सेलेक्टर) का उपयोग करके बटन के लिए कस्टम बैकग्राउंड (कोने, बॉर्डर, ग्रेडिएंट) बनाए जा सकते हैं बिना किसी इमेज एसेट के।

कार्यान्वयन

चरण 1: लेआउट (activity_main.xml) - तीन बटन

<Button android:id="@+id/customButton" android:background="@drawable/custom_button" android:text="My Custom button" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_centerInParent="true" /> 
<Button android:id="@+id/customButton2" android:background="@drawable/custom_button2" android:text="My Custom button" android:layout_width="200dp" android:layout_height="wrap_content" android:layout_below="@id/customButton" android:layout_marginTop="24sp" android:layout_centerHorizontal="true" /> 
<Button android:id="@+id/customButton3" android:background="@drawable/custom_button3" android:text="My Custom button" android:layout_width="200dp" android:layout_height="200dp" android:layout_above="@id/customButton" android:layout_marginBottom="24sp" android:layout_centerHorizontal="true" />

चरण 2: ड्रॉएबल 1 - स्ट्रोक और कोने (custom_button.xml)

<shape xmlns:android="https://schemas.android.com/apk/res/android" android:shape="rectangle"> 
  <stroke android:color="#66F9B9" android:width="4dp"/> 
  <corners android:radius="16sp"/> 
</shape>

चरण 3: ड्रॉएबल 2 - ग्रेडिएंट (custom_button2.xml)

<shape xmlns:android="https://schemas.android.com/apk/res/android" android:shape="rectangle"> 
  <gradient android:startColor="#2AF598" android:centerColor="#ff1493" android:endColor="@color/colorPrimary"/> 
  <corners android:radius="50dp"/> 
</shape>

चरण 4: ड्रॉएबल 3 - ठोस गोल (custom_button3.xml)

<shape xmlns:android="https://schemas.android.com/apk/res/android" android:shape="rectangle"> 
  <solid android:color="#80121a"/> 
  <corners android:radius="999dp"/> 
</shape>

चरण 5: MainActivity.java

public class MainActivity extends AppCompatActivity { 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.activity_main); 
    } 
}

व्याख्या

• `` ड्रॉएबल वेक्टर-आधारित होते हैं और स्केलेबल होते हैं।
• `` बॉर्डर जोड़ता है; `` भरता है; `` ग्रेडिएंट भरता है।
• `` कोने गोल करता है; `999dp` पूरी तरह गोल बनाता है।
• बटन के `android:background` में ड्रॉएबल संदर्भित करें।
• दबाए गए स्थिति के लिए `` का उपयोग करें।