কিভাবে একটি অ্যান্ড্রয়েড অ্যাপে একটি গ্রিডভিউ লেআউট তৈরি করবেন?

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

ধাপ 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">
   <GridView
      android:id="@+id/gridView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:numColumns="2"/>
</RelativeLayout>

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

implementation 'com.android.support:gridlayout-v7:28.0.0'

পদক্ষেপ 4৷ − src/MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
   GridView gridView;
   String[] numberInWords = {"One","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten"};
   int[] numberImage = {R.drawable.one,R.drawable.two,R.drawable.three,R.drawable.four,
   R.drawable.five,R.drawable.six,R.drawable.seven,R.drawable.eight,R.drawable.nine,
   R.drawable.ten};
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      gridView = findViewById(R.id.gridView);
      MainAdapter mainAdapter = new MainAdapter(MainActivity.this, numberInWords,numberImage);
      gridView.setAdapter(mainAdapter);
      gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
         @Override
         public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            Toast.makeText(getApplicationContext(), "You CLicked " + numberInWords[+position],
            Toast.LENGTH_SHORT).show();
         }
      });
   }
}

ধাপ 5 – MainAdapter.java

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
class MainAdapter extends BaseAdapter {
   private Context context;
   private LayoutInflater layoutInflater;
   private String[] numbersInWords;
   private int[] numberImage;
   private ImageView imageView;
   private TextView textView;
   public MainAdapter(Context c, String[] numbersInWords,int[] numberImage){
      context = c;
      this.numberImage = numberImage;
      this.numbersInWords = numbersInWords;
   }
   @Override
   public int getCount() {
      return numbersInWords.length;
   }
   @Override
   public Object getItem(int position) {
      return null;
   }
   @Override
   public long getItemId(int position) {
      return 0;
   }
   @Override
   public View getView(int position, View convertView, ViewGroup parent) {
      if (layoutInflater==null) {
         layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
      }
      if (convertView==null){
         convertView = layoutInflater.inflate(R.layout.rowitem, null);
      }
      imageView = convertView.findViewById(R.id.imageView);
      textView = convertView.findViewById(R.id.textView);
      imageView.setImageResource(numberImage[position]);
      textView.setText(numbersInWords[position]);
      return convertView;
   }
}

ধাপ 6 – একটি নতুন লেআউট রিসোর্স ফাইল (rowItem) তৈরি করুন এবং rowitem.xml এ নিম্নলিখিত কোড যোগ করুন

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:orientation="vertical"
   android:padding="24sp"
   android:gravity="center">
   <ImageView
      android:layout_width="100dp"
      android:layout_height="100dp"
      android:id="@+id/imageView" />
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/textView"
      android:text="Numbers"
      android:textSize="24sp"
      android:layout_marginTop="8dp" />
</LinearLayout>

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

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