Android Studio で タイマーを作ってみる② (円弧を描画)

描画処理で、円弧を描いて時間経過をわかるようにする。

 

まずは、Viewを拡張して、 onDrawでCanvasに描画

途中は省略でこんな感じで円弧を描画できる。

 

// 円弧をViewに描画
class ArcView extends View {
public ArcView(Context context) {
super(context);
}

@Override
public void onDraw(Canvas canvas) {
//canvas.drawColor(Color.WHITE);
Paint paint = new Paint();
paint.setColor(Color.GREEN); // 円弧を緑色で描画
paint.setStrokeWidth(5);
paint.setAntiAlias(true);

float le = 200.0f;
float tp = 200.0f;
float ri = 400.0f;
float bt = 400.0f;

paint.setStyle(Paint.Style.FILL);
RectF oval = new RectF(le, tp, ri, bt);
canvas.drawArc(oval, -90, 180, true, paint);
}
}

 

これで、時間を指定して円弧を描くところができた。