Android自定義View實現(xiàn)可拖拽縮放的矩形框
更新時間：2020年05月21日 11:46:19 作者：愛碼士_yan
這篇文章主要為大家詳細(xì)介紹了Android自定義View實現(xiàn)可拖拽縮放的矩形框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了Android自定義View拖拽縮放矩形框的具體代碼，供大家參考，具體內(nèi)容如下
在開發(fā)項目中，需要一個矩形框來實現(xiàn)截屏功能，并且還需要可以任意拖拽和縮放，這就需要自定義View來實現(xiàn)了，具體功能如下：
1.自定義View
package com.xinrui.screenshot.view;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
public class CropRectView extends View {
// 繪制 損害框和損害名稱
private Paint mPaint;
private RectF mRectF;
// 邊緣字體
// private BorderedText mBorderedText;
// 標(biāo)題 或 名字
private String mTitle;
// 概率
private float mConfidence;
// 矩形框 corner 的角度：直角、圓角
private int mCornerAngle;
//直角 默認(rèn)
public static final int RIGHT_CORNER = 0;
//圓角
public static final int ROUND_CORNER = 1;
// Remove Rect
private int MODE;
private static final int MODE_OUTSIDE = 0x000000aa;/*170*/
private static final int MODE_INSIDE = 0x000000bb;/*187*/
private static final int MODE_POINT = 0X000000cc;/*204*/
private static final int MODE_ILLEGAL = 0X000000dd;/*221*/
private float startX;/*start X location*/
private float startY;/*start Y location*/
private float endX;/*end X location*/
private float endY;/*end Y location*/
private float currentX;/*X coordinate values while finger press*/
private float currentY;/*Y coordinate values while finger press*/
private float memoryX;/*the last time the coordinate values of X*/
private float memoryY;/*the last time the coordinate values of Y*/
private float mCoverWidth;/*width of selection box*/
private float mCoverHeight;/*height of selection box*/
private static final int ACCURACY = 100;/*touch accuracy*/
private int pointPosition;/*vertex of a rectangle*/
private static final float minWidth = 100.0f;/*the minimum width of the rectangle*/
private static final float minHeight = 200.0f;/*the minimum height of the rectangle*/
private onLocationListener mLocationListener;/*listen to the Rect */
private static final float EDGE_WIDTH = 1.8f;
public MoveAndCropRectView(Context context) {
this(context, null);
}
public MoveAndCropRectView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public MoveAndCropRectView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initDatas(context);
}
private void initDatas(Context context) {
mPaint = new Paint();
mRectF = new RectF();
//畫筆設(shè)置空心
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setColor(Color.WHITE);
mPaint.setStrokeWidth(2);
mPaint.setAntiAlias(true);
// float textSizePx = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
// 18.0f, context.getResources().getDisplayMetrics());
// mBorderedText = new BorderedText(textSizePx);
currentX = 0;
currentY = 0;
}
private boolean firstDraw = true;
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// switch (mCornerAngle) {
// case RIGHT_CORNER:// 繪制 損害框(直角矩形框)
// drawRect(canvas);
// break;
// case ROUND_CORNER:// 繪制 損害框(圓角矩形框)
// drawRoundRect(canvas);
// break;
// }
if (firstDraw) {
firstDraw = false;
startX = mRectF.left;
startY = mRectF.top;
endX = mRectF.right;
endY = mRectF.bottom;
mCoverWidth = mRectF.width();
mCoverHeight = mRectF.height();
}
if (mLocationListener != null) {
mLocationListener.locationRect(startX, startY, endX, endY);
}
// LogUtils.d("onDraw -- startX: " + startX);
canvas.drawLine(startX - EDGE_WIDTH, startY - EDGE_WIDTH,
endX + EDGE_WIDTH, startY - EDGE_WIDTH, mPaint);/*top 上邊框-*/
canvas.drawLine(startX - EDGE_WIDTH, endY + EDGE_WIDTH,
endX + EDGE_WIDTH, endY + EDGE_WIDTH, mPaint);/*bottom -*/
canvas.drawLine(startX - EDGE_WIDTH, startY - EDGE_WIDTH,
startX - EDGE_WIDTH, endY + EDGE_WIDTH, mPaint);/*left |*/
canvas.drawLine(endX + EDGE_WIDTH, startY - EDGE_WIDTH,
endX + EDGE_WIDTH, endY + EDGE_WIDTH, mPaint);/*right |*/
// 繪制名稱 和 概率
// final String labelString =
// !TextUtils.isEmpty(mTitle)
// ? String.format("%s %.2f", mTitle, (100 * mConfidence))
// : String.format("%.2f", (100 * mConfidence));
//
// // 在 直角矩形框 上寫字
// mBorderedText.drawText(canvas,
// startX,
// startY, labelString + "%",
// mPaint);
}
@SuppressWarnings("NullableProblems")
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
memoryX = event.getX();
memoryY = event.getY();
checkMode(memoryX, memoryY);
break;
case MotionEvent.ACTION_MOVE: {
currentX = event.getX();
currentY = event.getY();
switch (MODE) {
case MODE_ILLEGAL:
recoverFromIllegal(currentX, currentY);
postInvalidate();
break;
case MODE_OUTSIDE:
//do nothing;
break;
case MODE_INSIDE://拖動
moveByTouch(currentX, currentY);
postInvalidate();
break;
default:
/*MODE_POINT*/
moveByPoint(currentX, currentY);
postInvalidate();
break;
}
}
break;
case MotionEvent.ACTION_UP:
// mPaint.setColor(getContext().getResources().getColor(R.color.orange));
postInvalidate();
break;
default:
break;
}
return true;
}
/*點擊頂點附近時的縮放處理*/
@SuppressWarnings("SuspiciousNameCombination")
private void moveByPoint(float bx, float by) {
// LogUtils.d("moveByPoint");
switch (pointPosition) {
case 0:/*left-up*/
mCoverWidth = Math.abs(endX - bx);
mCoverHeight = Math.abs(endY - by);
//noinspection SuspiciousNameCombination
if (!checkLegalRect(mCoverWidth, mCoverHeight)) {
MODE = MODE_ILLEGAL;
} else {
refreshLocation(bx, by, endX, endY);
}
break;
case 1:/*right-up*/
mCoverWidth = Math.abs(bx - startX);
mCoverHeight = Math.abs(endY - by);
if (!checkLegalRect(mCoverWidth, mCoverHeight)) {
MODE = MODE_ILLEGAL;
} else {
refreshLocation(startX, by, bx, endY);
}
break;
case 2:/*left-down*/
mCoverWidth = Math.abs(endX - bx);
mCoverHeight = Math.abs(by - startY);
if (!checkLegalRect(mCoverWidth, mCoverHeight)) {
MODE = MODE_ILLEGAL;
} else {
refreshLocation(bx, startY, endX, by);
}
break;
case 3:/*right-down*/
mCoverWidth = Math.abs(bx - startX);
mCoverHeight = Math.abs(by - startY);
if (!checkLegalRect(mCoverWidth, mCoverHeight)) {
MODE = MODE_ILLEGAL;
} else {
refreshLocation(startX, startY, bx, by);
}
break;
default:
break;
}
}
/*刷新矩形的坐標(biāo)*/
private void refreshLocation(float isx, float isy, float iex, float iey) {
this.startX = isx;
this.startY = isy;
this.endX = iex;
this.endY = iey;
mCoverWidth = endX - startX;
mCoverHeight = endY - startY;
}
/*檢測矩形是否達到最小值*/
private boolean checkLegalRect(float cHeight, float cWidth) {
return (cHeight > minHeight && cWidth > minWidth);
}
/*從非法狀態(tài)恢復(fù)，這里處理的是達到最小值后能拉伸放大*/
private void recoverFromIllegal(float rx, float ry) {
if ((rx > startX && ry > startY) && (rx < endX && ry < endY)) {
MODE = MODE_ILLEGAL;
} else {
MODE = MODE_POINT;
}
}
/**
* 判斷點在矩形的什么位置
* @param cx
* @param cy
*/
private void checkMode(float cx, float cy) {
if (cx > startX && cx < endX && cy > startY && cy < endY) {
MODE = MODE_INSIDE;//矩形內(nèi)部
} else if (nearbyPoint(cx, cy) < 4) {
MODE = MODE_POINT;//矩形點上
} else {
MODE = MODE_OUTSIDE;//矩形外部
}
}
/*矩形隨手指移動*/
private void moveByTouch(float mx, float my) {/*move center point*/
float dX = mx - memoryX;
float dY = my - memoryY;
startX += dX;
startY += dY;
if(startX<=0){
startX=0;
}
if(startY<=0){
startY=0;
}
endX = startX + mCoverWidth;
endY = startY + mCoverHeight;
if(endX>=1920){
endX=1920;
startX=endX-mCoverWidth;
}
if(endY>=1080){
endY=1080;
startY=endY-mCoverHeight;
}
memoryX = mx;
memoryY = my;
}
/*判斷點(inX,inY)是否靠近矩形的4個頂點*/
private int nearbyPoint(float floatX, float floatY) {
if ((Math.abs(startX - floatX) <= ACCURACY && (Math.abs(floatY - startY) <= ACCURACY))) {/*left-up angle*/
pointPosition = 0;
return 0;
}
if ((Math.abs(endX - floatX) <= ACCURACY && (Math.abs(floatY - startY) <= ACCURACY))) {/*right-up angle*/
pointPosition = 1;
return 1;
}
if ((Math.abs(startX - floatX) <= ACCURACY && (Math.abs(floatY - endY) <= ACCURACY))) {/*left-down angle*/
pointPosition = 2;
return 2;
}
if ((Math.abs(endX - floatX) <= ACCURACY && (Math.abs(floatY - endY) <= ACCURACY))) {/*right-down angle*/
pointPosition = 3;
return 3;
}
pointPosition = 100;
return 100;
}
// 設(shè)置矩形框
public void setRectF(RectF rectf) {
this.mRectF = rectf;
}
public void setTitle(String title) {
mTitle = title;
}
public void setConfidence(float confidence) {
mConfidence = confidence;
}
public void setCornerAngle(int cornerAngle) {
this.mCornerAngle = cornerAngle;
}
// 繪制 損害框(直角矩形框)
private void drawRect(Canvas canvas) {
canvas.drawRect(mRectF, mPaint);
// 繪制名稱 和 概率
// final String labelString =
// !TextUtils.isEmpty(mTitle)
// ? String.format("%s %.2f", mTitle, (100 * mConfidence))
// : String.format("%.2f", (100 * mConfidence));
// 在 直角矩形框 上寫字
// mBorderedText.drawText(canvas,
// mRectF.left,
// mRectF.top, labelString + "%",
// mPaint);
}
// 繪制 損害框(圓角矩形框)
private void drawRoundRect(Canvas canvas) {
float cornerSize = Math.min(mRectF.width(), mRectF.height()) / 8.0f;
canvas.drawRoundRect(mRectF, cornerSize, cornerSize, mPaint);
// 繪制名稱 和 概率
// final String labelString =
// !TextUtils.isEmpty(mTitle)
// ? String.format("%s %.2f", mTitle, (100 * mConfidence))
// : String.format("%.2f", (100 * mConfidence));
// 在 圓角矩形框 上寫字
// mBorderedText.drawText(canvas,
// mRectF.left + cornerSize,
// mRectF.top, labelString + "%",
// mPaint);
}
public void setLocationListener(onLocationListener mLocationListener) {
this.mLocationListener = mLocationListener;
}
public interface onLocationListener {
void locationRect(float startX, float startY, float endX, float endY);
}
}
2.Activity里的應(yīng)用
package com.xinrui.screenshot;
import android.app.Activity;
import android.graphics.RectF;
import android.os.Bundle;
import android.util.Log;
import android.widget.RelativeLayout;
import com.xinrui.screenshot.view.CropRectView;
public class MainActivity extends Activity {
private RelativeLayout main_area;
CropRectView cropRectView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initview();
}
private void initview(){
main_area = (RelativeLayout)findViewById(R.id.main_area);
cropRectView = (CropRectView)findViewById(R.id.main_img);
RectF rectF = new RectF(660, 240, 1260, 840);
cropRectView.setRectF(rectF);
cropRectView.setLocationListener(new CropRectView.onLocationListener() {
@Override
public void locationRect(float startX, float startY, float endX, float endY) {
Log.e("MainActivity","[ startX:(" + startX + ")--startY:(" + startY + ")--endX:(" + endX + ")--endY:(" + endY + ") ]");
}
});
}
}
3.activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/main_area" android:layout_width="match_parent" android:layout_height="match_parent"> <com.xinrui.screenshot.view.CropRectView android:id="@+id/main_img" android:layout_centerInParent="true" android:layout_width="match_parent" android:layout_height="match_parent"/> </RelativeLayout>
大功告成。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android開發(fā)中requestfocus()無效的原因及解決辦法
這篇文章主要介紹了Android開發(fā)中requestfocus()無效的原因及解決辦法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
Android開發(fā)之MediaPlayer多媒體(音頻,視頻)播放工具類
這篇文章主要介紹了Android開發(fā)之MediaPlayer多媒體(音頻,視頻)播放工具類,涉及Android針對音頻文件的讀取、播放、暫停、繼續(xù)等操作實現(xiàn)技巧,需要的朋友可以參考下2017-12-12
Android 使用CoordinatorLayout實現(xiàn)滾動標(biāo)題欄效果的實例
下面小編就為大家?guī)硪黄狝ndroid 使用CoordinatorLayout實現(xiàn)滾動標(biāo)題欄效果的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要為大家詳細(xì)介紹了Android自定義View彈性滑動Scroller，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
Android學(xué)習(xí)筆記之AndroidManifest.xml文件解析(詳解)
這篇文章主要介紹了Android學(xué)習(xí)筆記之AndroidManifest.xml文件解析,需要的朋友可以參考下2015-10-10
Android App數(shù)據(jù)格式Json解析方法和常見問題
JSON數(shù)據(jù)格式，在Android中被廣泛運用于客戶端和網(wǎng)絡(luò)(或者說服務(wù)器)通信，非常有必要系統(tǒng)的了解學(xué)習(xí)。恰逢本人最近對json做了一個簡單的學(xué)習(xí)，特此總結(jié)一下，以饗各位2014-03-03
Android ListView實現(xiàn)仿iPhone實現(xiàn)左滑刪除按鈕的簡單實例
下面小編就為大家?guī)硪黄狝ndroid ListView實現(xiàn)仿iPhone實現(xiàn)左滑刪除按鈕的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Android中使用ScrollView實現(xiàn)滑動到底部顯示加載更多
本文主要介紹了android利用ScrollView實現(xiàn)滑動到底部顯示加載更多的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
Android中通過RxJava進行響應(yīng)式程序設(shè)計的入門指南
響應(yīng)式編程在Android中的運用是非常犀利的,比如在異常處理和調(diào)度器方面,這里我們將從生命周期等方面來講解Android中通過RxJava進行響應(yīng)式程序設(shè)計的入門指南:2016-06-06
大家好，本篇文章主要講的是Android四大組件之Activity詳解，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2021-12-12