एंड्रॉइड में क्लोज (X) आकार कैसे बनाएं?

एंड्रॉइड में वेक्टर से क्लोज/क्रॉस (X) आइकन बनाना

यह ट्यूटोरियल दिखाता है कि एक लाल सर्कल में सफेद X (क्लोज/डिसमिस) आइकन वेक्टर ड्रॉएबल में कैसे बनाएं - डायलॉग बंद करने, आइटम हटाने के लिए आदर्श।

चरण 1: नया प्रोजेक्ट बनाएं

Android Studio में File → New Project चुनें।

चरण 2: लेआउट (res/layout/activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_marginTop="30dp"
    tools:context=".MainActivity">
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@drawable/background" />
</LinearLayout>

चरण 3: वेक्टर ड्रॉएबल (drawable/background.xml)

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="https://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    
    <!-- लाल सर्कल बैकग्राउंड -->
    <path
        android:fillColor="#F44336"
        android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2z" />
    
    <!-- सफेद X (क्रॉस) -->
    <path
        android:fillColor="#FFFFFF"
        android:pathData="M15.41,7.41L14,6l-4.59,4.59L7.41,6 6,7.41l4.59,4.59L6,16.59 7.41,18 12,13.41l4.59,4.59 1.41,-1.41L13.41,12l4.59,-4.59z" />
        
</vector>

सरल X आइकन (बिना सर्कल)

<vector xmlns:android="https://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#F44336"
        android:pathData="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z" />
</vector>

पतला X (कम मोटा)

<path
    android:fillColor="#FFFFFF"
    android:pathData="M18,6L6,18M6,6L18,18"
    android:strokeWidth="2"
    android:strokeLineCap="round" />
    <!-- नोट: यह स्ट्रोक उपयोग करता है, fill नहीं -->

विभिन्न शैलियाँ

क्लिकेबल क्लोज बटन

<ImageButton
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:background="?attr/selectableItemBackgroundBorderless"
    android:src="@drawable/ic_close_circle"
    android:contentDescription="बंद करें"
    android:onClick="onCloseClick" />

एनिमेटेड क्लोज (रोटेट)

// क्लिक पर 90° घुमाएं
imageView.animate().rotationBy(90f).setDuration(200).start();

मटेरियल आइकन विकल्प

<!-- मटेरियल आइकन लाइब्रेरी -->
<ImageView android:src="@drawable/ic_close_24" ... />
<ImageView android:src="@drawable/ic_cancel_24" ... />

ऐप टेस्ट करें

चलाएं - लाल सर्कल में सफेद X 100x100dp में दिखेगा।