আমি কিভাবে XML শৈলী ব্যবহার করে অ্যান্ড্রয়েডে কাস্টম বোতাম তৈরি করতে পারি?

এই উদাহরণটি দেখায় কিভাবে আমি XML শৈলী ব্যবহার করে অ্যান্ড্রয়েডে কাস্টম বোতাম তৈরি করব৷

ধাপ 1 − অ্যান্ড্রয়েড স্টুডিওতে একটি নতুন প্রকল্প তৈরি করুন, ফাইল ⇒ নতুন প্রকল্পে যান এবং একটি নতুন প্রকল্প তৈরি করতে সমস্ত প্রয়োজনীয় বিবরণ পূরণ করুন৷

ধাপ 2৷ − res/layout/activity_main.xml-এ নিম্নলিখিত কোড যোগ করুন।

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
   tools:context=".MainActivity">

   <Button
      android:id="@+id/customButton"
      android:layout_width="200dp"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:background="@drawable/custom_button"
      android:text="My Custom button"/>

   <Button
      android:id="@+id/customButton2"
      android:layout_width="200dp"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:layout_below="@id/customButton"
      android:layout_marginTop="24sp"
      android:background="@drawable/custom_button2"
      android:text="My Custom button"/>

   <Button
      android:id="@+id/customButton3"
      android:layout_width="200dp"
      android:layout_height="200dp"
      android:layout_centerInParent="true"
      android:layout_above="@id/customButton"
      android:layout_marginBottom="24sp"
      android:layout_marginTop="24sp"
      android:background="@drawable/custom_button3"
      android:text="My Custom button"/>
</RelativeLayout>

ধাপ 3৷ – res/drawable-এ রাইট ক্লিক করুন, নতুন → অঙ্কনযোগ্য রিসোর্স ফাইল নির্বাচন করুন এবং custom_dialog.xml এ নিম্নলিখিত কোড যোগ করুন

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android"
   android:shape="rectangle">

   <stroke android:color="#66F9B9" android:width="4dp"/>
   <corners android:radius="16sp"/>
</shape>

ধাপ 4৷ – res/drawable-এ রাইট ক্লিক করুন, নতুন → অঙ্কনযোগ্য রিসোর্স ফাইল নির্বাচন করুন এবং custom_dialog2.xml এ নিম্নলিখিত কোড যোগ করুন

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android"
   android:shape="rectangle">

   <gradient android:startColor="#2AF598" android:centerColor="#ff1493"
      android:endColor="@color/colorPrimary"/>
   <corners android:radius="50dp"/>
</shape>

ধাপ 5৷ – res/drawable-এ রাইট ক্লিক করুন, নতুন → অঙ্কনযোগ্য রিসোর্স ফাইল নির্বাচন করুন এবং custom_dialog3.xml এ নিম্নলিখিত কোড যোগ করুন

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android"
   android:shape="rectangle">

   <solid android:color="#80121a" />
   <corners android:radius="999dp"/>
</shape>

ধাপ 6 − src/MainActivity.java

package app.com.sample;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
}

পদক্ষেপ 7 - androidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
   package="app.com.sample">

   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

আসুন আপনার অ্যাপ্লিকেশন চালানোর চেষ্টা করি৷ আমি ধরে নিচ্ছি আপনি আপনার কম্পিউটারের সাথে আপনার আসল অ্যান্ড্রয়েড মোবাইল ডিভাইসটি সংযুক্ত করেছেন৷ অ্যান্ড্রয়েড স্টুডিও থেকে অ্যাপটি চালাতে, আপনার প্রোজেক্টের অ্যাক্টিভিটি ফাইলগুলির একটি খুলুন এবং টুলবার থেকে রান আইকনে ক্লিক করুন। একটি বিকল্প হিসাবে আপনার মোবাইল ডিভাইসটি নির্বাচন করুন এবং তারপরে আপনার মোবাইল ডিভাইসটি পরীক্ষা করুন যা আপনার ডিফল্ট স্ক্রিনটি প্রদর্শন করবে -