高级控件——列表类视图——网格视图GridView

冷不防 2023-09-28 15:27 129阅读 0赞

![cb4d6a95c72105b56a35aa4a5a84440a.png][]

![4f074d6a676e33625989be52fff89509.png][]

![e7d76ee44e8c0ee5e486b1fac007f0c2.png][]

![71401fb814663ce79dbd630d5c6321ca.png][]

![89ad93d5a99b1a93d691e02e5eac6a01.png][]

=======================================================================================

布局：

![967b8ceebe7a53e0bf53238d4e68faa0.png][]

![e70e5941d09760c3a14e0a62a15976d6.png][]

item\_grid：

![30cece148b701eb31349afe1ba13295f.png][]

![9bbc7bab055c78d1fe687046dde59a2d.png][]

Planet

package com.example.myapplication;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class Planet
    {
        public int image; // 行星图标
        public String name; // 行星名称
        public String desc; // 行星描述
    
        public Planet(int image, String name, String desc)
        {
            this.image = image;
            this.name = name;
            this.desc = desc;
        }
    
        private static int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
                R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
    
        private static String[] nameArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
    
        private static String[] descArray = {
                "水星是太阳系八大行星最内侧也是最小的一颗行星，也是离太阳最近的行星",
                "金星是太阳系八大行星之一，排行第二，距离太阳0.725天文单位",
                "地球是太阳系八大行星之一，排行第三，也是太阳系中直径、质量和密度最大的类地行星，距离太阳1.5亿公里",
                "火星是太阳系八大行星之一，排行第四，属于类地行星，直径约为地球的53%",
                "木星是太阳系八大行星中体积最大、自转最快的行星，排行第五。它的质量为太阳的千分之一，但为太阳系中其它七大行星质量总和的2.5倍",
                "土星为太阳系八大行星之一，排行第六，体积仅次于木星"
        };
    
        public static List<Planet> getDefaultList()
        {
            List<Planet> planetList = new ArrayList<Planet>();
    
            for (int i = 0; i < iconArray.length; i++)
            {
                planetList.add(new Planet(iconArray[i], nameArray[i], descArray[i]));
            }
    
            return planetList;
        }
    }

![d98985a1f351386e0815b4e238dbfcae.png][]

![44d03cc2c6ab84f7c0f79d5db53dca4e.png][]

PlanetGridAdapter

package com.example.myapplication;
    
    import android.annotation.SuppressLint;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.AdapterView;
    import android.widget.AdapterView.OnItemClickListener;
    import android.widget.AdapterView.OnItemLongClickListener;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.TextView;
    import android.widget.Toast;
    
    import java.util.List;
    
    @SuppressLint("DefaultLocale")
    public class PlanetGridAdapter extends BaseAdapter implements OnItemClickListener, OnItemLongClickListener
    {
        private Context mContext; // 声明一个上下文对象
        private List<Planet> mPlanetList; // 声明一个行星信息列表
    
        // 行星适配器的构造方法，传入上下文与行星列表
        public PlanetGridAdapter(Context context, List<Planet> planet_list)
        {
            mContext = context;
            mPlanetList = planet_list;
        }
    
        // 获取网格项的个数
        public int getCount() {
            return mPlanetList.size();
        }
    
        // 获取网格项的数据
        public Object getItem(int arg0) {
            return mPlanetList.get(arg0);
        }
    
        // 获取网格项的编号
        public long getItemId(int arg0) {
            return arg0;
        }
    
        // 获取指定位置的网格项视图
        public View getView(final int position, View convertView, ViewGroup parent)
        {
            ViewHolder holder;
    
            if (convertView == null) { // 转换视图为空
                holder = new ViewHolder(); // 创建一个新的视图持有者
                // 根据布局文件item_grid.xml生成转换视图对象
                convertView = LayoutInflater.from(mContext).inflate(R.layout.item_grid, null);
                holder.iv_icon = convertView.findViewById(R.id.iv_icon);
                holder.tv_name = convertView.findViewById(R.id.tv_name);
                holder.tv_desc = convertView.findViewById(R.id.tv_desc);
                convertView.setTag(holder); // 将视图持有者保存到转换视图当中
            }
            else { // 转换视图非空
                // 从转换视图中获取之前保存的视图持有者
                holder = (ViewHolder) convertView.getTag();
            }
    
            Planet planet = mPlanetList.get(position);
    
            holder.iv_icon.setImageResource(planet.image); // 显示行星的图片
            holder.tv_name.setText(planet.name); // 显示行星的名称
            holder.tv_desc.setText(planet.desc); // 显示行星的描述
    
            return convertView;
        }
    
        // 定义一个视图持有者，以便重用网格项的视图资源
        public final class ViewHolder
        {
            public ImageView iv_icon; // 声明行星图片的图像视图对象
            public TextView tv_name; // 声明行星名称的文本视图对象
            public TextView tv_desc; // 声明行星描述的文本视图对象
        }
    
        // 处理网格项的点击事件，由接口OnItemClickListener触发
        public void onItemClick(AdapterView<?> parent, View view, int position, long id)
        {
            String desc = String.format("您点击了第%d个行星，它的名字是%s", position + 1, mPlanetList.get(position).name);
            Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
        }
    
        // 处理网格项的长按事件，由接口OnItemLongClickListener触发
        public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id)
        {
            String desc = String.format("您长按了第%d个行星，它的名字是%s", position + 1, mPlanetList.get(position).name);
            Toast.makeText(mContext, desc, Toast.LENGTH_LONG).show();
            return true;
        }
    }

