溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Android開發中，在自定義view中，使用Canvas的相應操作，實現類似簽名的畫板，但有一個問題則是，正常的Canvas操作可以用畫板對手機的滑動進行繪制，但是當遇到一些圓滑曲線時，會顯得不夠順滑，甚至有折角，這里可以使用二階beizer曲線來使得曲線更加圓滑，提升用戶體驗。
定義一個自定義SignView，繼承自View，在里面定義四個變量：
private Path mPath; private Paint mPaint; private float mX; private float mY;
在構造方法里對路徑和畫筆進行初始化：
public SignView(Context context, AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(10);
mPath = new Path();
}
在onDraw()中對canvas做操作，這里值得一提的是調用drawColor方法，不然最終如果保存為本地圖片的話，會使得背景為黑色，如果畫筆也選擇黑色的話，則會成一張全黑的圖片：
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawColor(Color.WHITE);
canvas.drawPath(mPath, mPaint);
}
接下來重寫onTouchEvent方法：
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mX = event.getX();
mY = event.getY();
mPath.moveTo(mX, mY);
break;
case MotionEvent.ACTION_MOVE:
float x1 = event.getX();
float y1 = event.getY();
float cx = (x1 + mX) / 2;
float cy = (y1 + mY) / 2;
mPath.quadTo(mX, mY, cx, cy);
mX = x1;
mY = y1;
break;
}
invalidate();
return true;
}
手指按下時，取得按下的坐標，移動的時候，得到當前左邊，且取兩點中間的cx，cy作為beizer曲線的控制點，然后調用quadTo方法繪制二階beizer曲線，進行連線操作，最終則是調用invalidate方法進行重繪。
這樣一個使連線更加圓滑的畫板控件簡單實現了，如果需要保存為本地，或者bitmap對象，則需要做其他一些額外的操作了。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
