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

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

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




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

完整项目下载地址：http://download.csdn.net/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();
						}
					}
				}
			}
		}
	}

}






victorfreedom
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android 仿微信自定义数字键盘的实现代码
01-04
本文介绍了Android 仿微信自定义数字键盘的实现代码，分享给大家，希望对大家有帮助 最终效果： 实现这个自定义键盘的思路很简单： 要写出一个数字键盘的布局； 与 Edittext 结合使用，对每个按键的点击事件进行处理； 禁用系统软键盘。 有了思路，实现起来就不难了。 1. 实现键盘的 xml 布局 网格样式的布局用 GridView 或者 RecyclerView 都可以实现，其实用 GridView 更方便一些，不过我为了多熟悉 RecyclerView 的用法，这里选择用了 RecyclerView。 <?xml version=1.0 encoding=ut
Android自定义View实现可以拖拽的GridView
01-20
先看看效果图 主要思想： 1、监听触碰事件 2、用WindowManager添加拖曳的图片 3、用Collections.swap()交换List数据 自定义代码： public class DragGridVeiw extends GridView { private final int PRESS_TIME = 1000;//长按时间 private int mDownX;//触碰时的X坐标 private int mDownY;//触碰时的Y坐标 private int mMoveX;//移动时的X坐标 private int mMoveY;//移动时的Y坐标
Android自定义View实现多图片选择控件
01-04
前言 相信很多朋友在开发中都会遇到图片上传的情况，尤其是多图上传，最经典的莫过于微信的图片选择了。所有很多情况下会使用到多图选择，所以就有了这篇文章，今天抽点时间写了个控件。  •支持自定义选择图片的样式  •支持设置图片选择数量  •支持图片预览，删除  •支持图片拍照  先来看看效果 实现分析 假如不定义控件，我们要实现这样一个功能，无非是写个GridView在item点击的时候去显示图片进行选择，在返回界面的时候进行GridView的数据刷新。我们把这些逻辑写在我们自定义的GridView中，就成了一个新的控件。 1、GridView的效果展示，逻辑实现。 public clas
Android自定义ViewGroup之CustomGridLayout（一）
01-20
之前写了两篇关于自定义view的文章，本篇讲讲自定义ViewGroup的实现。 我们知道ViewGroup就是View的容器类，我们经常用的LinearLayout，RelativeLayout等都是ViewGroup的子类。并且我们在写布局xml的时候，会告诉容器（凡是以layout为开头的属性，都是为用于告诉容器的），我们的宽度（layout_width）、高度（layout_height）、对齐方式（layout_gravity）等；于是乎，ViewGroup的职能为：给childView计算出建议的宽和高和测量模式 ；决定childView的位置；为什么只是建议的宽和高，而不是直接确定
GridView的用法、自定义控件入门写法和界面切换动画
HUandroid的博客
08-30 1473
控件GridView的使用： GridView是让item以数据表格的形式来显示布局。如果是单列表形式就使用Listview，如果是多行多列网格形式优先是使用GridView，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。 常用的xml属性： android:columnWidth   --设置列的宽度，也就是item的宽度 android:v
GridView分页整套精美样式
10-18
GridView自定义分页整套精美样式，样式采用CSS。
Android自定义较为精美的GridView
热门推荐
KI的博客
09-05 10万+
与ListView主要以列表形式显示数据不同，GridView是以网格形式显示数据，本文实现了一个较为精美的GridView。
android 自定义gridView 按日期显示图片和视频 galleryDemo
qq_31647275的博客
12-20 1266
最近项目需要写了一个图库的功能，主要的view是一个StickyGridHeadersGridView,继承于GridView，主要功能是 1.按日期条目显示指定目录下的图片和视频 2.单选，条目选择，全选功能 3.删除功能 4.查看图片，播放视频（调用系统api） 5.图片和视频计数； 话不多说，直接上图：       图片和视频加载主要用的Glide； 日期...
android gridview 固定列数,Android GridView 指定行数，动态行宽，占满空间
weixin_30369405的博客
05-25 1776
有时间我们需要 使用GridViw 让它占满父控件，例：特别是在适配的时间比较麻烦，在不同的机型上可能分出下，下面空的太多，或有滚动条问题，;下面说一下实现思路：首先，设置GridView 为三列，出来的为二行三列；我们在Adapter getView 中判断分辨率，得到宽度和高度，GridView 占总高度的八分中的三分；设置 Item 即每个子项的高占的空间八分中的三分的一半，宽占屏幕的三分...
android gridview行分割线,Android中控件GridView实现设置行列分割线的方法示例
weixin_40001967的博客
05-25 202
前言虽然Aandroid目前已经有RecyclerView了、非常强大的一个View、可以直接控制成ListView以及GridView等、而且画框线也比较方便、但是呢在很多情况下我们不得不仍然使用GridView来实现布局、那么在这个时候我们又要怎么来对GridViw进行画框线呢、下面将提供两种实现方式、大家可以选择一下一、设置垂直、横向间距、通过GRIDVIEW和ITEM的背景色来实现1、设置...
Android开发：自定义GridView/ListView数据源
weixin_30821731的博客
07-31 49
Android开发：自定义GridView/ListView数据源 转载于:https://www.cnblogs.com/zhujiabin/p/4691345.html
Android 二维布局,Android——使用GridView制作二维布局界面(行、列分布)
weixin_34370877的博客
05-26 374
1.GridView的三个关键属性android:numColumns="auto_fit" 每一行显示多少列android:horizontalSpacing="10dp" 两列之间的间距android:verticalSpacing="10dp" 两行之间的间距activity_main.xmlitem.xmlMainActivity.javaimport an...
GridView自定义列（也就是说不管数据源是多少列的，都只按照你需要的列来显示）
体会技术牛人的高傲
03-26 3473
     GridView控件相信很多人玩得很熟了，今天我只来搬起“石斧”，给大家耍耍我自己的收获。     因为学C#.NET不久，对里面的知识也是一知半解，所以我很喜欢把自己在工作当中所遇到的问题写成文章。一来是自己的过后总结，二来是希望能为后来者点一盏指引的灯。     之所以讲GridView，是因为这样的。我同时有两个控件，而这两个控件又同时是用同一个数据源绑定的，但是这两个控件
GridView中的自定义列
知识厚苑
04-10 786
                            GridView 可以根据数据源自动生成列，但是如果我们需要自定义列的显示方式，让GridView的列完完全全的由我们自己来控制，我们就需要用到一种特殊的列 ――TemplateField。因为GridView生成的列都是一个字段一列，如果我们需要把两个字段合并为一列显示呢？我们可以使用模板列。我们可以指定包含标记和控件的模版，自定义列的
扩展GridView控件(5) - 固定指定行、指定列
webabcd的专栏
01-15 595
GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。[索引页][源码下载]扩展GridView控件(5) - 固定指定行、指定列作者：webabcd/*正式版的实现 开始*/介绍扩展GridView控件：固定指定行、指定列，根据RowType固定行，根据RowState固定行使用方法
自定义控件之GridView（一）创建自定义的GridView控件
没有标题，只有问题
06-25 9557
本文目的：创建一个自定义的GridView控件    VS2008中的GridView很好用，不过在使用上却有一点点不方便。在一个网站中，通常会将所有的GridView设成相同的样式、相同的功能，比如说，当鼠标滑过时显示不同的颜色、在排序时表头显示是顺序还是倒序，等等。这些功能，在GridView中都能实现，只是你需要为每个包含GridView的页面写相同的代码……这都重复劳动，于是，我想，能不能把GridView写成一个自定义控件，将常用的功能添加到该控件中，然后再将这个控件直接在网页中使用呢？    先
Android：控件GridView的使用
达帮主
06-05 6万+
如果是列表（单列多行形式）的使用ListView，如果是多行多列网状形式的优先使用GridView。 <?xml version="1.0" encoding="utf-8"?> <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="m...
android gridview 详解,Android开发 GridView详解
weixin_31842715的博客
05-27 3349
前言xml样板常用的属性android:numColumns="auto_fit" ，GridView的列数设置为自动android:columnWidth="90dp"，每列的宽度，也就是Item的宽度android:stretchMode="columnWidth"，缩放与列宽大小同步NO_STRETCH0扩展无效STRETCH_COLUMN_WIDTH2扩展列STRETCH_SPACING1...
android gridview 动态添加列,动态更改GridLayoutManager的列数
weixin_39959369的博客
05-26 1074
我实际上在我的应用程序中使用了一个带有两列的GridLayoutManager，我希望根据所使用的视图types有一列。这是我片段的方法“onCreateView()”中的代码：// Recycler view for users usersList = (RecyclerView) mView.findViewById(R.id.usersList); // Layout manager (gr...
android gridview 动态添加列
最新发布
05-13
要在Android GridView中动态添加列，可以遵循以下步骤： 1. 定义一个基本的GridView布局文件，包含GridView控件和适配器。 2. 创建一个数据源列表，用于存储GridView中要显示的数据。 3. 创建一个自定义适配器，该适配器用于将数据源列表中的数据绑定到GridView中的单元格中。 4. 在Activity或Fragment中，实例化GridView控件，并将自定义适配器设置为GridView的适配器。 5. 在需要动态添加列的时候，更新数据源列表，并调用适配器的notifyDataSetChanged()方法，以便GridView可以重新绘制。 6. 在适配器中，根据数据源列表的大小来确定GridView中应该显示的列数。可以使用GridView的setNumColumns()方法来设置列数。 以下是一个简单的示例代码，演示如何动态添加列到GridView中： ```java public class MainActivity extends AppCompatActivity { private GridView gridView; private CustomAdapter customAdapter; private List<String> dataList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); gridView = findViewById(R.id.gridview); dataList = new ArrayList<>(); customAdapter = new CustomAdapter(dataList); gridView.setAdapter(customAdapter); // 动态添加一列 addColumn(); } private void addColumn() { // 更新数据源列表 dataList.add("New Column"); // 计算列数 int numColumns = (dataList.size() % 3 == 0) ? dataList.size() / 3 : (dataList.size() / 3) + 1; // 设置列数 gridView.setNumColumns(numColumns); // 刷新适配器 customAdapter.notifyDataSetChanged(); } class CustomAdapter extends BaseAdapter { private List<String> dataList; public CustomAdapter(List<String> dataList) { this.dataList = dataList; } @Override public int getCount() { return dataList.size(); } @Override public Object getItem(int position) { return dataList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.grid_item, parent, false); } TextView textView = convertView.findViewById(R.id.textview); textView.setText(dataList.get(position)); return convertView; } } } ``` 在上面的示例中，我们在Activity的onCreate()方法中，实例化了一个GridView控件和一个自定义适配器。然后，我们调用了addColumn()方法，该方法会更新数据源列表，计算出应该显示的列数，并设置到GridView中。最后，我们调用了适配器的notifyDataSetChanged()方法，以便GridView可以重新绘制。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值