Android开发之自定义View专题（三）：自定义GridView

最新推荐文章于 2025-03-13 09:47:59 发布
最新推荐文章于 2025-03-13 09:47:59 发布
阅读量2.3k 收藏 4
点赞数 2
分类专栏： Android技术 文章标签： gridview 移动 自定义 改变位置 移动位置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/victorfreedom/article/details/42403709
版权

      gridview作为android开发中常用的组件，其功能十分强大。但是，我们有时候有很多特殊的需求，需要在其基础上进行改造。有时候会有移动gridView中item位置的需求，这个网上已经有很多例子，博主就不在描述。今天博主讲的是移动gridView中item中的内容。博主没看过网上那些移动item位置的demo，不知道其原理是不是和博主想的一样。博主思考过，似乎博主的这种实现原理似乎也可以用作实现移动item位置。而之前博主百思不得其解的小米手机的桌面的自定义乱序排放，似乎也可以用这个原理去实现。好了，废话不多说，先上效果图




这里博主就以数字为内容来演示，不同的数字item的背景颜色不同来区分，长按住一个item后可以移动，每次移动，移动的item减1，移动到的item加1。效果还可以吧。好了，上代码，大家一起学习。了解其实现原理的同学完全可以自己修改代码开发可移动item的gridView

完整项目下载地址：http://download.youkuaiyun.com/detail/victorfreedom/8326829

（最近网络不给力，github上传有问题，等明天最后一篇自定义view专题讲解完了，再将所有项目一起上传吧，不介意那点分的同学可以先下载）


package com.freedom.gridview;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.PixelFormat;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.Toast;

import com.freedom.gridview.adapter.GridViewAdapter;
import com.freedom.gridview.bean.Data;

/**
 * @ClassName: FreedomGridView
 * @author victor_freedom (x_freedom_reddevil@126.com)
 * @createddate 2015-1-4 下午10:25:52
 * @Description: 可移动item内容的gridView
 */
@SuppressLint("NewApi")
public class FreedomGridView extends GridView {

	// 是否在移动中
	private boolean isMove = false;
	// 是否是第一次移动
	private boolean isFirst = true;
	// 是否是长按
	private boolean isLongClick = false;
	// 图形
	private Bitmap bitmap;
	// 移动的视图
	private ImageView moveView = null;
	// 偏移量
	private int offsetX, offsetY;
	// 在屏幕中触摸的位置
	private int touchPositionInScreen;
	// 移动的目的位置
	private int moveToPosition;
	// 在ITEM中触摸的坐标
	private int touchPositionInItemX, touchPositionInItemY;
	// 移动速度
	private int scaledTouchSlop;
	// 移动过程中，上下边距判定自动滑动距离
	private int upScrollBounce;
	private int downScrollBounce;
	// 窗体管理者，用于添加视图
	private WindowManager windowManager = null;
	private WindowManager.LayoutParams layoutParams = null;
	private GridViewAdapter adapter;

	public FreedomGridView(Context context) {
		super(context);
		scaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
	}

	public FreedomGridView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public FreedomGridView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	/**
	 * 长按判定
	 */
	private Runnable longPressRun = new Runnable() {
		@Override
		public void run() {
			isLongClick = true;
		}
	};

