Android自己定义截屏功能，相似QQ截屏

Posted 2020-09-13 lytwajue

由于公司业务需求 须要对一个屏幕进行截屏。但自带的截屏功能是远远不够项目的功能需求 ，我们是做一个画板软件 。须要的像QQ那样截屏之后 ，能够看到我们自己定义的工具。有画笔，button等等 。android自带的功能非常easy，仅仅须要Intent隐式调用就全然足够了。但他是系统的应用 ，界面固定。无法定制改动。实现方法跟办法有非常多种，以下记录下我实现的方法 。我是这样一个思路 ，重写一个View组件 ，在OnDraw里面仅仅负责不绘图形（包含半透明的四个矩形，亮框矩形，亮框上的四个小圆点），Ontouch方法是不停的去改动亮框 的坐标点。然后又一次绘制 。

效果图：

 
我是把这个图片分解成以下这个图的形状的。

我们在onTouch里面就不停地去绘制矩形跟圆点。


详细代码实现主要思路：

1、图片绘制方法：

@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas); //不重写 图片无法出现
		if(mBitmap!=null){
//			drawNoLight(canvas);
			canvas.drawBitmap(mBitmap, iconLeft , iconTop, p_picture) ;
			//画高亮的边界
			drawRect(canvas) ;
			if(isDown)
				drawCircle(canvas) ;
		}
		
	}

2、图片坐标修改方法：

@Override
	public boolean onTouchEvent(MotionEvent event) {
		
		int action = event.getAction() ;
		float x = event.getX() ;
		float y = event.getY() ;
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			startX = x ;
			startY = y ;
			//须要推断是在矩形的外边还是里面（推断是移动还是缩放）
			if(x>lightRect.left+OFFSET && x<lightRect.right -OFFSET && y>lightRect.top+OFFSET && y<lightRect.bottom -OFFSET){
				//是移动的状态
				isMove = true ;
				isScale = false ;
			}else if(x<lightRect.left-OFFSET || y<lightRect.top-OFFSET || x>lightRect.right+OFFSET || y>lightRect.bottom+OFFSET){
				isMove = false ;
				isScale = false ;
			}else {
				isMove = false ;
				isScale = true ; //缩放
				 point = getScalePoint(startX , startY);
			}
			if(!isScale)
				isDown = false ;
			break;
		
		case MotionEvent.ACTION_UP :
		case MotionEvent.ACTION_CANCEL:
			isDown = true ;
			break ;
			
		case MotionEvent.ACTION_MOVE:
		
			if(isMove){ 
				//移动
				float dx = x - startX ;
				float dy = y - startY ;
				moveLightRect(dx , dy) ;
				startX = x ;
				startY = y ;
				isDown = false ;
			}
			if(isScale){
				float dx = x - startX ;
				float dy = y - startY ;
				resetLightRect(dx , dy) ;
				startX = x ;
				startY = y ;
			}
			
			break ;

		default:
			break;
		}
		invalidate() ;
		return true;
	}

3、图片截取的方法：

public Bitmap getBitmap (){
		int x = (int)(lightRect.left - iconLeft) ;
		int y = (int)(lightRect.top - iconTop) ;
		int w = lightRect.right - lightRect.left ;
		int h = lightRect.bottom - lightRect.top ;
		Bitmap bitmap = Bitmap.createBitmap(mBitmap, x, y, w, h) ;
		return bitmap ;
	}

PS：这个仅仅是一个View   能够实现图片的截取，这时我们须要加一些自己定义的button进来。就使用一个布局文件 。把button布置进去 。举一个简单的样例：

<?xml version="1.0" encoding="utf-8"?
>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
   
    <com.example.imagedemo.ImageTailor
        android:id="@+id/tailor"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />
    
    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_gravity="bottom"
        >
        <Button
        android:id="@+id/complete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="完毕"
        />
        <Button 
            android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="取消"
        />
	
        
    </LinearLayout>
    
</FrameLayout>

*：关键类和关键的方法我放在我的资源里，须要的朋友能够下载直接执行 看下效果。也能够看也这个Demo。 主要是ImageTailor.java这个类的实现 。有什么建议请大家提出来 ，共同学习。