VectorDrawable ব্যবহার করে অ্যান্ড্রয়েডে ক্লোজ/ক্রস (X) আইকন বানানো
এই উদাহরণটি দেখাবে কিভাবে একটি বৃত্তাকার ব্যাকগ্রাউন্ডের ওপর একটি ক্রস (X) চিহ্ন আঁকা যায়। এটি ডায়ালগ বক্স, টুলবার, নোটিফিকেশন ডিসমিস বাটনে ব্যবহৃত হয়।
ধাপ ১: নতুন প্রজেক্ট তৈরি করুন
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)
একটি বৃত্ত (Circle) এবং তার ওপর দুটি ক্রস লাইন (X) একই পাথে আঁকা হয়েছে। রঙ কালো (#FF000000)। ভিউপোর্ট ৬১২x৬১২।
<vector xmlns:android="https://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:autoMirrored="true"
android:viewportWidth="612"
android:viewportHeight="612">
<path
android:fillColor="#FF000000"
android:pathData="M612,306C612,137.004 474.995,0 306,0C137.004,0 0,137.004 0,306c0,168.995 137.004,306 306,306C474.995,612 612,474.995 612,306zM168.3,424.032L286.333,306L168.3,187.967l19.667,-19.667L306,286.333L424.032,168.3l19.668,19.667L325.667,306L443.7,424.032L424.032,443.7L306,325.667L187.967,443.7L168.3,424.032z" />
</vector>
Path Data ব্যাখ্যা:
- প্রথম অংশ (
M612,306C...306z): একটি পূর্ণ বৃত্ত আঁকে। - দ্বিতীয় অংশ (
M168.3,424.032L...424.032z): বৃত্তের ওপর ক্রস (X) আঁকে।
অ্যাপ্লিকেশনটি রান করুন
ডিভাইস সংযুক্ত করে Run করুন। একটি কালো বৃত্তের মধ্যে সাদা (নেগেটিভ স্পেস) ক্রস চিহ্ন দেখাবে।
ম্যাটেরিয়াল ডিজাইন অল্টারনেটিভ
কাস্টম ভেক্টর বানানোর বদলে Material Icons-এর close বা clear আইকন ব্যবহার করুন:
<ImageView
android:layout_width="24dp"
android:layout_height="24dp"
android:src="@drawable/ic_close_24dp"
android:contentDescription="@string/close" />
Vector Asset Studio (Right-click drawable → New → Vector Asset) দিয়ে সহজে ইম্পোর্ট করা যায়।