![c0c0addbde9728956c231e4e5d44c70e.png][]

![00fe2a0b1c3a4d1e9f914c5d82c06fef.png][]

![14695065f2ad004ba294c6a9a5faed13.png][]

MainActivity

package com.example.myapplication;
    
    import android.graphics.Color;
    import android.graphics.drawable.Drawable;
    import android.os.Bundle;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.GridView;
    import android.widget.ListView;
    import android.widget.Spinner;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import java.util.List;
    
    public class MainActivity extends AppCompatActivity
    {
        private final static String TAG = "GridViewActivity";
        private GridView gv_planet; // 声明一个网格视图对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
    
            List<Planet> planetList = Planet.getDefaultList();
            // 构建一个行星列表的网格适配器
            PlanetGridAdapter adapter = new PlanetGridAdapter(this, planetList);
            // 从布局视图中获取名叫gv_planet的网格视图
            gv_planet = findViewById(R.id.gv_planet);
            gv_planet.setAdapter(adapter); // 设置网格视图的适配器
            gv_planet.setOnItemClickListener(adapter); // 设置网格视图的点击监听器
            gv_planet.setOnItemLongClickListener(adapter); // 设置网格视图的长按监听器
            initDividerSpinner(); // 初始化拉伸模式的下拉框
        }
    
        // 初始化拉伸模式的下拉框
        private void initDividerSpinner() {
            ArrayAdapter<String> dividerAdapter = new ArrayAdapter<String>(this,
                    R.layout.item_select, dividerArray);
            Spinner sp_stretch = findViewById(R.id.sp_stretch);
            sp_stretch.setPrompt("请选择拉伸模式"); // 设置下拉框的标题
            sp_stretch.setAdapter(dividerAdapter); // 设置下拉框的数组适配器
            sp_stretch.setSelection(0); // 设置下拉框默认显示第一项
            // 给下拉框设置选择监听器，一旦用户选中某一项，就触发监听器的onItemSelected方法
            sp_stretch.setOnItemSelectedListener(new DividerSelectedListener());
        }
    
        private String[] dividerArray = {
                "不显示分隔线",
                "不拉伸(NO_STRETCH)",
                "拉伸列宽(COLUMN_WIDTH)",
                "列间空隙(STRETCH_SPACING)",
                "左右空隙(SPACING_UNIFORM)",
                "使用padding显示全部分隔线"
        };
        class DividerSelectedListener implements AdapterView.OnItemSelectedListener {
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                int dividerPad = Utils.dip2px(MainActivity.this, 2); // 定义间隔宽度为2dp
                gv_planet.setBackgroundColor(Color.CYAN);  // 设置背景颜色
                gv_planet.setHorizontalSpacing(dividerPad);  // 设置列表项在水平方向的间距
                gv_planet.setVerticalSpacing(dividerPad);  // 设置列表项在垂直方向的间距
                gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);  // 设置拉伸模式
                gv_planet.setColumnWidth(Utils.dip2px(MainActivity.this, 120));  // 设置每列宽度为120dp
                gv_planet.setPadding(0, 0, 0, 0);  // 设置网格视图的四周间距
                if (arg2 == 0) {  // 不显示分隔线
                    gv_planet.setBackgroundColor(Color.WHITE);
                    gv_planet.setHorizontalSpacing(0);
                    gv_planet.setVerticalSpacing(0);
                } else if (arg2 == 1) {  // 不拉伸(NO_STRETCH)
                    gv_planet.setStretchMode(GridView.NO_STRETCH);
                } else if (arg2 == 2) {  // 拉伸列宽(COLUMN_WIDTH)
                    gv_planet.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
                } else if (arg2 == 3) {  // 列间空隙(STRETCH_SPACING)
                    gv_planet.setStretchMode(GridView.STRETCH_SPACING);
                } else if (arg2 == 4) {  // 左右空隙(SPACING_UNIFORM)
                    gv_planet.setStretchMode(GridView.STRETCH_SPACING_UNIFORM);
                } else if (arg2 == 5) {  // 使用padding显示全部分隔线
                    gv_planet.setPadding(dividerPad, dividerPad, dividerPad, dividerPad);
                }
            }
    
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
    }

