Android 浮动视图效果 第三种实现方式

一、有图有真相

二、如何实现浮动视图？

1. 使用WindowManager达到浮动视图效果。《Android 可移动悬浮窗口 WindowManager》

2. Android UI是树级结构，可以是同级视图一个在上面一个在下面，例如：《Android 滑动菜单（Sliding Menu）实现分析》 中的布局方式。也可以是上级视图。

3. 当前实现方式，画出一个视图达到浮动效果。之前虽然也学习过Canvas知道可以绘制出图形，但是这种浮动视图实现效果还是很震惊。

    3.1.  使用View的属性把想要达到浮动效果的视图转换成Bitmap，具体可以看下《Android 把视图转换为图片，截取屏幕》。

    3.2   创建ImageView并设置Bitmap。

    3.3  重新对创建的ImageView 进行Measure，Layout操作，之后在dispatchDraw中把想要浮动的视图绘制出来。

    当前例子是使用ListView演示效果，ListView本身是ViewGroup子类，只要是ViewGroup子类都可以通过这种方式实现浮动视图效果。

三、伪代码

1.  自定义ListView，先来看看触发显示浮动视图的地方。如果创建ListView这里就不再解释了。

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		
		final int action = event.getAction();
		
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			// 按下的时候显示浮动视图
			showFloatView(event);
			break;

		case MotionEvent.ACTION_UP:
		case MotionEvent.ACTION_CANCEL:
			// 抬起时清除浮动视图
			destroyFloatView();
			break;
		}
		
		return super.onTouchEvent(event);
	}

2.  以上在DOWN事件是显示浮动视图，UP事件时隐藏浮动视图，现在来看看如何实现显示浮动视图的

	/**
	 * 显示浮动视图
	 * 
	 * @param event
	 */
	private void showFloatView(MotionEvent event) {
		// 通过坐标获取指定选中的Item的位置
		mSelectedPosition = pointToPosition((int)event.getX(), (int)event.getY());
		
		if (mSelectedPosition == MISS) {
			return;
		}
		
		// 当前触摸的Item视图
		View clickItem = getChildAt(mSelectedPosition);			
		
		if (clickItem == null) {
			return;
		}
		
		// 转换为图片
		clickItem.setDrawingCacheEnabled(true);
		mSelectedItemBitmap = Bitmap.createBitmap( clickItem.getDrawingCache() );
		clickItem.setDrawingCacheEnabled(false);
		
		// 创建浮动视图
		if (mFloatView == null) {
			mFloatView = new ImageView(getContext());
		}
		
		mFloatView.setPadding(0, 0, 0, 0);
		mFloatView.setImageBitmap(mSelectedItemBitmap);
		mFloatView.setLayoutParams(new LayoutParams(clickItem.getWidth(), clickItem.getHeight()));
		
		measureFloatView();
		
		// 隐藏当前Item
		clickItem.setVisibility(View.INVISIBLE);

		// 使以上设置生效
		requestLayout();
	}

3. 销毁浮动视图

	/**
	 * 注销浮动视图
	 */
	private void destroyFloatView() {
		if (mFloatView != null) {
			mFloatView.setVisibility(View.GONE);
			
			// 销毁Bitmap，不注意回收容易出现内存溢出
			if (mSelectedItemBitmap != null) {
				mSelectedItemBitmap.recycle();
				mSelectedItemBitmap = null;
			}
			mFloatView = null;
		}
		
		// 显示之前隐藏的选中Item
		if (mSelectedPosition != MISS) {
			View selectedItem = getChildAt(mSelectedPosition);
			if (selectedItem != null) {
				selectedItem.setVisibility(View.VISIBLE);
			}
		}
		
		mSelectedPosition = MISS;
		
		invalidate();
	}

四、源码下载

点击下载源码

转载请注明出处：http://blog.csdn.net/love_world_/article/details/8816176