Android自定義View實現球形動態加速球
本文實例為大傢分享瞭Android自定義View實現球形動態加速球的具體代碼,供大傢參考,具體內容如下
利用貝塞爾曲線畫波浪線封閉黃色矩形,使用PorterDuffXfermode的SRC_ATOP隻顯示圓和交疊部分,利用Handler發送消息模擬進度形成動態效果。
代碼:
public class CircleView extends View{ private int width; private int height; private Bitmap mBitmap; private Canvas canvasBit; private Paint mPaintCircle; private Paint mPaintline; private int count; private Path path; private int progress; private int Maxprogress; public void setMaxprogress(int maxprogress) { Maxprogress = maxprogress; } public void setProgress(int progress) { this.progress = progress; } public int getCount() { return count; } public void setCount(int count) { this.count = count;//貝塞爾曲線周期循環 invalidate(); } public CircleView(Context context) { super(context); } public CircleView(Context context, AttributeSet attrs) { super(context, attrs); mPaintCircle=new Paint(); mPaintCircle.setColor(Color.BLUE); mPaintCircle.setAntiAlias(true); mPaintCircle.setStyle(Paint.Style.FILL); path=new Path(); mPaintline=new Paint(); mPaintline.setAntiAlias(true); mPaintline.setStyle(Paint.Style.FILL); mPaintline.setColor(Color.YELLOW); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); width= getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec); height =getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec); setMeasuredDimension(width,height); mBitmap=Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888); canvasBit=new Canvas(mBitmap);//新建bitmap的canvas mPaintline.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP));//顯示圓和交疊的部分 } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawColor(Color.BLACK);//背景色 canvasBit.drawCircle(300, 300, 150, mPaintCircle); path.reset(); path.moveTo(500, progress);//矩形右邊框到圓底部 path.lineTo(500, 500);//右邊框 path.lineTo(count, 500);//下邊框 path.lineTo(count, progress);//左邊框 for (int i=0;i<10;i++){//循環形成10個周期的波浪封矩形上邊框 path.rQuadTo(20,5,50,0); path.rQuadTo(20,-5,50,0); } canvasBit.drawPath(path, mPaintline); canvas.drawBitmap(mBitmap,0,0,null); } } //Handler代碼如下 public class MainActivity extends Activity { private CircleView circleView; private int count; private int progress=450; private static final int START=0x23; private Handler handler=new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); switch (msg.what){ case START: count++; progress-=4.5;//圓直徑450,按比例count 1=progress 4.5 if (count<=100){ circleView.setCount(count); circleView.setProgress(progress); handler.sendEmptyMessageDelayed(START,20); }else { count=0; progress=450; circleView.setProgress(progress); circleView.setCount(count); handler.sendEmptyMessageDelayed(START,20); } break; } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); circleView= (CircleView) findViewById(R.id.circleview); handler.sendEmptyMessage(START); } }
以上就是本文的全部內容,希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。
推薦閱讀:
- Android自定義View實現圓形進度條
- Android自定義模擬時鐘控件
- Android用Canvas繪制貝塞爾曲線
- Android自定義view貝塞爾曲線
- Android View實現圓形進度條