图形的绘制,需要用到纸和笔。在安卓中,就是Paint和Canvas。
1.画圆形
public class MyView extends View {
Paint paint = new Paint();
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);//抗锯齿
paint.setColor(Color.RED);//设置画笔的颜色
paint.setStrokeWidth(5);//设置画笔的宽度
paint.setStyle(Paint.Style.STROKE);//设置画笔的填充样式
canvas.drawCircle(100, 100, 75, paint);
}
}
paint.setColor(Color.RED)可以设置图形的颜色,不过颜色的局限性太大,还可以用paint.setColor(Color.parseColor("#ff0000"));去设置颜色。
paint.setStyle(Paint.Style.STROKE);是设置画笔的填充样式,目前安卓中有三种方法设置填充样式,
Paint.Style.STROKE、Paint.Style.FILL、Paint.Style.FILL_AND_STROKE,后面两种效果如下图:
2.画直线
public class MyView extends View {
Paint paint = new Paint();
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);
paint.setColor(Color.parseColor("#ff0000"));//设置画笔的颜色
paint.setStrokeWidth(5);//设置画笔的宽度
paint.setStyle(Paint.Style.FILL_AND_STROKE);//设置画笔的填充样式
canvas.drawLine(100, 200, 300, 400, paint);
}
}
介绍下canvas.drawLine(100, 200, 300, 400, paint)方法,(100,200)表示在坐标系中的起始点坐标,(300,400)表示终点坐标,两点之间的连线。
在坐标系中,横坐标向右为正,纵坐标向下为正。
3.画三角形
public class MyView extends View {
Paint paint = new Paint();
Path path = new Path();
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);
paint.setColor(Color.parseColor("#ff0000"));//设置画笔的颜色
paint.setStrokeWidth(5);//设置画笔的宽度
paint.setStyle(Paint.Style.STROKE);//设置画笔的填充样式
path.moveTo(100, 100);
path.lineTo(300, 300);
path.lineTo(100, 300);
path.close();
canvas.drawPath(path, paint);
}
}
效果图:path.moveTo(100, 100);先讲画笔移动到坐标(100,100)的位置
path.lineTo(300, 300);从坐标(100,100)的位置向坐标(300,300)的位置画线;
path.lineTo(100, 300);从坐标(300,300)的位置向坐标(100,300)的位置画线;
path.close();将直线的首尾连接起来。