কিভাবে অ্যান্ড্রয়েড বোতাম শিট উইজেট বাস্তবায়ন করবেন?

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

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

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

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context="MainActivity">
   <android.support.design.widget.AppBarLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content">
      <android.support.v7.widget.Toolbar
         android:id="@+id/toolbar"
         android:layout_width="match_parent"
         android:layout_height="?attr/actionBarSize"
         android:background="?attr/colorPrimary"
         app:popupTheme="@style/Widget.Support.CoordinatorLayout" />
   </android.support.design.widget.AppBarLayout>
   <include layout="@layout/content" />
   <include layout="@layout/bottomsheet" />
</android.support.design.widget.CoordinatorLayout>

ধাপ 3 − build.gradle (মডিউল:অ্যাপ) খুলুন এবং নিম্নলিখিত নির্ভরতা যোগ করুন

implementation 'com.android.support:design:28.0.0'
implementation 'com.jakewharton:butterknife:8.8.1'
annotationProcessor 'com.jakewharton:butterknifecompiler:8.8.1'

পদক্ষেপ 4৷ - একটি লেআউট তৈরি করুন (bottomsheet.xml) এবং নিম্নলিখিত কোড −

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   android:id="@+id/bottomSheet"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:orientation="vertical"
   android:padding="4dp"
   app:behavior_hideable="true"
   app:behavior_peekHeight="10dp"
   app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      android:layout_gravity="center_vertical"
      android:weightSum="3">
      <TextView
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:layout_weight="2"
         android:text="Order Details"
         android:textColor="#444"
         android:textSize="18dp"
         android:textStyle="bold" />
      <TextView
         android:layout_width="0dp"
         android:gravity="right"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:textStyle="bold"
         android:textSize="15dp"
         android:text="₹435.00"></TextView>
   </LinearLayout>
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Chicken BBQ" />
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Chicken Biriyani" />
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Delivery Address"
      android:textColor="#444"
      android:textStyle="bold" />
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Flat No 404, India, Chennai" />
   <Button
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="30dp"
      android:background="#000"
      android:text="PROCEED PAYMENT"
      android:textColor="#fff" />
</LinearLayout>

ধাপ 5 - একটি লেআউট তৈরি করুন (content.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"
   android:orientation="vertical"
   tools:context="MainActivity"
   tools:showIn="@layout/activity_main">
   <Button
      android:id="@+id/btnBottomSheet"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Show Bottom Sheet"
      android:layout_centerInParent="true"/>
</RelativeLayout>

ধাপ 6 − src/MainActivity.java

import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomSheetBehavior;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;
public class MainActivity extends AppCompatActivity {
   @BindView(R.id.btnBottomSheet)
   Button btnBottomSheet;
   @BindView(R.id.bottomSheet)
   LinearLayout layoutBottomSheet;
   BottomSheetBehavior sheetBehavior;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      ButterKnife.bind(this);
      Toolbar toolbar = findViewById(R.id.toolbar);
      //setSupportActionBar(toolbar);
      sheetBehavior = BottomSheetBehavior.from(layoutBottomSheet);
      sheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
         @Override
         public void onStateChanged(@NonNull View bottomSheet, int newState) {
            switch (newState) {
               case BottomSheetBehavior.STATE_HIDDEN:
               break;
               case BottomSheetBehavior.STATE_EXPANDED: {
                  btnBottomSheet.setText("Close Sheet");
               }
               break;
               case BottomSheetBehavior.STATE_COLLAPSED: {
                  btnBottomSheet.setText("Expand Sheet");
               }
               break;
               case BottomSheetBehavior.STATE_DRAGGING:
               break;
               case BottomSheetBehavior.STATE_SETTLING:
               break;
            }
         }
         @Override
         public void onSlide(@NonNull View bottomSheet, float slideOffset) { }
      });
   }
   @OnClick(R.id.btnBottomSheet)
   public void toggleBottomSheet() {
      if (sheetBehavior.getState() !=
         BottomSheetBehavior.STATE_EXPANDED) {
            sheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
            btnBottomSheet.setText("Close sheet");
         } else {
         sheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
         btnBottomSheet.setText("Expand sheet");
      }
   }
}

পদক্ষেপ 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>

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