	/**
	 * @Title: contains
	 * @Description: 判断是否触摸坐标是否在视图里面
	 * @param v
	 * @param xInView
	 * @param yInView
	 * @return
	 * @throws
	 */
	private boolean contains(View v, int xInView, int yInView) {
		if (v instanceof ImageView) {
			return ((ImageView) v).getDrawable().getBounds()
					.contains(xInView, yInView);
		}
		return v.getBackground().getBounds().contains(xInView, yInView);
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		// 拿到适配器
		if (null == adapter || adapter.isEmpty()) {
			adapter = (GridViewAdapter) getAdapter();
		}
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			// 拿到相对于触摸视图的坐标
			int x = (int) ev.getX();
			int y = (int) ev.getY();
			// 拿到触摸位置
			touchPositionInScreen = moveToPosition = this.pointToPosition(x, y);

			// 判断位置是否有效
			if (moveToPosition == AdapterView.INVALID_POSITION) {
				break;
			}

			// 拿到当前触摸的可见item
			ViewGroup itemView = (ViewGroup) this.getChildAt(moveToPosition
					- this.getFirstVisiblePosition());
			// 拿到点击位置相对于ITEM视图的偏移量
			touchPositionInItemY = y - itemView.getTop();
			touchPositionInItemX = x - itemView.getLeft();

			// 拿到item视图里面的控件
			View view = itemView.findViewById(R.id.desk_back);
			// 判断点击位置是否在视图里面
			if (this.contains(view, touchPositionInItemX, touchPositionInItemX)) {
				try {
					int[] locationInScreen = new int[2];
					view.getLocationOnScreen(locationInScreen);
				} catch (NullPointerException e) {
					break;
				}
			}
			// 移动视图时候的偏移量
			this.offsetX = (int) (ev.getRawX() - x);
			this.offsetY = (int) (ev.getRawY() - y);

			// 获取触发当拖动视图到最顶端或者最底端自动滚动视图的边距
			upScrollBounce = Math.min(y - scaledTouchSlop, getHeight() / 3);
			downScrollBounce = Math.max(y + scaledTouchSlop,
					getHeight() * 2 / 3);
			itemView.setDrawingCacheEnabled(true);
			// 拿item视图的bitmap
			bitmap = Bitmap.createBitmap(itemView.getDrawingCache());
			itemView.destroyDrawingCache();
			postDelayed(longPressRun, 1000);
			break;
		case MotionEvent.ACTION_MOVE:
			if (isLongClick) {
				int mx = (int) ev.getX();
				int my = (int) ev.getY();
				// 第一次移动，创建移动视图
				if (isFirst)
					initWindowManager(bitmap, mx, my);
				onMove(mx, my);
				// 移除之前的runable
				removeCallbacks(longPressRun);
				return true;
			}
			break;
		case MotionEvent.ACTION_UP:
			int upY = (int) ev.getY();
			int upX = (int) ev.getX();
			if (isMove && isLongClick) {
				stopMove();
				completeMove(upX, upY);
				isMove = false;
				isLongClick = false;
				break;
			}
			removeCallbacks(longPressRun);
		}
		return super.onTouchEvent(ev);
	}

	/**
	 * @Title: initWindowManager
	 * @Description: 创建移动视图
	 * @param bm
	 * @param x
	 * @param y
	 * @throws
	 */
	public void initWindowManager(Bitmap bm, int x, int y) {
		stopMove();
		isFirst = false;
		layoutParams = new WindowManager.LayoutParams();
		layoutParams.gravity = Gravity.TOP | Gravity.LEFT;
		layoutParams.horizontalMargin = layoutParams.verticalMargin = 0;
		layoutParams.x = x - touchPositionInItemX + offsetX;
		layoutParams.y = y - touchPositionInItemY + offsetY;
		layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
		layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
		layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
				| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
				| WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
				| WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS;
		layoutParams.format = PixelFormat.TRANSLUCENT;
		layoutParams.windowAnimations = 0;
		windowManager = (WindowManager) this.getContext().getSystemService(
				"window");

		ImageView moveViewTemp = new ImageView(getContext());
		moveViewTemp.setImageBitmap(bm);

		windowManager = (WindowManager) this.getContext().getSystemService(
				"window");
		windowManager.addView(moveViewTemp, layoutParams);
		moveView = moveViewTemp;

	}

	/**
	 * @Title: stopMove
	 * @Description: 停止移动
	 * @throws
	 */
	public void stopMove() {
		if (moveView != null) {
			windowManager.removeView(moveView);
			moveView = null;
		}
	}

	/**
	 * @Title: onMove
	 * @Description: 视图移动的时候触发的方法
	 * @param x
	 * @param y
	 * @throws
	 */
	public void onMove(int x, int y) {
		isMove = true;
		// 避免拖动到无效区域
		int tempPosition = this.pointToPosition(x, y);
		if (tempPosition != FreedomGridView.INVALID_POSITION) {
			this.moveToPosition = tempPosition;
		}

		// 移动的时候更新视图位置
		if (moveView != null) {
			layoutParams.alpha = 0.8f;
			layoutParams.y = y - touchPositionInItemY + offsetY;
			layoutParams.x = x - touchPositionInItemX + offsetX;
			windowManager.updateViewLayout(moveView, layoutParams);
		}

		int scrollHeight = 0;
		if (y < upScrollBounce) {
			scrollHeight = 30;
		} else if (y > downScrollBounce) {
			scrollHeight = -30;
		}
		// 触发自动滚动
		if (scrollHeight != 0) {
			smoothScrollToPositionFromTop(moveToPosition,
					getChildAt(moveToPosition - getFirstVisiblePosition())
							.getTop() + scrollHeight, 1);
		}
	}

	/**
	 * @Title: completeMove
	 * @Description: 移动完成时
	 * @param x
	 * @param y
	 * @throws
	 */
	public void completeMove(int x, int y) {
		isFirst = true;
		// 拿到停止的位置
		int tempPosition = this.pointToPosition(x, y);
		if (tempPosition != FreedomGridView.INVALID_POSITION) {
			this.moveToPosition = tempPosition;
		}

		if (y < getChildAt(0).getTop()) {
			return;
		} else if (y > getChildAt(getChildCount() - 1).getBottom()) {
			moveToPosition = getAdapter().getCount() - 1;
			return;
		} else {
			// 如果在有效位置
			if (moveToPosition >= 0 && moveToPosition < getAdapter().getCount()) {

				ViewGroup itemView = (ViewGroup) this.getChildAt(moveToPosition
						- this.getFirstVisiblePosition());
				if (itemView != null) {

					ImageView imaveView = (ImageView) itemView
							.findViewById(R.id.desk_back);
					// 判断是否移入了有效视图里面
					boolean isIn = this.contains(imaveView,
							x - itemView.getLeft(), y - itemView.getTop());

					// 如果已经移入了，并且不是触摸时的起始位置
					if (isIn) {
						if (moveToPosition != touchPositionInScreen) {
							itemView.startAnimation(AnimationUtils
									.loadAnimation(getContext(),
											R.anim.desk_scale));
							Data touchData = ((Data) adapter
									.getItem(touchPositionInScreen));
							if (touchData.getNum() == 0) {
								Toast.makeText(getContext(), "数目为0不可变化",
										Toast.LENGTH_SHORT).show();
								return;
							}

							Data toData = (Data) adapter
									.getItem(moveToPosition);
							if (toData.getNum() == 2) {
								Toast.makeText(getContext(), "数目为2不可变化",
										Toast.LENGTH_SHORT).show();
								return;
							}

							touchData.setNum(touchData.getNum() - 1);
							toData.setNum(toData.getNum() + 1);
							adapter.notifyDataSetChanged();
						}
					}
				}
			}
		}
	}

}






