View（视图）——ListView之GridView

一.概念

   GridView网格视图：带格子的ListView。

二.使用Adapter：常用BaseAdapter

三.属性

    1.numColumns  列数：auto_fit，数值。

    2.horizontalSpacing  水平间距

    3.verticalSpacing  垂直间距

    4.columnWidth  列宽

    5.stretchMode 缩放方式

四.监听器

   1. AdapterView.OnItemClickListener

      void onItemClick(AdapterView<?> parent, View view, int position, long id)，position 被点击的数据在集合中的索引。

   2. AdapterView.OnItemLongClickListener()

     boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id)，返回true，表示事件已被消费。

   3.API：notifyDataSetChanged()  通知数据改变并刷新视图。

事件点击处理代码展示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.wang.testapp2.TestActivity10">

    <GridView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/gv_1"
        android:numColumns="4"
        android:stretchMode="columnWidth"
        android:gravity="center"
        android:horizontalSpacing="30dp"
        android:verticalSpacing="30dp"
        android:columnWidth="120dp"
        ></GridView>

</LinearLayout>

package com.example.wang.testapp2;

import android.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class TestActivity10 extends AppCompatActivity {

    GridView gv_1;

//    List<MyClass> lm;
    List<Integer> liv;

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

        GridView gv_1=(GridView)findViewById(R.id.gv_1);

//        lm=new ArrayList<>();
//
//        MyClass myClass=new MyClass(R.drawable.f1,"美食1");
//
//        lm.add(myClass);
//
//        lm.add(new MyClass(R.drawable.f2,"美食2"));
//        lm.add(new MyClass(R.drawable.f3,"美食3"));
//        lm.add(new MyClass(R.drawable.f4,"美食4"));
//        lm.add(new MyClass(R.drawable.f5,"美食5"));
//        lm.add(new MyClass(R.drawable.f6,"美食6"));
//        lm.add(new MyClass(R.drawable.f7,"美食7"));
//        lm.add(new MyClass(R.drawable.f8,"美食8"));
//        lm.add(new MyClass(R.drawable.f9,"美食9"));
//        lm.add(new MyClass(R.drawable.f10,"美食10"));
//
//        GridAdapter gridAdapter=new GridAdapter();
//
//        gv_1.setAdapter(gridAdapter);





        //1 数据 图片的id
        liv =new ArrayList<>();
        liv.add(R.drawable.f1);
        liv.add(R.drawable.f2);
        liv.add(R.drawable.f3);
        liv.add(R.drawable.f4);
        liv.add(R.drawable.f5);
        liv.add(R.drawable.f6);
        liv.add(R.drawable.f7);
        liv.add(R.drawable.f8);
        liv.add(R.drawable.f9);
        liv.add(R.drawable.f10);

        final ImageAdapter im=new ImageAdapter();

        gv_1.setAdapter(im);

        gv_1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                Toast.makeText(TestActivity10.this, "被点击的图片索引=" + position, Toast.LENGTH_SHORT).show();
            }
        });

        //长按删除的监听器
        gv_1.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {

                //1.删除数据
                // 从集合里删除长按的数据
                liv.remove(position);

                //2.刷新视图，看到效果
                // 通知适配器，数据源改变了
                im.notifyDataSetChanged();

                Toast.makeText(TestActivity10.this, "删除了记录索引="+position, Toast.LENGTH_SHORT).show();

                return true;//事件已经被消费，不要在处理了
            }
        });
    }

//    class  MyClass
//    {
//        private int img;
//
//        private String name;
//
//
//        public int getImg() {
//            return img;
//        }
//
//        public void setImg(int img) {
//            this.img = img;
//        }
//
//        public String getName() {
//            return name;
//        }
//
//        public void setName(String name) {
//            this.name = name;
//        }
//
//        public MyClass(int img,String name)
//        {
//            this.img=img;
//            this.name=name;
//        }
//    }


     //适配器

    class  ImageAdapter extends BaseAdapter
    {
        @Override
        public int getCount() {
            return liv.size();
        }

        @Override
        public Object getItem(int position) {
            return liv.get(position);
        }

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

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

            //1. 得到数据 图片的id
            Integer ivid = liv.get(position);

            //2.准备View
            if (convertView == null) {
                convertView = new ImageView(TestActivity10.this);
            }

            //3.适配
            // 转换
            ImageView imageView = (ImageView) convertView;

            imageView.setImageResource(ivid);

//            imageView.setMaxWidth(70);
//            imageView.setMaxHeight(70);

            imageView.setLayoutParams(new GridView.LayoutParams(110, 110));


            return imageView;

//    class GridAdapter extends BaseAdapter
//    {
//        @Override
//        public int getCount() {
//            return lm.size();
//        }
//
//        @Override
//        public Object getItem(int position) {
//            return lm.get(position);
//        }
//
//        @Override
//        public long getItemId(int position) {
//            return 0;
//        }
//
//        @Override
//        public View getView(int position, View convertView, ViewGroup parent) {
//            MyClass myClass=lm.get(position);
//
//            if (convertView==null)
//            {
//                Log.e("TAG","适配器getView="+position);
//
//                convertView=View.inflate(TestActivity10.this,R.layout.listview_layout,null);
//            }
//
//            ImageView imageView=(ImageView)convertView.findViewById(R.id.iv_3);
//            imageView.setImageResource(myClass.getImg());
//
//            TextView textView=(TextView)convertView.findViewById(R.id.tv_9);
//            textView.setText(myClass.getName());
//
//
//            return convertView;
//        }
//    }
        }}
}