Android GridView示例

╰+哭是因爲堅強的太久メ 2022-12-08 04:48 113阅读 0赞

In this [android tutorial][] you will learn about android simple and custom gridview example.

在本[android教程中，][android tutorial]您将学习有关android简单和自定义gridview示例的信息。

In Android, GridView is a ViewGroup that is used to display items in a two dimensional scrollable grid form. You might have seen image gallery in Android mobiles, it is created using GridView layout.

在Android中，GridView是一个ViewGroup，用于以二维可滚动网格形式显示项目。 您可能已经在Android手机中看到了图片库，它是使用GridView布局创建的。

Here we will see two examples, one is simple GridView layout with some text and another is custom GridView layout with image and text.

在这里，我们将看到两个示例，一个是带有某些文本的简单GridView布局，另一个是带有图像和文本的自定义GridView布局。

## Android GridView示例 **(**Android GridView Example**)** ##

### Android Simple GridView示例 **(**Android Simple GridView Example**)** ###

Make an android project with package name **com.gridviewexample** and add following code in respective files.

使用包名称**com.gridviewexample创建**一个android项目，并在相应文件中添加以下代码。

**activity\_main.xml**

<?xml version="1.0" encoding="utf-8"?>
    <GridView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/simpleGrid"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="100dp"
        android:numColumns="auto_fit"
        android:verticalSpacing="10dp"
        android:horizontalSpacing="10dp"
        android:stretchMode="columnWidth"
        android:gravity="center"
    />

**MainActivity.java**

package com.gridviewexample;
     
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.GridView;
    import android.widget.Toast;
     
     
    public class MainActivity extends Activity {
        GridView grid;
        String items[]={"Apple","Banana","Orange","Mango","Papaya","Watermelon","Grapes","Muskmelon","Pineapple"};
     
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
     
            grid = (GridView)findViewById(R.id.simpleGrid);
            ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,items);
            grid.setAdapter(adapter);
     
            grid.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                    Toast.makeText(getApplicationContext(),items[position],Toast.LENGTH_LONG).show();
                }
            });
        }
    }

**Output**

**输出量**

![Android Simple GridView Example][]

### Android自定义GridView示例 **(**Android Custom GridView Example**)** ###

Make an android project with package name **com.gridviewexample** and add following code in respective files.

使用包名称**com.gridviewexample创建**一个android项目，并在相应文件中添加以下代码。

**activity\_main.xml**

**custom\_gridview.xml**

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:orientation="vertical">
     
        <ImageView
            android:id="@+id/item_image"
            android:layout_width="100px"
            android:layout_height="100px"/>
     
        <TextView
            android:id="@+id/item_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5px"
            android:textSize="15px" >
        </TextView>
     
    </LinearLayout>

**MainActivity.java**

package com.gridviewexample;
     
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.GridView;
    import android.widget.Toast;
     
     
    public class MainActivity extends Activity {
        GridView grid;
        String text[] = {"Apple","Banana","Orange","Mango","Papaya","Watermelon","Grapes","Muskmelon","Pineapple"};
        int image[] = {R.drawable.apple,R.drawable.banana,R.drawable.orange,R.drawable.mango,R.drawable.papaya,R.drawable.watermelon,R.drawable.grapes,R.drawable.muskmelon,R.drawable.pineapple};
     
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
     
            grid = (GridView)findViewById(R.id.simpleGrid);
            grid.setAdapter(new ImageAdapter(this,image,text));
     
            grid.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                    Toast.makeText(getApplicationContext(),text[position],Toast.LENGTH_LONG).show();
                }
            });
        }
    }

**ImageAdapter.java**

package com.gridviewexample;
     
    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;
     
    public class ImageAdapter extends BaseAdapter {
        private Context context;
        private final int item_image[];
        private final String item_text[];
     
        public ImageAdapter(Context context, int item_image[], String[] item_text) {
            this.context = context;
            this.item_image = item_image;
            this.item_text = item_text;
        }
     
        public View getView(int position, View convertView, ViewGroup parent) {
     
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
     
            View gridView;
     
            if (convertView == null) {
                gridView = new View(context);
     
                // get layout from custom_gridview.xml
                gridView = inflater.inflate(R.layout.custom_gridview, null);
     
                // set value into imageview
                ImageView image = (ImageView) gridView.findViewById(R.id.item_image);
                image.setImageResource(item_image[position]);
     
                // set value into textview
                TextView text = (TextView) gridView.findViewById(R.id.item_text);
                text.setText(item_text[position]);
            } else {
                gridView = (View) convertView;
            }
     
            return gridView;
        }
     
        @Override
        public int getCount() {
            return item_text.length;
        }
     
        @Override
        public Object getItem(int position) {
            return null;
        }
     
        @Override
        public long getItemId(int position) {
            return 0;
        }
    }

**Output**

**输出量**

![Android Custom GridView Example][]

When you will click on any item, its name will be displayed in a toast.

当您单击任何项目时，其名称将显示在烤面包中。

Comment below if you have any queries related to above android gridview example.

如果您有任何与上述android gridview示例相关的查询，请在下面评论。

> 翻译自: [https://www.thecrazyprogrammer.com/2016/07/android-gridview-example.html][https_www.thecrazyprogrammer.com_2016_07_android-gridview-example.html]

[android tutorial]: https://www.thecrazyprogrammer.com/learn-android-programming
[Android Simple GridView Example]: /images/20221123/308a05a9e0db4e88b441a59eac18f13f.png
[Android Custom GridView Example]: /images/20221123/39b80e7ee0c74a0eae6b3887454f36fd.png
[https_www.thecrazyprogrammer.com_2016_07_android-gridview-example.html]: https://www.thecrazyprogrammer.com/2016/07/android-gridview-example.html