自定义GridView 介绍
goumaohua的专栏
11-03 1142
　　GridView 是Microsoft DataGrid(VS2003版本)的一个替代品，它继承了DataGrid的很多优点，同时也继承了它的很多缺点，我们在方便使用的同时，还是不免会产生一丝遗憾。早在2004年的时候，对DataGrid 进行了二次封装(DotNetGrid 介绍 )，感觉到对我们系统的性能，开发效率方面，提供了很多的帮助。所以我觉得还是有必要把这些功能升级到GridView
Android书架（自定义GridView）
05-06
Android书架（自定义GridView），可运行，亲测。
自定义gridview实现
11-17
希望有帮助,我自己摸索一段时间的来的，比较简单一个类就可以实现，添加使用内部类的方法
Android控件之GridView自定义
u010327957的博客
12-07 794
1、GridView自定义网格布局 自定义网格布局就是要求，为网格的定义一个布局文件，然后使用这个布局文件去渲染网格。同时为GridView绑定点击事件。效果如下图 2、代码介绍 Activity所对应的布局文件activity_main.xml，里面只有一个GridView控件。代码如下 <RelativeLayout xmlns:android="http://schemas.
深入设计与应用Android GridView
最新发布
weixin_32661831的博客
03-13 1041
自定义Adapter类在开发中扮演着重要的角色，它能够为我们提供更灵活的视图和数据绑定方式。本章将深入探讨自定义Adapter类的必要性、基本结构、以及如何通过继承特定类来创建自定义的Adapter。在Android开发中，Adapter类作为桥梁连接着数据源和视图。当我们需要在ListView、GridView等视图组件中显示数据时，通常会用到Adapter。然而，标准的Adapter可能无法满足所有需求。自定义Adapter允许我们对视图进行更细致的控制，比如添加自定义布局、动态调整视图属性等。
Android 自定义ListView和GridView，2021年不想被公司优化
m0_64319298的博客
11-22 155
package com.example.pulltorefreshlistview; import java.util.Date; import android.content.Context; import android.graphics.Color; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent;
android 中自定义gridview,android 自定义gridview（导航）
weixin_36260323的博客
05-26 169
packagecom.cquni.control;importandroid.content.Context;importandroid.graphics.Bitmap;importandroid.graphics.BitmapFactory;importandroid.graphics.Canvas;importandroid.graphics.Rect;importandroid.graphi...
Android自定义GridView显示一行,并且可以左右滑动
weixin_33743703的博客
03-21 155
最近做一个类似滑动菜单栏的title，绑定数据源用的是GrildView，想要实现横着滑动并且GrildView只显示一行。最终采用代码形式在Activity中动态的添加布局实现。 ViewGroup.LayoutParams params = dishtype.getLayoutParams(); // dishtype，welist为ArrayLis...
android 自定义view比较综合的例子
04-01
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求创建独特且功能丰富的用户界面。这个“android 自定义view比较综合的例子”显然涵盖了多个高级话题，旨在帮助有一定基础的开发者提升自定义...
Android自定义View实现可以拖拽的GridView
01-20
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求定制界面元素。本文将探讨如何实现一个可以拖拽的GridView，即`DragGridVeiw`，这是一个允许用户通过触摸并拖动来重新排列GridView中项目的...
Android 开发之旅：详解view的几种布局方式及实践
01-20
【Android 开发之旅：详解view的几种布局方式及实践】 在Android应用开发中，构建用户界面至关重要，而View和ViewGroup是构建用户界面的基础。View是Android系统中表示用户界面的基本元素，而ViewGroup则作为容器，...
Android自定义View实现拖拽效果
01-20
在Android开发中，自定义View是一项重要的技能，它允许开发者创造出独特且富有交互性的用户界面。本篇文章将探讨如何实现一个简单的自定义View，模仿腾讯QQ中的红点拖动效果，但并不完全复制其全部功能。 首先，...
Android自定义较为精美的GridView
热门推荐
KI的博客
09-05 10万+
与ListView主要以列表形式显示数据不同，GridView是以网格形式显示数据，本文实现了一个较为精美的GridView。
自定义gridview
yukaihuaboke的博客
12-09 877
public class MyGridView extends GridView {     public MyGridView(Context context) {         super(context);     }     public MyGridView(Context context, AttributeSet attrs) {         super(cont
自定义gridView
Miss_ZM的博客
05-23 372
import android.content.Context; import android.util.AttributeSet; import android.widget.GridView; /**  * Created by 张梦雨 on 2016/5/22 0022.  */ public class MyGridView extends GridView {     p
Android——自定义自适应高度的GridView
qq_41138470的博客
04-02 541
public class CustomGridView extends GridView { public CustomGridView(Context context) { super(context); } public CustomGridView(Context context, AttributeSet attrs) { sup...
自定义Gridview用户控件，简单实用，希望大家多提宝贵意见
阿杰
04-10 1687
自己写的Gridview用户控件，实现了动态生成列；当行数不足n时，添加空白行；处理了Gridview行的鼠标事件。 public partial class GridViewPro : System.Web.UI.UserControl    {        private const int n = 20; //默认显示的行数        private IEnumerable _
Android开发深化之关于自定义GridView控件的实现
ccnanxi的博客
02-26 1602
在进行Android开发软件时我们常常会用到ListView和GridView，在Android开发时系统会自带ListView，GridView功能，但往往满足不了我们当时的开发要求。这个时候我们需要自己定义一个ListView或者GridView,扣丁Android培训视频中就有自定义的一个左右滑动删除item的例子，大家有兴趣的可以去看看。Android使用Scroller实现绚丽的List
GridView自适应高度
loveyh77的博客
03-18 631
public class MyGridView extends GridView { public MyGridView(Context context) { super(context,null); } public MyGridView(Context context, AttributeSet attrs) { super(conte
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值