অ্যান্ড্রয়েড সিকোয়েন্স লেআউট কিভাবে ব্যবহার করবেন?

অ্যান্ড্রয়েড সিকোয়েন্স লেআউটে যাওয়ার আগে, আমাদের জেনে নেওয়া উচিত অ্যান্ড্রয়েডে সিকোয়েন্স লেআউট কী। ক্রম বিন্যাসে অগ্রগতি বারের সাথে ধাপগুলির একটি ক্রম রয়েছে। ক্রম অনুসারে, এটি একটি অ্যানিমেটেড প্রগ্রেস বার অনুসরণ করে।

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

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

ধাপ 2 − build.gradle(app) খুলুন এবং ডিজাইন সমর্থন লাইব্রেরি নির্ভরতা যোগ করুন।

apply plugin: 'com.android.application'
android {
   compileSdkVersion 28
   defaultConfig {
      applicationId "com.example.andy.myapplication"
      minSdkVersion 19
      targetSdkVersion 28
      versionCode 1
      versionName "1.0"
      testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
   }
   buildTypes {
      release {
         minifyEnabled false
         proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
      }
   }
}
dependencies {
   implementation fileTree(dir: 'libs', include: ['*.jar'])
   implementation 'com.android.support:appcompat-v7:28.0.0'
   implementation 'com.google.code.gson:gson:2.8.5'
   implementation 'com.android.support.constraint:constraint-layout:1.1.3'
   testImplementation 'junit:junit:4.12'
   implementation 'com.github.transferwise:sequence-layout:1.0.7'
   androidTestImplementation 'com.android.support.test:runner:1.0.2'
   androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

ধাপ 3 − build.gradle(project) খুলুন এবং ডিজাইন সমর্থন লাইব্রেরি নির্ভরতা যোগ করুন।

// টপ-লেভেল বিল্ড ফাইল যেখানে আপনি কনফিগারেশন অপশন যোগ করতে পারবেন সব সাব-প্রকল্প/মডিউলে সাধারণ।

buildscript {
   repositories {
      google()
      jcenter()
   }
   dependencies {
      classpath 'com.android.tools.build:gradle:3.2.1'
      // NOTE: Do not place your application dependencies here; they belong
      // in the individual module build.gradle files
   }
}
allprojects {
   repositories {
      google()
      jcenter()
      maven { url "https://jitpack.io" }
   }
}
task clean(type: Delete) {
   delete rootProject.buildDir
}

পদক্ষেপ 4৷ − res/layout/activity_main.xml-এ নিম্নলিখিত কোড যোগ করুন।

<?xml version="1.0" encoding="utf-8"?>
<com.transferwise.sequencelayout.SequenceLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto">
   <com.transferwise.sequencelayout.SequenceStep
      android:id="@+id/first"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:subtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
         Lorem Ipsum has been the industry's standard dummy text ever since the 1500s."
      app:anchor="30 Nov"
      app:title="First step"/>
   <com.transferwise.sequencelayout.SequenceStep
      android:id="@+id/second"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:subtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
         Lorem Ipsum has been the industry's standard dummy text ever since the 1500s."
      app:title="Second step"/>
   <com.transferwise.sequencelayout.SequenceStep
      android:id="@+id/third"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:anchor="Today"
      app:title="Third step"
      app:subtitle="Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
         Lorem Ipsum has been the industry's standard dummy text ever since the 1500s" />
</com.transferwise.sequencelayout.SequenceLayout>

উপরে, আমরা সিকোয়েন্স লেআউটকে প্যারেন্ট লেআউট হিসেবে ঘোষণা করেছি এবং সিকোয়েন্সের ধাপগুলোকে পৃথক ধাপ হিসেবে যোগ করেছি। প্রতিটি ধাপ অ্যাঙ্কর ভিউ, শিরোনাম এবং সাবটাইটেল যোগাযোগ করে।

ধাপ 5 − src/MainActivity.java

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;
import com.transferwise.sequencelayout.SequenceStep;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
   SequenceStep sequenceStep,sequenceStep2,sequenceStep3;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      sequenceStep=findViewById(R.id.first);
      sequenceStep2=findViewById(R.id.second);
      sequenceStep3=findViewById(R.id.third);
      sequenceStep2.setActive(true);
      sequenceStep.setOnClickListener(this);
      sequenceStep2.setOnClickListener(this);
      sequenceStep3.setOnClickListener(this);
   }
   @Override
   public void onClick(View v) {
      switch (v.getId()) {
         case R.id.first:
            Toast.makeText(MainActivity.this,"This is first step",Toast.LENGTH_LONG).show();
            break;
         case R.id.second:
            Toast.makeText(MainActivity.this,"This is second step",Toast.LENGTH_LONG).show();
            break;
         case R.id.third:
            Toast.makeText(MainActivity.this,"This is Third step",Toast.LENGTH_LONG).show();
            break;
      }
   }
}

উপরের কোডে, আমরা সিকোয়েন্স স্টেপ ঘোষণা করেছি এবং ক্লিক লিসেনারে দিয়েছি। সক্রিয় পদক্ষেপের জন্য নিম্নলিখিত কোড ব্যবহার করুন।

sequenceStep2.setActive(true);

উপরের কোডে, আমরা সিকোয়েন্স 2 সক্রিয় বলে ঘোষণা করেছি অর্থাৎ সিকোয়েন্স স্টেপ 2 পর্যন্ত প্রগ্রেস বার দেখানো হবে।

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

উপরের উদাহরণে, যেমন আমরা সক্রিয় মোড ঘোষণা করেছি, এটি একটি অগ্রগতি বার দেখিয়েছে।