1.创建一个包：weight
2.创建一个类：ClicleView extends View
四个构造方法
Context context 上下文引用
AttributeSet attrs 自定义属性集
int defStyleAttr 默认样式
int defStyleRes 默认资源引用
public SubView(Context context) {
super(context);
}
调用自身构造函数
public SubView(Context context) {
this(context, null);
}
//AttributeSet attrs 自定义属性集
//自定义属性从XML文件中进行获取
public SubView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public SubView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
defStyleAttr Android默认样式
xmlns:android="http://schemas.android.com/apk/res/android" Android原生的命名空间集（删除，Android取值会取不到）
xmlns:day="http://schemas.android.com/apk/res-auto" Android命名空间
自定义View：
1、构造函数
2、设置XML中的命名空间
3、设置自定义属性
1.创建自定义属性：（在res/values/attrs 创建一个属性集）
2.声明自定义属性：
<resources>
<declare-styleable name="SubView">
<attr name="myText" format="string"></attr>
<attr name="myColor" format="color"></attr>
<attr name="myTextSize" format="dimension"></attr>
</declare-styleable>
</resources>
通过attr标签，声明属性值，并且规定接受类型
3.自定义属性取值：
①从res/values/attrs.xml中去取属性
②需要对属性声明名称
4.获取自定义属性集
TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.CircleView)
遍历自定义属性集，获取自定义属性（for循环遍历）
获取完毕后对自定义属性集中的下标内容进行获取
typedArray.getIndex(i);
4、对自定义控件进行设置
1.onLayout 控件位置的摆放（根据控件组摆放）
2.onMeasure 测量大小
3.onDraw 绘制出所显示的内容
onDraw(Canvas canvas){//cancas画板对象
//创建画笔对象
Paint paint = new Paint();
paint.setColor(mColor);//设置画笔颜色
canvas.drawCircle(0,0,mRadius,paint);//画圆
//参数：1.X轴坐标 2.Y轴坐标 3.圆的半径 4.画笔
}
setMeasuredDimesion();//根据控件的具体宽高进行设置
invalidate()；//重绘方法
paint.setStyle(Paint.Style.STROKE);//设置画笔描边样式（空心圆）
自定义View绘制流程：
首先我们自定义view需要继承自android.View,能帮你处理android命名空间的属性，比如说android：layout_width=”match_parent”……,当然如果我们的控件需要自定的控件属性，则需要在attrs.xml文件中预定义样式格式，如下：
attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MyImageView">
<attr name="src" format="integer"/>
</declare-styleable>
</resources>
1
然后在使用过程中我们需要在layout文件中声明命名空间：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:img="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.sosky.skytalk.FriendFragment">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="85dp">
<!-- TODO: Update blank fragment layout -->
<com.example.sosky.skytalk.MyImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
img:src="@drawable/road"/>
</RelativeLayout>
</FrameLayout>
这样声明命令空间xmlns:img=”http://schemas.android.com/apk/res-auto”，还可以xmlns:img=”http://schemas.android.com/apk/res/包名”声明命名空间。
接下来我们就需要测量大小和绘制view，下面是我自定义的一个图片控件：
package com.example.sosky.skytalk;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.icu.util.Measure;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.view.View;
import java.util.jar.Attributes;
/**
* Created by sOSky on 2017/11/21.
*/
public class MyImageView extends View {
private Paint mBitmapPaint;
private Drawable mDrawable;
private Bitmap mBitmap;
private int mWidth;
private int mHeight;
public MyImageView(Context context){
this(context, null);
}
public MyImageView(Context context, AttributeSet attributeSet){
super(context,attributeSet);
initAtters(attributeSet);
mBitmapPaint = new Paint();
mBitmapPaint.setAntiAlias(true);
}
private void initAtters(AttributeSet attributeSet){
if (attributeSet != null) {
TypedArray array = null;
try {
array = getContext().obtainStyledAttributes(attributeSet,R.styleable.MyImageView);
mDrawable =array.getDrawable(R.styleable.MyImageView_src);
measureDrawable();
}finally {
if (array != null){
array.recycle();
}
}
}
}
private void measureDrawable(){
if (mDrawable == null) {
throw new RuntimeException("图片不存在！！！");
}
mWidth = mDrawable.getIntrinsicWidth();
mHeight = mDrawable.getIntrinsicWidth();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
int widthmod = MeasureSpec.getMode(widthMeasureSpec);
int width = MeasureSpec.getSize(widthMeasureSpec);
int heightmod = MeasureSpec.getMode(heightMeasureSpec);
int height = MeasureSpec.getSize(heightMeasureSpec);
setMeasuredDimension(measureWidth(widthmod,width),measureHeight(heightmod,height));
}
@Override
protected void onDraw(Canvas canvas){
if (mBitmap == null){
mBitmap = Bitmap.createScaledBitmap(ImageUtils.drawableToBitmap(mDrawable),getMeasuredWidth(),getMeasuredHeight(),true);
}
canvas.drawBitmap(mBitmap,getLeft(),getTop(),mBitmapPaint);
}
private int measureWidth(int mod, int width){
switch(mod){
case MeasureSpec.UNSPECIFIED:
case MeasureSpec.AT_MOST:
break;
case MeasureSpec.EXACTLY:
mWidth = width;
}
return mWidth;
}
private int measureHeight(int mod , int height){
switch(mod){
case MeasureSpec.UNSPECIFIED:
case MeasureSpec.AT_MOST:
break;
case MeasureSpec.EXACTLY:
mHeight = height;
}
return mHeight;
}
}
1
这里主要关注的两点是，获取开发人员设置属性值和根据父视图测量自身大小。
获取属性值主要是通过Context.obtainStyledAttributes(attribueSet attrs,int styleableid);来获取开发人员设定的属性集中我们需要的属性，在这里我们需要的就是R.styleable.MyImageView。然后对获得的资源进行处理。
测量自身的大小我们需要复写onMeasure(int measurewidth,int measureheight );这两个参数是整个android View绘制的关键。
Measurespec是一个32位整形数据，前两位是测量模式（specMod），后30位父视图的窗口大小（specSize）。
三个测量模式分别是
MeasureSpec.EXACTLY:父视图希望子视图大小应该是由父视图窗口大小来决定，也可以设置成任意的大小。match_parent，具体的数值都是这个模式。
MeasureSpec.AT_MOST:表示子视图只能是specSize中指定的大小，不能超过specSize的大小，一般来说warp_context对应这个模式。
MeasureSpec.UNSPECIFIED：表示子视图能够设定为任意值。使用情况较少，系统开发会用到。
这样我们的子视图就能获取到父视图的窗口大小，再通过开发人员设置的layout属性，就能计算出view的大小。
我当时看到这里产生了一个疑问，这个measurespecwidth和Measurespecheight是从哪里来的。查了资料后，明白了其实是由一个ViewRootImpl类创建的，它是整个view绘制流程的控制类，所有view都是通过它绘制出来的。
根视图的MeasureSpec是由窗口大小和自身LayoutParams决定的，一般来说都是EXACTLY模式和窗口大小，然后他会调用
performMeasure（int childwidthSpec, int childheightSpec）{
…..
mView.measure(childwidthSpec,childheightSpec)
……
}
可以看到它是调用的viewGroup的测量函数，遍历当中所有的子view，方式就是调用每一个view的onMeasure()函数。这样子view就获得了测绘模式，父视图大小和自身设定的layoutParams，通过这三个信息，就能计算出具体的大小。
网友评论