![63c9a619a528af7074cf008b617a855f.png][]

![6d459537ee975b77bbe9caa8d98b6dcc.png][]

![8ac0239cbb5f1b983e136f108af87a11.png][]

![0d28632e1e06f8e1817dd2b46086f2fd.png][]

![c3b2a1fa3cd33c4d8bef0c9f17d2a891.png][]

![0c9153b964047acc1aed98e7082b98b7.png][]

![0c3c53cc6b8c6b1579a2d38f3cfe86ed.png][]

![d259eb40851ae01a3abfd1715f66b57b.png][]

![332c9c93115cba9b7aa48e9d920422b7.png][]

![f842ff64f411b0839165df9bb268ecda.png][]

![be2245146518b9ace6e9f448a8e3fd01.png][]

![6247b39a9eb77d0008cf4f2089f8933e.png][]

![be7545750f3631579e0cac7a9c7b2f2a.png][]

![2f7d012cf00abee434886250e3323f69.png][]

[cb4d6a95c72105b56a35aa4a5a84440a.png]: https://img-blog.csdnimg.cn/img_convert/cb4d6a95c72105b56a35aa4a5a84440a.png
[4f074d6a676e33625989be52fff89509.png]: https://img-blog.csdnimg.cn/img_convert/4f074d6a676e33625989be52fff89509.png
[e7d76ee44e8c0ee5e486b1fac007f0c2.png]: https://img-blog.csdnimg.cn/img_convert/e7d76ee44e8c0ee5e486b1fac007f0c2.png
[71401fb814663ce79dbd630d5c6321ca.png]: https://img-blog.csdnimg.cn/img_convert/71401fb814663ce79dbd630d5c6321ca.png
[89ad93d5a99b1a93d691e02e5eac6a01.png]: https://img-blog.csdnimg.cn/img_convert/89ad93d5a99b1a93d691e02e5eac6a01.png
[967b8ceebe7a53e0bf53238d4e68faa0.png]: https://img-blog.csdnimg.cn/img_convert/967b8ceebe7a53e0bf53238d4e68faa0.png
[e70e5941d09760c3a14e0a62a15976d6.png]: https://img-blog.csdnimg.cn/img_convert/e70e5941d09760c3a14e0a62a15976d6.png
[30cece148b701eb31349afe1ba13295f.png]: https://img-blog.csdnimg.cn/img_convert/30cece148b701eb31349afe1ba13295f.png
[9bbc7bab055c78d1fe687046dde59a2d.png]: https://img-blog.csdnimg.cn/img_convert/9bbc7bab055c78d1fe687046dde59a2d.png
[d98985a1f351386e0815b4e238dbfcae.png]: https://img-blog.csdnimg.cn/img_convert/d98985a1f351386e0815b4e238dbfcae.png
[44d03cc2c6ab84f7c0f79d5db53dca4e.png]: https://img-blog.csdnimg.cn/img_convert/44d03cc2c6ab84f7c0f79d5db53dca4e.png
[c0c0addbde9728956c231e4e5d44c70e.png]: https://img-blog.csdnimg.cn/img_convert/c0c0addbde9728956c231e4e5d44c70e.png
[00fe2a0b1c3a4d1e9f914c5d82c06fef.png]: https://img-blog.csdnimg.cn/img_convert/00fe2a0b1c3a4d1e9f914c5d82c06fef.png
[14695065f2ad004ba294c6a9a5faed13.png]: https://img-blog.csdnimg.cn/img_convert/14695065f2ad004ba294c6a9a5faed13.png
[63c9a619a528af7074cf008b617a855f.png]: https://img-blog.csdnimg.cn/img_convert/63c9a619a528af7074cf008b617a855f.png
[6d459537ee975b77bbe9caa8d98b6dcc.png]: https://img-blog.csdnimg.cn/img_convert/6d459537ee975b77bbe9caa8d98b6dcc.png
[8ac0239cbb5f1b983e136f108af87a11.png]: https://img-blog.csdnimg.cn/img_convert/8ac0239cbb5f1b983e136f108af87a11.png
[0d28632e1e06f8e1817dd2b46086f2fd.png]: https://img-blog.csdnimg.cn/img_convert/0d28632e1e06f8e1817dd2b46086f2fd.png
[c3b2a1fa3cd33c4d8bef0c9f17d2a891.png]: https://img-blog.csdnimg.cn/img_convert/c3b2a1fa3cd33c4d8bef0c9f17d2a891.png
[0c9153b964047acc1aed98e7082b98b7.png]: https://img-blog.csdnimg.cn/img_convert/0c9153b964047acc1aed98e7082b98b7.png
[0c3c53cc6b8c6b1579a2d38f3cfe86ed.png]: https://img-blog.csdnimg.cn/img_convert/0c3c53cc6b8c6b1579a2d38f3cfe86ed.png
[d259eb40851ae01a3abfd1715f66b57b.png]: https://img-blog.csdnimg.cn/img_convert/d259eb40851ae01a3abfd1715f66b57b.png
[332c9c93115cba9b7aa48e9d920422b7.png]: https://img-blog.csdnimg.cn/img_convert/332c9c93115cba9b7aa48e9d920422b7.png
[f842ff64f411b0839165df9bb268ecda.png]: https://img-blog.csdnimg.cn/img_convert/f842ff64f411b0839165df9bb268ecda.png
[be2245146518b9ace6e9f448a8e3fd01.png]: https://img-blog.csdnimg.cn/img_convert/be2245146518b9ace6e9f448a8e3fd01.png
[6247b39a9eb77d0008cf4f2089f8933e.png]: https://img-blog.csdnimg.cn/img_convert/6247b39a9eb77d0008cf4f2089f8933e.png
[be7545750f3631579e0cac7a9c7b2f2a.png]: https://img-blog.csdnimg.cn/img_convert/be7545750f3631579e0cac7a9c7b2f2a.png
[2f7d012cf00abee434886250e3323f69.png]: https://img-blog.csdnimg.cn/img_convert/2f7d012cf00abee434886250e3323f69.png