简单的学习自定义view

好不容易周末有个双休，周六玩了一天LOL，今天学学习，自定义view这块感觉还是运用不好，从基础开始吧。

1、自定义View的引入：Android系统虽然提供了很多的UI控件，但是这些UI控件有可能满足不了项目的需求，所以Android系统提供了一些方式让开发者能够自行绘制一些视图。


2、在自定义View的时候可以继承Android系统已经提供的一些UI控件或者是布局，也可以直接继承所有的UI控件父类 ---> View


3、当我们创建子类的时候，需要根据不同的应用场景添加对应的构造方法，然后还需要重写一些方法，比如用于绘制视图的方法--->onDraw()，


   测量视图的宽高的方法--->onMeasure()，让控件能够响应屏幕事件的方法--->onTouchEvent()


4、在用于创建视图的方法(onDraw())中尽量不要去创建对象，因为该方法是用于绘制UI的，如果大量在该方法中进行对象的创建，会造成UI的绘制的效率降低


5、在使用自定义的视图的时候，有两种方式：


   a、在布局文件中添加
  
         1、布局的标签要写自定义的控件类的完整类路径


         2、在自定义的控件的类中要添加带有AttributeSet参数的构造方法


   b、通过代码创建添加


        1、添加带有context参数的构造


        2、调用构造方法创建自定义控件的对象，然后把该对象作为Activity的界面

MainActivity代码如下：

public class MainActivity extends Activity {


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//将自定义view应用到项目中方法一
// //创建自定义的视图的对象
// MyView myView = new MyView(this);
// //把自定义的视图对象作为Activity的界面
// setContentView(myView);
//方法二 在布局文件中添加自定义view 引用时要用包名.自定义view名
setContentView(R.layout.activity_main);
}

以下是自定义的代码：

public class MyView extends View {

private Paint p;

private RectF rect = new RectF(100, 20, 150, 100);//创建矩形区域

private RectF rect2 = new RectF(100, 250, 200, 300);//创建椭圆的区域


    //只带有一个context参数的构造方法，仅仅适用于采用代码创建的方式添加
public MyView(Context context) {
super(context);
//初始化画笔
initPaint();
}


// public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
// super(context, attrs, defStyleAttr);
// // TODO Auto-generated constructor stub
// }


//如果需要在布局文件添加自定义的视图，则需要在自定义的控件中添加该构造方法
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
//参数二：接收在布局文件指定的自定义视图的属性

//初始化画笔
initPaint();
}

//初始化画笔
private void initPaint(){
p = new Paint();
p.setColor(Color.CYAN);//设置画笔颜色
p.setStrokeWidth(2);//设置画笔的粗细
p.setTextSize(40);//设置文字大小
p.setStyle(Style.STROKE);//设置画笔风格  (填充: Style.FILL       描边:Style.STROKE)
p.setAntiAlias(true);//设置画笔抗锯齿
}

    //当系统显示该控件的时候，系统会调用该方法实现对于控件视图内容的绘制
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//参数：用于绘制视图内容的画布
Log.v("TAG", "onDraw ---> 系统开始绘制自定义视图的内容");

//编写自定义视图的内容

//参数一：圆心x坐标   参数二：圆心y坐标    参数三：圆的半径
canvas.drawCircle(100, 100, 40, p);//画圆

//参数依次：透明度  红  绿  蓝       每一个字段的取值范围都是(0 - 255)
// canvas.drawARGB(255, 128, 200, 100);//画颜色

//参数一：扇形的区域    参数二：扇形的开始角度    参数三：扇形扫过的角度     参数四：指定绘制扇形的时候是否连接中心点
//和x轴平行的线是0度线       顺时针旋转度数是正的       逆时针旋转度数是负的
canvas.drawArc(rect, 0, -270, true, p);//在矩形区域内绘制弧度

//参数一：矩形(RectF表示[边界线可以用小数表示]      Rect表示[边界线只能够用整数表示])
canvas.drawRect(rect, p);//绘制矩形

// canvas.drawRect(left, top, right, bottom, paint)

//参数一：被绘制的图片
//参数二：被绘制的图片距离屏幕左边界的距离
//参数三：被绘制的图片距离屏幕顶部的距离
canvas.drawBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher), 160, 250, p);//绘制图片

//参数一和二：线的起点的x坐标  y坐标
//参数三和四：线的终点的x坐标  y坐标
canvas.drawLine(200, 160, 220, 260, p);//画线
//参数一：多条线的起点和终点坐标[数组的长度要是4的整数倍]
canvas.drawLines(new float[]{210,20,150,60,150,60,200,40}, p);//绘制多条线

//参数一：椭圆的绘制区域
canvas.drawOval(rect2, p);//绘制椭圆

//参数一和二：被绘制的点的x坐标和y坐标
canvas.drawPoint(180, 180, p);//绘制点

//参数一：被绘制的内容
//参数二和三：一个点的x和y坐标。文字绘制的基准点，以该基准点向y轴做垂线，这个线构成文字的基准线
canvas.drawText("绘制的文本内容", 20, 40, p);//绘制文本

//绘制文本的基准线
canvas.drawLine(20, 40, 300, 40, p);
}


}