Android实战简易教程-第二十枪(GridView长按显示删除)

用过UC浏览器的都使用过如下功能:

Android实战简易教程-第二十枪(GridView长按显示删除)_第1张图片

长按图标会弹出删除的图标,我们下面研究一下如何实现类似效果。

1.配置main.xml文件:

<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" >


    <GridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="4" >
    </GridView>


</RelativeLayout>

2.配置GridView的填充组件布局grid_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_grid_item"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical" >


    <FrameLayout
        android:id="@+id/starred_item_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >


        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="4dip"
            android:layout_marginTop="4dip"
            android:gravity="center"
            android:orientation="vertical" >


            <ImageView
                android:id="@+id/img"
                android:layout_width="60dip"
                android:layout_height="55dip" />


            <TextView
                android:id="@+id/name_tv"
                android:layout_width="70dip"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dip"
                android:gravity="center"
                android:textColor="@android:color/black"
                android:textSize="15sp"
                android:textStyle="bold" />
        </LinearLayout>


        <ImageView
            android:id="@+id/delete_markView"
            android:layout_width="20dip"
            android:layout_height="20dip"
            android:layout_gravity="right|top"
            android:adjustViewBounds="true"
            android:src="@drawable/delete"
            android:visibility="gone" />
    </FrameLayout>


</LinearLayout>
3.adapter适配器文件:

package com.example.longdemo;

import java.util.ArrayList;
import java.util.HashMap;

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 GridViewAdapter extends BaseAdapter {
	private ArrayList<HashMap<String, Object>> myList;
	private Context mContext;
	private TextView name_tv;
	private ImageView img;
	private View deleteView;
	private boolean isShowDelete;// 根据这个变量来判断是否显示删除图标,true是显示,false是不显示

	public GridViewAdapter(Context mContext,
			ArrayList<HashMap<String, Object>> myList) {
		this.mContext = mContext;
		// this.names=names;
		this.myList = myList;
	}

	public void setIsShowDelete(boolean isShowDelete) {
		this.isShowDelete = isShowDelete;
		notifyDataSetChanged();
	}

	@Override
	public int getCount() {

		return myList.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return myList.get(position);
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		convertView = LayoutInflater.from(mContext).inflate(R.layout.grid_item,
				null);
		img = (ImageView) convertView.findViewById(R.id.img);
		name_tv = (TextView) convertView.findViewById(R.id.name_tv);
		deleteView = convertView.findViewById(R.id.delete_markView);
		deleteView.setVisibility(isShowDelete ? View.VISIBLE : View.GONE);// 设置删除按钮是否显示
		img.setBackgroundResource(myList.get(position).get("image").hashCode());
		name_tv.setText(myList.get(position).get("name").toString());
		return convertView;
	}
}

4.MainActivity.java:

package com.example.longdemo;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemLongClickListener;
import android.widget.GridView;

public class MainActivity extends Activity implements OnItemLongClickListener {

	private GridView mGridView;
	private GridViewAdapter mAdapter;
	private boolean isShowDelete = false;
	private ArrayList<HashMap<String, Object>> myList;
	final String[] name = new String[] { "test", "testa", "testb", "testc", "testd",
			"testf", "testg" };
	final int[] pic = new int[] { R.drawable.pic,
			R.drawable.pic, R.drawable.pic,
			R.drawable.pic, R.drawable.pic,
			R.drawable.pic, R.drawable.pic };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mGridView = (GridView) findViewById(R.id.gridView);
		mGridView.setOnItemLongClickListener(this);//长按事件监听
		myList = getMenuAdapter(pic, name);

		mAdapter = new GridViewAdapter(MainActivity.this, myList);
		mGridView.setAdapter(mAdapter);

	}

	@Override
	public boolean onItemLongClick(AdapterView<?> parent, View view,
			int position, long id) {
		if (isShowDelete) {
			isShowDelete = false;

		} else {
			isShowDelete = true;
			mAdapter.setIsShowDelete(isShowDelete);
			mGridView.setOnItemClickListener(new OnItemClickListener() {

				@Override
				public void onItemClick(AdapterView<?> parent, View view,
						int position, long id) {
					delete(position);//删除选中项
					Log.i("------>", "进来了么");
					mAdapter = new GridViewAdapter(MainActivity.this, myList);//重新绑定一次adapter
					mGridView.setAdapter(mAdapter);
					mAdapter.notifyDataSetChanged();//刷新gridview

				}

			});
		}
		Log.i("------>", "进来了没");

		mAdapter.setIsShowDelete(isShowDelete);//setIsShowDelete()方法用于传递isShowDelete值

		return true;
	}

	
	private void delete(int position) {//删除选中项方法
		ArrayList<HashMap<String, Object>> newList = new ArrayList<HashMap<String, Object>>();
		if (isShowDelete) {
			myList.remove(position);
			isShowDelete = false;
		}
		newList.addAll(myList);
		myList.clear();
		myList.addAll(newList);
	}

	private ArrayList<HashMap<String, Object>> getMenuAdapter(//将数据装入List
			int[] menuImageArray, String[] menuNameArray) {
		ArrayList<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();
		for (int i = 0; i < menuImageArray.length; i++) {
			HashMap<String, Object> map = new HashMap<String, Object>();
			map.put("image", menuImageArray[i]);
			map.put("name", menuNameArray[i]);
			data.add(map);
		}
		return data;
	}

}

5.运行实例如下:

源码下载

喜欢的朋友请关注我!多谢支持!!

你可能感兴趣的:(android,GridView)