12.1 Grid listview click event

Implement the interface:

 

 Event: Click event can occur when clicked

 

Realization of ideas, there is a text box below the picture, but also to implement the interface in the form of a grid,

Then you need to use girdview complete grid layout,

Use a pump to a layout turn into a view,

 

xml：

main

<?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: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.xialm.cdy_gird_adapter.MainActivity">

<GridView
    android:id="@+id/gv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:horizontalSpacing="24dp"
    android:numColumns="3"
    android:verticalSpacing="24dp"
    />

</RelativeLayout>

item:

<?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="match_parent"
    android:orientation="vertical"
    >

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="150dp"
        android:layout_gravity="center"
        android:scaleType="centerCrop"
        android:layout_weight="2"
        />
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:textColor="#000"
        android:text="hello"
        />

</LinearLayout>

逻辑代码：

package com.example.xialm.cdy_gird_adapter;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.GridLayout;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private GridView mgv_1;


    private int[] images = {R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e,
            R.drawable.f,R.drawable.g,R.drawable.h,R.drawable.i,R.drawable.j};

    private String []names = {"0","1","2","3","4","5","6","7","8","9","","","",""};

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

        //找到关心的控件
        mgv_1 = (GridView)findViewById(R.id.gv);

        //设置适配器
        mgv_1.setAdapter(new myad());

        //设置监听
        mgv_1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                switch (position) {
                    //点击地址为1的控件时，将进行toast的弹出
                    case 3:
                        Toast.makeText(getApplicationContext(), "你点击的位置是"+images[position], Toast.LENGTH_SHORT).show();
                        break;
                    case 2:
                        Toast.makeText(getApplicationContext(), "你点击的数字是"+names[position], Toast.LENGTH_SHORT).show();
                        break;
                    case 1:
                        Toast.makeText(getApplicationContext(), "你点击的位置是"+position, Toast.LENGTH_SHORT).show();
                        break;
                    case 0:
                        Toast.makeText(getApplicationContext(), "你点击的数字是"+names[position], Toast.LENGTH_SHORT).show();
                        break;
                    default:
                        break;
                }

            }
        });

    }

    //适配器的作用实际上就是将数据源绑定到view上
    //然后返回view。这每一个返回来的view就是listview上的一个条目

    //设置适配器，继承自BaseAdapter
    public class myad extends BaseAdapter{

        //为了实例化一个对象，这里面封装的是两个控件
        Holder myholder;

        //创建个数，这里取得值是数组的值
        @Override
        public int getCount() {
            return images.length;
        }

        //根据点击位置返回view
        @Override
        public Object getItem(int position) {
            return images[position];
        }

        //根据点击的位置返回id
        //实现获得点击到的是哪个id，这里返回的正好是id
        //根据位置返回id
        @Override
        public long getItemId(int position) {
            return position;
        }


        //控制界面的样式
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            if(convertView == null){

                //要新建一个view,
                convertView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.item, null);
                //在这里将item这个布局引入了进来，在下面就可以找到item这个界面的iv了

                myholder = new Holder();
                myholder.iv_1 = (ImageView)convertView.findViewById(R.id.iv);
                myholder.tv_1 = (TextView)convertView.findViewById(R.id.tv);

                //设置一个标签，标签可以携带任何信息
                convertView.setTag(myholder);

            }else{
                //再次拿到这个信息，实现资源的优化共用
                myholder = (Holder)convertView.getTag();

            }
            myholder.iv_1.setImageResource(images[position]);
            myholder.tv_1.setText(names[position]);

            return convertView;
        }
    }

    class Holder {
        TextView tv_1;
        ImageView iv_1;
    }
}