एंड्रॉइड में प्रोफाइल आइकन आकार कैसे बनाएं?

एंड्रॉइड में वेक्टर से यूजर प्रोफाइल आइकन (व्यक्ति सिल्हूट) बनाना

यह ट्यूटोरियल दिखाता है कि एक व्यक्ति के सिर और कंधों का सिल्हूट वाला प्रोफाइल आइकन वेक्टर ड्रॉएबल में कैसे बनाएं।

चरण 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="#2196F3"
        android:pathData="M12,12c2.21,0 4,-1.79 4,-4s-1.79,-4 -4,-4 -4,1.79 -4,4 1.79,4 4,4zm0,2c-2.67,0 -8,1.34 -8,4v2h16v-2c0,-2.66 -5.33,-4 -8,-4z" />
</vector>

सरल और मानक प्रोफाइल आइकन

<!-- मटेरियल डिजाइन स्टाइल पर्सन आइकन -->
<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="#2196F3"
        android:pathData="M12,12c2.21,0 4,-1.79 4,-4s-1.79,-4 -4,-4 -4,1.79 -4,4 1.79,4 4,4zm0,2c-2.67,0 -8,1.34 -8,4v2h16v-2c0,-2.66 -5.33,-4 -8,-4z" />
</vector>

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

<!-- केवल सिर (सर्कल) -->
<path android:fillColor="#000" android:pathData="M12,8a4,4 0 1,0 0,8 4,4 0 0,0 0,-8z" />

<!-- सिर + कंधे (सरल) -->
<path android:fillColor="#000" android:pathData="M12,5a5,5 0 1,0 0,10 5,5 0 0,0 0,-10z M12,18a8,8 0 0,1 -8,-8h16a8,8 0 0,1 -8,8z" />

<!-- दो उपयोगकर्ता (ग्रुप) -->
<path android:fillColor="#000" android:pathData="M16,11c1.66,0 3,-1.34 3,-3s-1.34,-3 -3,-3 -3,1.34 -3,3 1.34,3 3,3zm-8,0c1.66,0 3,-1.34 3,-3s-1.34,-3 -3,-3 -3,1.34 -3,3 1.34,3 3,3zm0,2c-2.33,0 -7,1.17 -7,3.5V19h14v-2.5c0,-2.33 -4.67,-3.5 -7,-3.5zm8,0c-2.33,0 -7,1.17 -7,3.5V19h14v-2.5c0,-2.33 -4.67,-3.5 -7,-3.5z" />

रंग और आकार कस्टमाइजेशन

<vector ...>
    <path
        android:fillColor="#4CAF50" <!-- हरा -->
        android:pathData="..." />
</vector>

<!-- सफेद आइकन डार्क बैकग्राउंड के लिए -->
android:fillColor="#FFFFFF"

<!-- ग्रेडिएंट -->
<aapt:attr name="android:fillColor">
    <gradient android:type="linear" android:startColor="#2196F3" android:endColor="#21CBF3" ... />
</aapt:attr>

उपयोग केस

• यूजर प्रोफाइल अवतार प्लेसहोल्डर
• अकाउंट/सेटिंग्स मेनू आइकन
• लॉगिन/साइनअप स्क्रीन
• कॉन्टैक्ट लिस्ट आइटम
• ऑथर/क्रिएटर बैज

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

कस्टम वेक्टर के बजाय मटेरियल आइकन लाइब्रेरी उपयोग करें:

<!-- build.gradle में -->
implementation "com.google.android.material:material-icons:1.2.0"

<!-- लेआउट में -->
<ImageView
    android:src="@drawable/ic_person_24"
    android:layout_width="24dp"
    android:layout_height="24dp" />

ऐप टेस्ट करें

चलाएं - नीला प्रोफाइल सिल्हूट 100x100dp में दिखेगा।