フィンガー ペイントを適用したいカスタム ビューがあります。どうすればこれを達成できますか?
私自身のビューは 210x170 ピクセルで、指でペイントしたいと考えていました。
これを行う方法について、私は本当に非常に困惑しています。
質問する
411 次
2 に答える
5
このコードを試してください:
public class SignatureView extends View
{
private final String LOG_TAG = this.getClass().getSimpleName();
private float mSignatureWidth = 20f; //YOU CAN CHANGE SIZE OF LINE
private int mSignatureColor = Color.rgb(00, 119, 204); // SET RGB COLOR
private boolean mCapturing = true;
private Bitmap mSignature = null;
private static final boolean GESTURE_RENDERING_ANTIALIAS = true;
private static final boolean DITHER_FLAG = true;
private Paint mPaint = new Paint();
private Path mPath = new Path();
private final Rect mInvalidRect = new Rect();
private float mX;
private float mY;
private float mCurveEndX;
private float mCurveEndY;
private int mInvalidateExtraBorder = 10;
public SignatureView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
public SignatureView(Context context) {
super(context);
init();
}
public SignatureView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
setWillNotDraw(false);
mPaint.setAntiAlias(GESTURE_RENDERING_ANTIALIAS);
mPaint.setColor(mSignatureColor);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeJoin(Paint.Join.ROUND);
mPaint.setStrokeCap(Paint.Cap.ROUND);
mPaint.setStrokeWidth(mSignatureWidth);
mPaint.setDither(DITHER_FLAG);
mPath.reset();
}
@Override
protected void onDraw(Canvas canvas) {
if (mSignature != null) {
canvas.drawBitmap(mSignature, null, new Rect(0, 0, getWidth(),getHeight()), null);
} else {
canvas.drawPath(mPath, mPaint);
}
}
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
if (mCapturing) {
processEvent(event);
Log.d(VIEW_LOG_TAG, "dispatchTouchEvent");
return true;
} else {
return false;
}
}
private boolean processEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
touchDown(event);
invalidate();
return true;
case MotionEvent.ACTION_MOVE:
Rect rect = touchMove(event);
if (rect != null) {
invalidate(rect);
}
return true;
case MotionEvent.ACTION_UP:
touchUp(event, false);
invalidate();
return true;
case MotionEvent.ACTION_CANCEL:
touchUp(event, true);
invalidate();
return true;
}
return false;
}
private void touchUp(MotionEvent event, boolean b) {
// TODO Auto-generated method stub
}
private Rect touchMove(MotionEvent event) {
Rect areaToRefresh = null;
final float x = event.getX();
final float y = event.getY();
final float previousX = mX;
final float previousY = mY;
areaToRefresh = mInvalidRect;
// start with the curve end
final int border = mInvalidateExtraBorder;
areaToRefresh.set((int) mCurveEndX - border, (int) mCurveEndY - border,
(int) mCurveEndX + border, (int) mCurveEndY + border);
float cX = mCurveEndX = (x + previousX) / 2;
float cY = mCurveEndY = (y + previousY) / 2;
mPath.quadTo(previousX, previousY, cX, cY);
// union with the control point of the new curve
areaToRefresh.union((int) previousX - border, (int) previousY - border,
(int) previousX + border, (int) previousY + border);
// union with the end point of the new curve
areaToRefresh.union((int) cX - border, (int) cY - border, (int) cX
+ border, (int) cY + border);
mX = x;
mY = y;
return areaToRefresh;
}
private void touchDown(MotionEvent event) {
float x = event.getX();
float y = event.getY();
mX = x;
mY = y;
mPath.moveTo(x, y);
final int border = mInvalidateExtraBorder;
mInvalidRect.set((int) x - border, (int) y - border, (int) x + border,
(int) y + border);
mCurveEndX = x;
mCurveEndY = y;
}
/**
* Erases the signature.
*/
public void clear() {
mSignature = null;
mPath.rewind();
// Repaints the entire view.
invalidate();
}
public boolean isCapturing() {
return mCapturing;
}
public void setIsCapturing(boolean mCapturing) {
this.mCapturing = mCapturing;
}
public void setSignatureBitmap(Bitmap signature) {
mSignature = signature;
invalidate();
}
public Bitmap getSignatureBitmap() {
if (mSignature != null) {
return mSignature;
} else if (mPath.isEmpty()) {
return null;
} else {
Bitmap bmp = Bitmap.createBitmap(getWidth(), getHeight(),
Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(bmp);
c.drawPath(mPath, mPaint);
return bmp;
}
}
public void setSignatureWidth(float width) {
mSignatureWidth = width;
mPaint.setStrokeWidth(mSignatureWidth);
invalidate();
}
public float getSignatureWidth() {
return mPaint.getStrokeWidth();
}
public void setSignatureColor(int color) {
mSignatureColor = color;
}
/**
* @return the byte array representing the signature as a PNG file format
*/
public byte[] getSignaturePNG() {
return getSignatureBytes(CompressFormat.PNG, 0);
}
/**
* @param quality
* Hint to the compressor, 0-100. 0 meaning compress for small
* size, 100 meaning compress for max quality.
* @return the byte array representing the signature as a JPEG file format
*/
public byte[] getSignatureJPEG(int quality) {
return getSignatureBytes(CompressFormat.JPEG, quality);
}
private byte[] getSignatureBytes(CompressFormat format, int quality) {
Log.d(LOG_TAG, "getSignatureBytes() path is empty: " + mPath.isEmpty());
Bitmap bmp = getSignatureBitmap();
if (bmp == null) {
return null;
} else {
ByteArrayOutputStream stream = new ByteArrayOutputStream();
getSignatureBitmap().compress(format, quality, stream);
return stream.toByteArray();
}
}
}
また、次のような Java コードでこのクラスを使用します。
SignatureView drawView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Set full screen view
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
requestWindowFeature(Window.FEATURE_NO_TITLE);
drawView = new SignatureView(this);
setContentView(drawView);
drawView.requestFocus();
}
これがあなたを助けることを願っています。
于 2012-12-13T05:53:36.547 に答える
0
私のコードはonTouchメソッドに焦点を当てています。View状態は、キャッシュされたとともに他の場所に保持されますBitmap。タッチイベントはビットマップを保持している状態オブジェクトに書き込まれ、ビットマップが更新されてから、更新されたビットマップがに書き込まれView.onDrawます。またrequestDisallowInterceptTouchEvent、画面が現在スクロールを許可している場合は、タッチイベントが引き続き画面をスクロールしようとします。ImmutablePOintは、Pointsが状態を変更できる場合に値が変更されるスケーリングに問題があったため、単なるImutablePointクラスです。
hwrは、ポイントとストロークを記憶し、元に戻す/やり直すことができ、現在の表示の一貫したビットマップを維持するクラスのインスタンスです。
public boolean onTouchEvent(MotionEvent event)
{
if (event.getAction() == MotionEvent.ACTION_DOWN)
{
this.getParent().requestDisallowInterceptTouchEvent(true);
this.hwr.addPoint(new ImmutablePoint((int) event.getX(), (int) event.getY()));
}
else if (event.getAction() == MotionEvent.ACTION_MOVE)
{
this.hwr.addPoint(new ImmutablePoint((int) event.getX(), (int) event.getY()));
}
else if (event.getAction() == MotionEvent.ACTION_UP)
{
this.getParent().requestDisallowInterceptTouchEvent(false);
this.hwr.stopDrawing(new ImmutablePoint((int) event.getX(), (int) event.getY()));
this.callback.pushStroke(this);
}
this.invalidate();
return true;
}
次にonDraw：
@Override
protected void onDraw(Canvas canvas)
{
// should already be the same size
canvas.drawBitmap(hwr.getDisplay(), matrix, paint);
}
于 2012-12-13T06:28:12.170 に答える