एंड्रॉइड में त्रिकोण आकार कैसे बनाएं?

एंड्रॉइड में वेक्टर ड्रॉएबल से त्रिकोण (Triangle) आकार बनाना

यह ट्यूटोरियल दिखाता है कि VectorDrawable (XML) का उपयोग करके स्केलेबल त्रिकोण आकार कैसे बनाएं और ImageView में प्रदर्शित करें।

चरण 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="100dp"
    android:height="100dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#000000"
        android:pathData="M1,21 L23,21 L12,2 Z" />
</vector>

पाथ डेटा समझें

M1,21 - (1,21) पर मूव करें (बाएं नीचे)
L23,21 - लाइन खींचें (23,21) तक (दाएं नीचे)
L12,2 - लाइन खींचें (12,2) तक (ऊपर केंद्र)
Z - पाथ बंद करें (शुरुआत पर वापस)

विभिन्न त्रिकोण प्रकार

<!-- समबाहु त्रिकोण (ऊपर की ओर) -->
<path android:fillColor="#FF0000" android:pathData="M12,2 L22,22 L2,22 Z" />

<!-- समबाहु त्रिकोण (नीचे की ओर) -->
<path android:fillColor="#00FF00" android:pathData="M2,2 L22,2 L12,22 Z" />

<!-- समकोण त्रिकोण -->
<path android:fillColor="#0000FF" android:pathData="M0,0 L24,0 L0,24 Z" />

<!-- केवल आउटलाइन (स्ट्रोक) -->
<path
    android:fillColor="@android:color/transparent"
    android:strokeColor="#FF0000"
    android:strokeWidth="2"
    android:pathData="M12,2 L22,22 L2,22 Z" />

ग्रेडिएंट भराव

<vector ...>
    <path android:pathData="M12,2 L22,22 L2,22 Z">
        <aapt:attr name="android:fillColor">
            <gradient
                android:type="linear"
                android:startColor="#FF0000"
                android:endColor="#FFFF00"
                android:startX="12" android:startY="2"
                android:endX="12" android:endY="22" />
        </aapt:attr>
    </path>
</vector>

ImageView में उपयोग

<ImageView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/background"
    android:scaleType="fitCenter" />