3.16自定义控件

1.自定义VIEW组件

创建CustomizeView,继承View。重写onDraw方法，通过onDraw方法绘制我们自定义的图像、位图、路径等。

示例：

//自定义绘制View
public class CutomizeView extends View {//构造方法public CutomizeView(Context context) {super(context);}//构造方法,这个构造必须有public CutomizeView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);}//重新onDraw方法@Overrideprotected void onDraw(Canvas canvas) {//矩形位置坐标RectF rectF=new RectF(100,100,400,400);//画笔Paint paint=new Paint();//设置画笔//设置反锯齿paint.setAntiAlias(true);//设置绘制颜色paint.setColor(0xFF20FF22);//设置绘制样式paint.setStyle(Paint.Style.STROKE);//设置绘制文本大小paint.setTextSize(100);//绘制矩形canvas.drawRect(rectF,paint);//绘制椭圆canvas.drawOval(rectF,paint);//绘制圆canvas.drawCircle(300,300,200,paint);//绘制线段canvas.drawLine(0,0,100,100,paint);//绘制文本canvas.drawText("hello",200,900,paint);//绘制圆弧canvas.drawArc(rectF,0,100,true,paint);//绘制点canvas.drawPoint(800,800,paint);//绘制图片//bitmap位图，1、将项目已有图片转为bitmapBitmap bitmap=BitmapFactory.decodeResource(getResources(),R.drawable.ic_launcher);canvas.drawBitmap(bitmap,200,1000,paint);//2.创建一个bitmap//Bitmap bitmap1=Bitmap.createBitmap(100,100, Bitmap.Config.ARGB_8888);//绘制路径drawPath(canvas);}//绘制路径public void drawPath(Canvas canvas){Paint paint=new Paint();paint.setColor(0xFF0022FF);paint.setStyle(Paint.Style.STROKE);//绘制路径Path path=new Path();//起点path.moveTo(300,400);//直线path.lineTo(500,200);path.lineTo(550,350);path.lineTo(800,700);//曲线path.quadTo(500,300,300,800);canvas.drawPath(path,paint);}
}

创建对应layout文件,l_customize1.xml文件

示例：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent"><com.example.pro_customizeview.view.CutomizeViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"></com.example.pro_customizeview.view.CutomizeView></LinearLayout>

补充：Canvas对象坐标变换方法

translate(100,100):平移变化；

rotate(90):旋转变化；

scale():缩放变化；

save()：保存当前坐标系；

restore():销毁当前坐标系，返回上一次坐标系；

自定义属性：

在res/values/attrs.xml中创建我们自定义组件属性。

示例：

定义属性名和属性需要数据格式类型

<?xml version="1.0" encoding="utf-8"?>
<resources><declare-styleable name="CutomizeView"><attr name="fontColor" format="color"></attr><attr name="fontSize" format="dimension"></attr></declare-styleable>
</resources>

修改l_customize1.xml文件，设置自定义属性。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:zdy="http://schemas.android.com/apk/res-auto"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><com.example.pro_customizeview.view.CutomizeViewzdy:fontSize="20dp"zdy:fontColor="@color/colorPrimary"android:layout_width="wrap_content"android:layout_height="wrap_content" />
</LinearLayout>

在自定义组件CutomizeView中构造函数中获取到我们自定义的属性，然后可以在onDraw，onMeasure,onLayout方法中使用。

//构造方法,这个构造必须有
public CutomizeView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);//所有的属性存放在AttributeSet中int count = attrs.getAttributeCount();//1、遍历获取for(int i=0;i<count;i++){//获取属性名String attrName=attrs.getAttributeName(i);//获取属性值String attrValue=attrs.getAttributeValue(i);}//2、直接获取到自定义属性//在R文件中会自动生成TypedArray typedArray= context.obtainStyledAttributes(attrs,R.styleable.CutomizeView);//将获取到的属性可以在onDraw，onMesure,onLayout中使用。int fontColor=typedArray.getColor(R.styleable.CutomizeView_fontColor,0xFF0022FF);float fontSize=typedArray.getDimension(R.styleable.CutomizeView_fontSize,20);//注意使用完释放资源typedArray.recycle();
}

onMeasure方法和onLayout方法。

示例：

//测量方法，获取控件宽高，模式
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {//调用父类onMeasure方法，实际注释掉super.onMeasure(widthMeasureSpec, heightMeasureSpec);//1、获取mode和sizeint widthMode=MeasureSpec.getMode(widthMeasureSpec);int widthSize=MeasureSpec.getSize(widthMeasureSpec);int heightMode=MeasureSpec.getMode(heightMeasureSpec);int heightSize=MeasureSpec.getSize(heightMeasureSpec);//当父控件为viewgroup时，要获取子控件宽高，必须先测量一次，强制测量//否则childView的getMeasuredWidth拿不到宽度measureChildren(widthMeasureSpec,heightMeasureSpec);//2、通过mode设置合理sizeswitch (widthMode){//父控件对子控件限制最大值，wrap_contentcase MeasureSpec.AT_MOST://宽度设置,widthSize = 100dp ;break;//控件大小是个确定值，100dp，match_parent（父控件大小确定）等case MeasureSpec.EXACTLY:break;//父控件对子控件大小不做限定case MeasureSpec.UNSPECIFIED:break;}switch (heightMode){//父控件对控件限制最大值，wrap_contentcase MeasureSpec.AT_MOST://宽度设置,break;//控件大小是个确定值,layout中设置为具体20dp等或者match_parent，父控件大小确定case MeasureSpec.EXACTLY:break;//父控件对控件大小不做限定，例如:ListView中子item数量不定case MeasureSpec.UNSPECIFIED:br