// Add the following dependencies to your app's build.gradle(Module:app)
implementation 'com.google.android.material:material:1.3.0'

// activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#DFDAD9"
    tools:context=".MainActivity">

    <GridView
        android:id="@+id/grid_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none"
        android:numColumns="2"/>

</RelativeLayout>

// custom_grid.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:padding="6dp">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="10dp"
        app:contentPadding="6dp"
        android:layout_margin="5dp"
        android:scrollbars="vertical"
        android:focusable="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center">

            <ImageView
                android:id="@+id/icon"
                android:layout_width="70dp"
                android:layout_height="70dp"
                android:layout_gravity="center"
                android:padding="6dp" />

            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Title"
                android:textStyle="bold"
                android:layout_gravity="center"
                android:layout_marginTop="5dp"
                android:padding="3dp"
                android:textColor="#311b92"/>

        </LinearLayout>

    </androidx.cardview.widget.CardView>

</LinearLayout>



                                    
                                  

                                    
                                        // MainActivity.java
import android.os.Bundle;
import android.widget.GridView;
import androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    ArrayList<GridViewPojo> arrayList;
    GridView gridView;
    AdapterGridView adapterGridView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        gridView = findViewById(R.id.grid_list);

        gridItemShow();

        adapterGridView = new AdapterGridView(this, arrayList);
        gridView.setAdapter(adapterGridView);
    }

    private void gridItemShow(){
        arrayList = new ArrayList<GridViewPojo>();

        arrayList.add(new GridViewPojo(R.drawable.ic_smartphone,"Mobile"));
        arrayList.add(new GridViewPojo(R.drawable.ic_internet,"Internet"));
        arrayList.add(new GridViewPojo(R.drawable.ic_wifi,"WiFi"));
        arrayList.add(new GridViewPojo(R.drawable.ic_database,"Database"));
        arrayList.add(new GridViewPojo(R.drawable.ic_battery,"Battery"));
        arrayList.add(new GridViewPojo(R.drawable.ic_alarm_clock,"Alarm"));
        arrayList.add(new GridViewPojo(R.drawable.ic_signal,"Signal"));
        arrayList.add(new GridViewPojo(R.drawable.ic_bluetooth,"Bluetooth"));
        arrayList.add(new GridViewPojo(R.drawable.ic_monitor,"Monitor"));
        arrayList.add(new GridViewPojo(R.drawable.ic_wallpaper,"Wallpaper"));
    }
}

// AdapterGridView.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;
import android.widget.Toast;
import java.util.ArrayList;

public class AdapterGridView extends BaseAdapter {

    Context context;
    ArrayList<GridViewPojo> gridViewPojos;

    public AdapterGridView(Context context, ArrayList<GridViewPojo> gridViewPojos){
        this.context = context;
        this.gridViewPojos = gridViewPojos;
    }

    @Override
    public int getCount() {
        return gridViewPojos.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {

        convertView = LayoutInflater.from(context).inflate(R.layout.custom_grid, parent, false);
        ImageView imageView = convertView.findViewById(R.id.icon);
        TextView title = convertView.findViewById(R.id.title);

        imageView.setImageResource(gridViewPojos.get(position).getImages());
        title.setText(gridViewPojos.get(position).getTitle());

        convertView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "Name: "+ gridViewPojos.get(position).getTitle(), Toast.LENGTH_SHORT).show();
            }
        });

        return convertView;
    }
}

// GridViewPojo.java
public class GridViewPojo {

    private  int images;
    private String title;

    public GridViewPojo(int images, String title){
        this.images = images;
        this.title = title;
    }

    public int getImages(){
        return images;
    }

    public String getTitle(){
        return title;
    }
}

                                    
                                  

                                    
                                        // MainActivity.kt
import android.os.Bundle
import android.widget.GridView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    private lateinit var arrayList: ArrayList<GridViewPojo>
    private lateinit var gridView: GridView
    private lateinit var adapterGridView: AdapterGridView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        gridView = findViewById(R.id.grid_list)

        gridItemShow()

        adapterGridView = AdapterGridView(this, arrayList)
        gridView.adapter = adapterGridView
    }

    private fun gridItemShow() {
        arrayList = ArrayList()

        arrayList.add(GridViewPojo(R.drawable.ic_smartphone, "Mobile"))
        arrayList.add(GridViewPojo(R.drawable.ic_internet, "Internet"))
        arrayList.add(GridViewPojo(R.drawable.ic_wifi, "WiFi"))
        arrayList.add(GridViewPojo(R.drawable.ic_database, "Database"))
        arrayList.add(GridViewPojo(R.drawable.ic_battery, "Battery"))
        arrayList.add(GridViewPojo(R.drawable.ic_alarm_clock, "Alarm"))
        arrayList.add(GridViewPojo(R.drawable.ic_signal, "Signal"))
        arrayList.add(GridViewPojo(R.drawable.ic_bluetooth, "Bluetooth"))
        arrayList.add(GridViewPojo(R.drawable.ic_monitor, "Monitor"))
        arrayList.add(GridViewPojo(R.drawable.ic_wallpaper, "Wallpaper"))
    }
}

// AdapterGridView.kt
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
import android.widget.Toast

class AdapterGridView(private val context: Context, private val gridViewPojos: ArrayList<GridViewPojo>) : BaseAdapter() {

    override fun getCount(): Int {
        return gridViewPojos.size
    }

    override fun getItem(position: Int): Any {
        return gridViewPojos[position]
    }

    override fun getItemId(position: Int): Long {
        return 0
    }

    override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
        var convertView = convertView
        convertView = LayoutInflater.from(context).inflate(R.layout.custom_grid, parent, false)
        val imageView: ImageView = convertView.findViewById(R.id.icon)
        val title: TextView = convertView.findViewById(R.id.title)

        imageView.setImageResource(gridViewPojos[position].getImages())
        title.text = gridViewPojos[position].getTitle()

        convertView.setOnClickListener {
            Toast.makeText(context, "Name: ${gridViewPojos[position].getTitle()}", Toast.LENGTH_SHORT).show()
        }

        return convertView
    }
}

// GridViewPojo.kt
class GridViewPojo(private val images: Int, private val title: String) {

    fun getImages(): Int {
        return images
    }

    fun getTitle(): String {
        return title
    }
}