কম্পিউটার টিউটোরিয়াল

অ্যান্ড্রয়েডে গোলাকার/সার্কুলার EditText কীভাবে তৈরি করবেন?

Shape Drawable ব্যবহার করে অ্যান্ড্রয়েডে রাউন্ডেড/সার্কুলার EditText বানানো

এই টিউটোরিয়ালে দেখানো হয়েছে কিভাবে XML <shape> ড্রেয়েবল ব্যবহার করে একটি EditText-এর কোণা গোলাকার (Rounded Corners) করা যায়। পুরোপুরি গোলাকার (Circular) করার জন্য হাইট এবং রেডিয়াস সমান রাখতে হয়।

ধাপ ১: নতুন প্রজেক্ট তৈরি করুন

Android Studio-তে File → New Project দিয়ে প্রজেক্ট তৈরি করুন।

ধাপ ২: লেয়াউট ফাইল (res/layout/activity_main.xml)

EditText-এর ব্যাকগ্রাউন্ড হিসেবে কাস্টম শেপ ড্রেয়েবল সেট করা হয়েছে।

<?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">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:paddingStart="5dp"
        android:background="@drawable/background"
        android:paddingLeft="5dp" />
</LinearLayout>

ধাপ ৩: শেপ ড্রেয়েবল (drawable/background.xml)

<shape> ব্যবহার করে সাদা ব্যাকগ্রাউন্ড, নীল বর্ডার এবং ১০dp রেডিয়াস দিয়ে রাউন্ডেড কর্নার বানানো হয়েছে।

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <stroke
        android:width="1dp"
        android:color="#2f6699" />
    <corners
        android:radius="10dp" />
</shape>

অ্যাপ্লিকেশনটি রান করুন

ডিভাইস সংযুক্ত করে Run করুন। EditText-এর চারো কোণা গোলাকার এবং নীল বর্ডার থাকবে।

অ্যান্ড্রয়েডে গোলাকার/সার্কুলার EditText কীভাবে তৈরি করবেন?

পুরোপুরি গোলাকার (Fully Circular/Pill Shape) EditText

যদি আপনি পিল শেপ (Pill Shape - দুপাশে অর্ধবৃত্ত) চান, তবে corners radius বড় রাখুন (যেমন ৫০dp) এবং layout_height ফিক্সড রাখুন।

<shape xmlns:android="https://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <stroke android:width="2dp" android:color="#2196F3" />
    <corners android:radius="50dp" /> <!-- Height/2 বা তার বেশি -->
    <padding android:left="16dp" android:right="16dp" android:top="8dp" android:bottom="8dp" />
</shape>

লেয়াউটে: android:layout_height="56dp" (Material Design Standard)।

Material Components লাইব্রেরি (Recommended)

আধুনিক অ্যাপে com.google.android.material.textfield.TextInputLayout ব্যবহার করুন যাতে আউটলাইনড বক্স, লেবেল অ্যানিমেশন, এরর হ্যান্ডলিং বিল্ট-ইন থাকে।

<com.google.android.material.textfield.TextInputLayout
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Email">
    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</com.google.android.material.textfield.TextInputLayout>
  1. অ্যান্ড্রয়েড অ্যাপে WebView তৈরির পদ্ধতি

  2. অ্যান্ড্রয়েড TextView-এ একাধিক স্টাইল প্রয়োগ করার পদ্ধতি

  3. অ্যান্ড্রয়েডে গোলাকার কোণাযুক্ত EditText তৈরি করার পদ্ধতি

  4. Android-এ XML ফাইল ব্যবহার করে অ্যানিমেশন তৈরির পদ্ধতি