How to build a GridViewAdapter correctly?

Question

I tried to create a GridView with 6 Buttons and I wanted to display 6 different names on the Buttons.

Here is my activity_main.xml with the GridView:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.aaron.waller.girdlayoutmanagertest.MainActivity">


    <GridView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/gridView"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:numColumns="auto_fit"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"
        android:columnWidth="120dp"
        android:stretchMode="spacingWidthUniform"/>
</RelativeLayout>

Here is the single_item.xml (in this case it's just a normal Button):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Button" />
</RelativeLayout>

Here is my strings.xml with the 6 names:

<resources>
    <string name="app_name">GirdLayoutManagerTest</string>
    <string-array name="button_names">
        <item>Name1</item>
        <item>Name2</item>
        <item>Name3</item>
        <item>Name4</item>
        <item>Name5</item>
        <item>Name6</item>
    </string-array>
</resources>

And finaly my MainActivity.java:

import android.content.Context;
import android.content.res.Resources;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    GridView gridView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridView =(GridView)findViewById(R.id.gridView);
        gridView.setAdapter(new GridAdapter(this));
    }
}
class ButtonNames{

    String buttonNames;
    ButtonNames(String buttonNames){

        this.buttonNames = buttonNames;
    }
}
class GridAdapter extends BaseAdapter{

    ArrayList<ButtonNames> list;
    Context context;
    GridAdapter(Context context){
        this.context = context;
        list= new ArrayList<ButtonNames>();
        Resources res = context.getResources();
        String[] tempButtonNames = res.getStringArray(R.array.button_names);
        for(int i = 0; i<6; i++){
            ButtonNames tempButton = new ButtonNames(tempButtonNames[i]);
            list.add(tempButton);
        }

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

    @Override
    public Object getItem(int i) {
        return list.get(i);
    }

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        View row = view;
        if(row == null){
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            row = inflater.inflate(R.layout.single_item, viewGroup, false);


        }else{
            row.getTag();
        }

        return row;
    }
}

I'm just getting this output: https://gyazo.com/1495d3f0c11e6eb0e903e79a68e7f2b0

How can I set the 6 names on the Buttons?

P.S I'm new to Android Studio.

TRY tempButton.settext(tempButtonNames[i].toString()); in for loop — Zaki Pathan, Mar 15 '17 at 12:55

score 0 · Answer 1 · answered Mar 15 '17 at 13:33

Update your getView() method of the GridAdapter:

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    View row = view;
    if(row == null){
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        row = inflater.inflate(R.layout.single_item, viewGroup, false);

        //ADD THESE LINES
        Button btn = (Button) row.findViewById(R.id.button);
        btn.setText(list.get(i));

    }else{
        row.getTag();
    }

    return row;
}

SudheeR Bolla · Answer 2 · 2017-03-15T14:02:58.170

Why to use Gridview.Android is providing Recyclerview with this feature.If you have touch with recyclerview,You just need to set GridLayoutManager instead of LinearLayoutManager.

GridLayoutManager lLayout = new GridLayoutManager(this, 2); yourRecyclerView.setLayoutManager(lLayout);

and rest will be same as you set data in Recyclerview adapter.

change your activity_main.xml to this.

    <android.support.v7.widget.RecyclerView   xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

Modify your MainActivity.java like this.

public class MainActivity extends AppCompatActivity {

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


private void initComponents() {
    RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
    recyclerView.setLayoutManager(new GridLayoutManager(this, 2));
    recyclerView.setAdapter(new GridAdapter(this));
}

class GridAdapter extends RecyclerView.Adapter<GridAdapter.ViewHolder> {

    private final LayoutInflater layoutInflater;
    String[] tempButtonNames;
    Context context;

    GridAdapter(Context activity) {
        context = activity;
        Resources res = context.getResources();
        tempButtonNames = res.getStringArray(R.array.button_names);
        layoutInflater = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public GridAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new GridAdapter.ViewHolder(layoutInflater.inflate(R.layout.item, null));
    }

    @Override
    public void onBindViewHolder(final GridAdapter.ViewHolder viewHolder, final int position) {
        viewHolder.button.setText(tempButtonNames[position]);
    }

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

    @Override
    public int getItemCount() {
        return tempButtonNames.length;
    }

    class ViewHolder extends RecyclerView.ViewHolder {

        Button button;

        ViewHolder(View itemView) {
            super(itemView);
            button = (Button) itemView.findViewById(R.id.button);
        }
    }
}

}

add this in build.gradle

compile 'com.android.support:recyclerview-v7:25.3.0'

Hope your problem is solved.

Better to use RecyclerView since it is recommended.

How to build a GridViewAdapter correctly?

2 Answers2