VectorDrawable ব্যবহার করে ইউজার প্রোফাইল আইকন (ব্যক্তির সিলুয়েট) বানানো
এই উদাহরণটি দেখাবে কিভাবে জটিল SVG পাথ ডেটা ব্যবহার করে একটি স্ট্যান্ডার্ড "ইউজার প্রোফাইল" আইকন (মাথা এবং কাঁধের আকার) তৈরি করা যায়। এটি লগইন স্ক্রিন, সেটিংস পেজ, অ্যাভাটার প্লেসহোল্ডার হিসেবে ব্যবহার করা হয়।
ধাপ ১: নতুন প্রজেক্ট তৈরি করুন
Android Studio-তে File → New Project দিয়ে প্রজেক্ট তৈরি করুন।
ধাপ ২: লেয়াউট ফাইল (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>
ধাপ ৩: ভেক্টর ড্রেয়েবল (drawable/background.xml)
পাথ ডেটা একটি বৃত্ত (মাথা) এবং একটি বक्र আকার (শরীর/কাঁধ) জোড়ায়। রঙ লাল (#D80027)।
<vector xmlns:android="https://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:autoMirrored="true"
android:viewportWidth="277.58"
android:viewportHeight="277.58">
<path
android:fillColor="#D80027"
android:pathData="M138.46,164.287c-38.628,0 -69.925,-37.519 -69.925,-83.767C68.535,34.277 99.832,0 138.46,0c38.634,0 69.957,34.277 69.957,80.52C208.417,126.768 177.093,164.287 138.46,164.287zM29.689,277.528c0,0 -14.832,0.979 -21.365,-8.023c-3.53,-4.863 -1.071,-14.718 1.343,-20.217l5.912,-13.473c0,0 16.35,-36.567 34.962,-57.757c11.433,-12.994 25.031,-10.035 33.826,-5.809c5.417,2.6 11.542,10.176 16.018,14.191c6.168,5.532 17.057,11.819 34.859,12.173h10.922c17.791,-0.354 28.68,-6.641 34.843,-12.173c4.471,-4.014 10.427,-11.825 15.795,-14.511c8.072,-4.041 20.358,-6.527 31.492,6.13c18.618,21.191 33.363,58.421 33.363,58.421l6.059,13.212c2.507,5.461 5.075,15.267 1.643,20.195c-6.124,8.811 -19.874,7.642 -19.874,7.642S29.689,277.528 29.689,277.528z" />
</vector>
অ্যাপ্লিকেশনটি রান করুন
ডিভাইস সংযুক্ত করে Run করুন। একটি প্রোফাইল সিলুয়েট আইকন দেখাবে।
বেস্ট প্র্যাক্টিস: Material Design Icons
হায়ফলুটিন পাথ লিখার বদলে Material Symbols থেকে person, account_circle, person_outline আইকন ব্যবহার করুন। এগুলো সব ডেনসিটি, থিম, অ্যাক্সেসিবিলিটি সাপোর্ট করে।
<!-- build.gradle dependencies --> implementation "androidx.compose.material:material-icons-extended" <!-- Compose-এ --> Icon(Icons.Default.Person, contentDescription = null) <!-- XML-এ (Vector Asset Studio) --> Right-click drawable → New → Vector Asset → Material Icons → Search "person"
