自定义view画圆
1、自定义View的属性,首先在res/values/ 下建立一个attrs.xml , 在里面定义我们的属性和声明我们的整个样式。
- <?xml version="1.0" encoding="utf-8"?>
- <resources>
- <attr name="titleText" format="string" />
- <attr name="titleTextColor" format="color" />
- <attr name="titleTextSize" format="dimension" />
- <declare-styleable name="CustomTitleView">
- <attr name="titleText" />
- <attr name="titleTextColor" />
- <attr name="titleTextSize" />
- </declare-styleable>
- </resources>
我们定义了字体,字体颜色,字体大小3个属性,format是值该属性的取值类型:
在布局里自定义view
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- xmlns:custom="http://schemas.android.com/apk/res/com.example.customview01"
- android:layout_width="match_parent"
- android:layout_height="match_parent" >
- <com.example.customview01.view.customView
- android:layout_width="200dp"
- android:layout_height="100dp"
- custom:titleText="3712"
- custom:titleTextColor="#ff0000"
- custom:titleTextSize="40sp" />
- </RelativeLayout>
mainactivity类
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
自定义view类
public class CustomView extends View {
//初始状态圆心坐标
private PointF startPoint = new PointF(50, 100);
private PointF endPoint = new PointF(300, 300);
public CustomView(Context context) {
super(context);
}
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//创建画笔
Paint p = new Paint();
//设置颜色
p.setColor(Color.RED);
//设置实心
p.setStyle(Paint.Style.FILL);
//设置画笔的锯齿效果
p.setAntiAlias(true);
//1.前两个圆心坐标,半径
canvas.drawCircle(100, 100, 50, p);
//2.矩形
// canvas.drawRect(50,100,300,300,p);
//3.三角形
// Path path = new Path();
// path.moveTo(80,200);//此点为多边形的起点
// path.lineTo(120,250);
//path.lineTo(80,250);
// path.close();//是这些点构成封闭多边形
//canvas.drawPath(path,p);
//4.扇形
// RectF rectF = new RectF(60,100,200,240);
// canvas.drawArc(rectF,200,130,true,p);
//5.椭圆
RectF rectF = new RectF(400,200,500,260);
// canvas.drawOval(rectF,p);
//6.曲线
p.setStyle(Paint.Style.STROKE);
Path path = new Path();
//设置起点
path.moveTo(100,320);
//设置路径点和终点
path.quadTo(150,310,170,400);
canvas.drawPath(path,p);
//7.文本和图片
canvas.drawText("自定义文本",250,300,p);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher);
canvas.drawBitmap(bitmap,250,360,p);
}
//@Override
// public boolean onTouchEvent(MotionEvent event) {
/* switch (event.getAction()){
//手指按下
case MotionEvent.ACTION_DOWN:
break;
case MotionEvent.ACTION_MOVE:
case MotionEvent.ACTION_UP:
endPoint.x = event.getX();
endPoint.y = event.getY();
postInvalidate();
break;
}
return true;*/
// }
}
}
自定义view画圆到这就结束了,好了,各位学习的,打酱油的留个言,顶个呗~!