Android知识梳理之自定义View

最新推荐文章于 2024-08-26 04:02:32 发布
最新推荐文章于 2024-08-26 04:02:32 发布
阅读量6.8k 收藏 8
点赞数 1
分类专栏： Android开发 文章标签： Android 自定义View 自定义圆环进度条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/unreliable_narrator/article/details/51274264
版权

       虽然android本身给我们提供了形形色色的控件，基本能够满足日常开发的需求，但是面对日益同质化的app界面，和不同的业务需求。我们可能就需要自定义一些View来获得比较好的效果，自定义View是android开发者走向高级开发工程师必须要走的一关。自定义View主要包含三块自定义Viewgroup，自绘View，组合View。本文我们主要讲自绘View。

                                                                                             

一.View的构造函数:

当我们创建一个类去继承View的时候，系统会要求我们至少去实现一个构造函数。

         

  • public MyView(Context context)    该构造函数是直接在代码里面进行创建控件的时候调用.如我们创建一个MyView myView=new MyView(this)的时候将会调用该函数。
  • public MyView(Context context, AttributeSet attrs) 个是在xml创建但是没有指定style的时候被调用.多了一个AttributeSet类型的参数，在通过布局文件xml创建一个view时，会把XML内的参数通过AttributeSet带入到View内。
  •  public MyView(Context context, AttributeSet attrs, int defStyleAttr) 构造函数中第三个参数是默认的Style，这里的默认的Style是指它在当前Application或Activity所用的Theme中的默认Style，且只有在明确调用的时候才会生效。
  •  public MyView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) 该构造函数是在api21的时候才添加上的,暂不考虑。

注意：即使你在View中使用了Style这个属性也不会调用三个参数的构造函数，所调用的依旧是两个参数的构造函数。

一般我们在自定义View时候构造函数可以写成这样：

 public MyView(Context context) {
        this(context, null);
    }
    public MyView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

二.自定义命名空间:

      当我们自定义View的时候许多的属性我们当然不希望被写死。例如我自定义了一个圆，这个圆的颜色我更希望不在自定义控件里面写死。而是在使用的时候在布局文件中进行指定这个颜色的时候，我们就需要用到自定义命名空间来对自定义View的属性进行设置了。

步骤1：首先在values文件夹里面新建attrs文件。

                          

步骤2：编写attrs文件，attrs有两种写法.
            ( 1.)针对于单个View自己去定义不同的属性。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--属性申明必须是自定义控件的名称-->
    <declare-styleable name="MyView">
        <!--采用驼峰命名规则,可以随意命名,format是属性的单位-->
        <attr name="roundColor" format="color"></attr>
    </declare-styleable>
</resources>

              ( 2.)如果是有公共的属性部分,可以将属性包含在公共属性部分里面.也就是说公共属性可以被多个自定义控件属性样式使用。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--采用驼峰命名规则,可以随意命名,format是属性的单位-->
    <attr name="roundColor" format="color"></attr>
    <!--属性申明必须是自定义控件的名称-->
    <declare-styleable name="MyView">
        <attr name="roundColor"></attr>
    </declare-styleable>
</resources>

  所有的format类型

  • reference     引用
  • color            颜色
  • boolean       布尔值
  • dimension   尺寸值
  • float            浮点值
  • integer        整型值
  • string          字符串
  • enum          枚举值

步骤3：在布局文件中对自定义的属性进行使用。
           打开布局文件我们可以看到有很多的以xmlns开头的字段。其实这个就是XML name space 的缩写。我们仿照系统定义好的自己来定义一个命名空间。   

android studio写法:          

      xmlns:app="http://schemas.android.com/apk/res-auto"  

eclipse写法:             

xmlns:app="http://schemas.android.com/apk/res/com.dapeng.viewdemo"
  • xmlns：上面说过了是XML name space 的缩写。
  • app  ：是命名空间的名称可随意书写。
  • com.dapeng.viewdemo为本应用的包名。


步骤4：在自定义View中将我们定义好的属性拿到，通过context.obtainStyledAttributes将构造函数中的attrs进行解析出来,就可以拿到相对应的属性。

public MyView(Context context) {
        super(context);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyView);
        int  color = typedArray.getColor(R.styleable.MyView_roundColor, 0XFF00FF00);
        typedArray.recycle();//一定要记得关闭
    }

需要注意是：在我们获取尺寸的时候有三个函数进行使用，我们来看看他们之间的区别。

  • getDimension()是基于当前DisplayMetrics进行转换，获取指定资源id对应的尺寸。文档里并没说这里返回的就是像素，要注意这个函数的返回值是float，像素肯定是int。
  • getDimensionPixelSize()与getDimension()功能类似，不同的是将结果转换为int，并且小数部分四舍五入。
  • getDimensionPixelOffset()与getDimension()功能类似，不同的是将结果转换为int，并且偏移转换（offset conversion，函数命名中的offset是这个意思）是直接截断小数位，即取整（其实就是把float强制转化为int，注意不是四舍五入哦）。

由此可见，这三个函数返回的都是绝对尺寸，而不是相对尺寸（dp\sp等）。如果getDimension()返回结果是20.5f，那么getDimensionPixelSize()返回结果就是21，getDimensionPixelOffset()返回结果就是20。

理论知识讲的有点多,可能有点空洞,下面通过一个小的例子,来测试一下我们的命名空间是否可以正常使用.

例子:我们自定义一个View，这个View的形状是一个圆形,并且我们不希望将圆的颜色写死，可以在布局文件中进行设置。

其他的我们都先不管，只是测试一下自定义命名空间。

步骤1：创建一个View继承自View.并且重写它的构造函数。

public class MyView extends View {
    public MyView(Context context) {
        this(context, null);
    }
    public MyView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
}

 步骤2：在Values文件夹下面创建一个attrs的文件,写上自定义的属性. 。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--属性申明必须是自定义控件的名称-->
    <declare-styleable name="MyView">
        <!--采用驼峰命名规则,可以随意命名,format是属性的单位-->
        <attr name="roundColor" format="color"></attr>
        <attr name="radius" format="dimension"></attr>
    </declare-styleable>
</resources>

步骤3：在布局文件中进行引用自定义命名空间，这里给设置的颜色是橘黄色。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.dapeng.viewdemo.MainActivity">
    <com.dapeng.viewdemo.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_red_light"
        app:roundColor="@android:color/holo_blue_bright"
        app:radius="50dp"
        />
</RelativeLayout>

步骤4：在自定义View中设置我们自定义的属性。

public class MyView extends View {
    private int mColor;
    private Paint mP;
    private float mRadius;
    public MyView(Context context) {
        this(context, null);
    }
    public MyView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //拿到自定义属性
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyView);
        mColor = typedArray.getColor(R.styleable.MyView_roundColor, 0XFF00FF00);
        mRadius = typedArray.getDimension(R.styleable.MyView_radius, 50);
        //回收资源
        typedArray.recycle();
        //创建画笔
        mP = new Paint();
        //设置画笔颜色
        mP.setColor(mColor);
        //设置抗锯齿
        mP.setAntiAlias(true);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //画圆
        canvas.drawCircle(mRadius, mRadius, mRadius, mP);
    }
}

Ok代码书写完毕,我们来看看实现的效果是怎么样的。
                              

如果将颜色设置为蓝色就是如下效果：

                                              

当然,这里只是实现了自定义控件的一小部分功能,接着我们来看看一个问题：我们将我们自定义控件的background设置为红色来看看效果，这里控件都是设置包裹内容的。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.dapeng.viewdemo.MainActivity">
    <com.dapeng.viewdemo.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_red_light"
        app:roundColor="@android:color/holo_blue_bright"
        />
</RelativeLayout>

效果如下图所示:

看到这个效果可能会有点奇怪了，明明我设置的控件大小是包裹内容的，为什么控件确占满了整个父窗体?带着这样的疑问我们接下来学习，自定义控件的另外一个非常重要的函数:onmeasure()。

三.onMeasure()测量。

如果自定义View时，layout_widht和layout_height是match_parent或具体的xxxdp，说明此时的View的大小是确定的，我们可以直接调用setMeasuredDimension()方法，设置ViewGroup的宽高即可。如果是view的宽高都是wrap_content，如果不重写 onMeasure() 方法，系统则会不知道该默认多大尺寸，就会默认填充整个父布局，所以，重写 onMeasure() 方法的目的，主要的作用就是处理自定义VIew的时候如果宽高是wrap_content的时候，确定该View的大小的功能。

  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

调用此方法会传进来的两个参数：int widthMeasureSpec，int heightMeasureSpec。

他们是父类传递过来给当前view的一个建议值。即把当前view的尺寸设置为宽widthMeasureSpec，高heightMeasureSpec。虽然表面上看起来他们是int类型的数字，其实他们是由mode+size两部分组成的。 widthMeasureSpec和heightMeasureSpec转化成二进制数字表示，他们都是30位的。前两位代表mode(测量模   式)，后面28位才是他们的实际数值（size）。 

MeasureSpec.getMode()获取模式

MeasureSpec.getSize()获取尺寸  

 mode的值有三种为:

  • EXACTLY：表示设置了精确的值，一般当childView设置其宽、高为精确值(也就是我们在布局文件中设定的值如50dp)、match_parent时，ViewGroup会将其设置为EXACTLY；
  • AT_MOST：表示子布局被限制在一个最大值内，一般当childView设置其宽、高为wrap_content时，ViewGroup会将其设置为AT_MOST；
  • UNSPECIFIED：表示子布局想要多大就多大，一般出现在AadapterView的item的heightMode中、ScrollView的childView的heightMode中；此种模式比较少见。

我们需要判断当布局文件中设置控件为包裹内容的时候，控件的大小的值就可以了。因此重写onmeasure()方法如下:

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取测量的模式
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        //获取测量的值
        int withSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        //设置控件的大小
        setMeasuredDimension(widthMode == MeasureSpec.AT_MOST ? (int) mRadius * 2 : withSize, heightMode == MeasureSpec.AT_MOST ? (int) mRadius * 2 : heightSize);
    }

设置成功以后,直接将工程运行起来就可以看到效果了:

上面的例子都是演示的画圆。如果想画其他的形状应该怎么办呢?我们需要通过重写onDraw() 方法对控件重写进行绘制就可以了。

四.onSizeChanged

在 onSizeChanged() 方法调用后，View 的宽高也就确定了。

五.View的绘制.

1.Ondraw()方法。

draw就是画的意思从字面意思我们也可以知道，通过重写该方法我们可以对绘制出相关的控件。那么绘制的时候在是在什么上面进行绘制呢?我们先来重写ondraw()看看：

Paint paint = new Paint();

@Override
protected void onDraw(Canvas canvas) {  
    super.onDraw(canvas);

    // 绘制一个圆
    canvas.drawCircle(100, 100, 100, paint);
}

我们可以看到通过重写ondraw()会传过来一个Canvas类，这个类实际上就是一块儿画布，我们可以创建画笔在上面进行绘图。

2.Canvas画布。

Canvas相当于一个画布，你可以在里面画很多东西。Canvas可以绘制的对象有：弧线(arcs)、填充颜色(argb和color)、 Bitmap、圆(circle和oval)、点(point)、线(line)、矩形(Rect)、图片(Picture)、圆角矩形 (RoundRect)、文本(text)、顶点(Vertices)、路径(path)。通过组合这些对象我们可以画出一些简单有趣的界面出来，但是光有这些功能还是不够的，如果我要画一个仪表盘(数字围绕显示在一个圆圈中)呢？ 幸好Android还提供了一些对Canvas位置转换的方法：rorate、scale、translate、skew(扭曲)等，而且它允许你通过获得它的转换矩阵对象(getMatrix方法) 直接操作它。这些操作就像是虽然你的笔还是原来的地方画，但是画纸旋转或者移动了，所以你画的东西的方位就产生变化。为了方便一些转换操作，Canvas 还提供了保存和回滚属性的方法(save和restore)，比如你可以先保存目前画纸的位置(save)，然后旋转90度，向下移动100像素后画一些图形，画完后调用restore方法返回到刚才保存的位置。

（1.）canvas画简单的图形。

画圆:canvas.drawCircle(float centerX, float centerY, float radius,Paint paint)：前两个参数 centerX centerY 是圆心的X轴和Y轴坐标，第三个参数 radius 是圆的半径，单位都是像素。

 canvas.drawCircle(100, 100, 90, paint);

画弧形:canvas.drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter,Paint paint)；

 //绘制弧线区域   
    //先要绘制矩形                                                                                                                              
    RectF rect = new RectF(0, 0, 100, 100);   
                                                                                                                                  
    canvas.drawArc(rect, //弧线所使用的矩形区域大小   
            270,  //弧形的起始角度（x 轴的正向，即正右的方向，是 0 度的位置；顺时针为正角度，逆时针为负角度）  
            90, //扫过的角度   
            true, //是否连接到圆心，如果不连接到圆心，就是弧形，如果连接到圆心，就是扇形 
            paint); //画笔

颜色填充:canvas.drawColor(int color)：会把整个区域染成纯色，覆盖掉原有内容； 

 canvas.drawColor(Color.BLUE);

画一条线:canvas.drawLine()：分别是线的起点和终点坐标。

canvas.drawLine(10,//x起点位置
                10, //y起点位置
                100, //x终点位置
                100, //y终点位置
                paint); //画笔

画多条直线：drawLines(float[] pts, int offset, int count, Paint paint) 

画多条直线：drawLines(float[] pts, Paint paint)

 

画椭圆:canvas.drawOval(oval, paint)；

                                                                                                                             
    //定义一个矩形区域   
    RectF oval = new RectF(0,0,200,300);   
    //矩形区域内切椭圆   
    canvas.drawOval(oval, paint);

画带有弧度的文字:canvas.drawPosText();

//按照既定点 绘制文本内容   
    canvas.drawPosText("Android", new float[]{   
            10,10, //第一个字母在坐标10,10   
            20,20, //第二个字母在坐标20,20   
            30,30, //....   
            40,40,   
            50,50,   
            60,60,   
            70,70,   
    }, paint);

画矩形:canvas.drawRect()：矩形四条边的坐标。

 RectF rect = new RectF(50, 50, 200, 200);   
                                                                                                                                  
        canvas.drawRect(rect, paint);

画带有弧度的矩形:canvas.drawRoundRect()：left, top, right, bottom 是四条边的坐标，rx 和 ry 是圆角的横向半径和纵向半径

  RectF rect = new RectF(50, 50, 200, 200);   
                                                                                                                                  
    canvas.drawRoundRect(rect,   
                        30, //x轴的半径   
                        30, //y轴的半径   
                        paint);

（1.）canvas画复杂的图形。Path不仅能够绘制简单图形，也可以绘制这些比较复杂的图形。

lineTo (float x, float y)：从某个点到参数坐标点之间连一条线。

moveTo (float x, float y)：移动下一次操作的起点位置，只改变下次操作的起点。

rMoveTo(float x, float y)/rLineTo(float x, float y)：不带r的方法是基于原点的坐标系(偏移量)， rXxx方法是基于当前点坐标系(偏移量)。

reset（）：清除Path中的内容。

setLastPoint (float dx, float dy)：设置之前操作的最后一个点位置。

close （）：用于连接当前最后一个点和最初的一个点(如果两个点不重合的话)，最终形成一个封闭的图形。

addXxx（）在Path中添加基本图形：

画封闭的图形:

  Path path = new Path(); //定义一条路径   
    path.moveTo(10, 10); //移动到 坐标10,10   
    path.lineTo(50, 60);   
    path.lineTo(200,80);   
    path.lineTo(10, 10);   
                                                                                                                                  
    canvas.drawPath(path, paint);

画文字跟随一条线:

  Path path = new Path(); //定义一条路径   
            path.moveTo(10, 10); //移动到 坐标10,10   
            path.lineTo(50, 60);   
            path.lineTo(200,80);   
            path.lineTo(10, 10);                                                                                                                                 
            canvas.drawTextOnPath("Android", path, 10, 10, paint);

画图片：

drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

canvas的操作方法：

canvas.translate(float dx, float dy)：移动坐标系到到x，y坐标点，位移是基于当前位置移动，而不是每次基于屏幕左上角的(0,0)点移动。

public void scale (float sx, float sy) / public final void scale (float sx, float sy, float px, float py)：将画纸缩放，x轴和y轴的缩放比例，px和py用来控制缩放中心位置。

public void rotate (float degrees) / public final void rotate (float degrees, float px, float py)：将画纸进行旋转一定的角度，默认的旋转中心依旧是坐标原点，degrees是旋转的角度，px和py是控制旋转中心点的位置。

canvas.rotate(360 / count,//旋转的角度 
                        0f, x轴的坐标
                        0f); //旋转画纸
canvas.translate(200, 200); //将位置移动画纸的坐标点到x为200,y为200
canvas.save();              //保存画布的状态
canvas.restore();           //回滚画布的状态

canvas.save()和canvas.restore()是两个相互匹配出现的，作用是用来保存画布的状态和取出保存的状态的。

当我们对画布进行旋转，缩放，平移等操作的时候其实我们是想对特定的元素进行操作，比如图片，一个矩形等，但是当你用canvas的方法来进行这些操作的时候，其实是对整个画布进行了操作，那么之后在画布上的元素都会受到影响，所以我们在操作之前调用canvas.save()来保存画布当前的状态，当操作之后取出之前保存过的状态，这样就不会对其他的元素进行影响.

3.画笔Paint

画笔有三种模式：

STROKE                //描边
FILL                  //填充
FILL_AND_STROKE       //描边加填充

　　从上面列举的几个Canvas.drawXxx()的方法看到，其中都有一个类型为paint的参数，可以把它理解为一个"画笔"，通过这个画笔，在Canvas这张画布上作画。 它位于"android.graphics.Paint"包下，主要用于设置绘图风格，包括画笔颜色、画笔粗细、填充风格等。

　　Paint中提供了大量设置绘图风格的方法，这里仅列出一些常用的:

  • setARGB(int a,int r,int g,int b)：设置ARGB颜色。
  • setColor(int color)：设置颜色。
  • setAlpha(int a)：设置透明度。
  • setPathEffect(PathEffect effect)：设置绘制路径时的路径效果。
  • setShader(Shader shader)：设置Paint的填充效果。
  • setAntiAlias(boolean aa)：设置是否抗锯齿。
  • setStrokeWidth(float width)：设置Paint的笔触宽度。
  • setStyle(Paint.Style style)：设置Paint的填充风格。
  • setTextSize(float textSize)：设置绘制文本时的文字大小。

 

4.invalidate()和postInvalidate()的区别

通过上面的讲解,我在自定义一个静态的View已经是一件非常容易的事情了。但是我们使用的自定义的View有很多是需要根据一个变量去不断绘制的，这个时候就引出了新的函数invalidate()和postinvalidate()，使用此函数可以使得ondraw()不断的去执行从而达到不断绘制的效果。

Android中实现view的更新有两组方法，一组是invalidate，另一组是postInvalidate，其中前者是在UI线程自身中使用，而后者在非UI线程中使用。

接下来通过一个稍微综合一点的例子来对自定义View做一个总结:

                            

我们先来分析一下,这个效果实际上就是外面是不断的去绘制一个扇形,然后中间盖了一个小的圆:

好了,接下来我们来讲一讲实现的步骤:

步骤一:首先定义attrs文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="ProgressView">
        <attr name="smallRoundColor" format="color"></attr>
        <attr name="smallRoundRadius" format="dimension"></attr>
        <attr name="arcRadius" format="dimension"></attr>
        <attr name="arcColor" format="color"></attr>
        <attr name="textColor" format="color"></attr>
        <attr name="textSize" format="dimension"></attr>
    </declare-styleable>
</resources>

步骤二:编写自定义View:

public class ProgressView extends View {
    private float mArcRadius;
    private float mSmallRoundRadius;
    private int mArcColor;
    private int mSmallRoundColor;
    private Paint mRoundpaint;
    private Paint mArcpaint;
    private float sweepAngle;
    private int mTextColor;
    private Paint mTextPaint;
    private int mTextSize;
    public ProgressView(Context context) {
        this(context, null);
    }
    public ProgressView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public ProgressView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.ProgressView);
        //扇形半径
        mArcRadius = array.getDimension(R.styleable.ProgressView_arcRadius, 50);
        //小圆半径
        mSmallRoundRadius = array.getDimension(R.styleable.ProgressView_smallRoundRadius, 50);
        //扇形颜色
        mArcColor = array.getColor(R.styleable.ProgressView_arcColor, 0XFF00FF00);
        //小圆颜色
        mSmallRoundColor = array.getColor(R.styleable.ProgressView_smallRoundColor, 0XFF00FF00);
        //百分比字体颜色
        mTextColor = array.getColor(R.styleable.ProgressView_textColor, 0XFF00FF00);
        //百分比字体大小
        mTextSize = array.getDimensionPixelSize(R.styleable.ProgressView_textSize, 15);
        //释放资源
        array.recycle();
        //画圆的画笔
        mRoundpaint = new Paint();
        mRoundpaint.setColor(mSmallRoundColor);
        mRoundpaint.setAntiAlias(true);
        //画扇形的画笔
        mArcpaint = new Paint();
        mArcpaint.setColor(mArcColor);
        mArcpaint.setAntiAlias(true);
        //绘制中间文字部分的画笔文本
        mTextPaint = new Paint();
        mTextPaint.setColor(mTextColor);
        mTextPaint.setAntiAlias(true);
        mTextPaint.setTextSize(mTextSize);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //设置View的大小
        int withMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int withSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightsize = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(withMode == MeasureSpec.AT_MOST ? (int) mArcRadius * 2 : withSize, heightMode == MeasureSpec.AT_MOST ? (int) mArcRadius * 2 : heightsize);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        //画圆弧
        RectF rect = new RectF(0, 0, (int) mArcRadius * 2, (int) mArcRadius * 2);
        canvas.drawArc(rect, 270, (float) (sweepAngle * 3.6), true, mArcpaint);
        //画小圆
        canvas.drawCircle(mArcRadius, mArcRadius, mSmallRoundRadius, mRoundpaint);
        String text = (int) (sweepAngle) + "%";
        float textLength = mTextPaint.measureText(text);
        //把文本画在圆心居中
        canvas.drawText(text, mArcRadius - textLength / 2, mArcRadius, mTextPaint);
        super.onDraw(canvas);
    }
    //提供一个给外界的方法可以不断的去设置扇形的弧度
    public void percent(float sweepAngle) {
        if (sweepAngle <= 100) {
            this.sweepAngle = sweepAngle;
            //刷新界面
            postInvalidate();
        }
    }
}

步骤三:在布局文件中进行使用:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.dapeng.viewdemo.SecondActivity">
    <com.dapeng.viewdemo.ProgressView
        android:id="@+id/pv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:arcColor="@android:color/holo_blue_bright"
        app:arcRadius="120dp"
        app:textSize="20sp"
        app:smallRoundColor="@android:color/transparent"
        app:textColor="@android:color/holo_orange_light"
        app:smallRoundRadius="100dp"/>
    <Button
        android:id="@+id/btn"
        android:text="开始绘制"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
</RelativeLayout>

步骤四:在需要用到的地方模拟数据去使用自定义的View.

public class SecondActivity extends AppCompatActivity {
    private int mTotalProgress;
    private int mCurrentProgress;
    private ProgressView mPv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        mPv = (ProgressView) findViewById(R.id.pv);
        initVariable();
        findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mCurrentProgress=0;
                new Thread(new ProgressRunable()).start();
            }
        });
    }
    private void initVariable() {
        mTotalProgress = 100;
        mCurrentProgress = 0;
    }
    class ProgressRunable implements Runnable {
        @Override
        public void run() {
            while (mCurrentProgress < mTotalProgress) {
                mCurrentProgress += 1;
                mPv.percent((float) mCurrentProgress);
                try {
                    Thread.sleep(50);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }
    }
}

六.Onlayout

layout()过程，对于View来说用来计算View的位置参数，对于ViewGroup来说，除了要测量自身位置，还需要测量子View的位置。一般在使用自定义ViewGroup用此函数比较多。

PalmerYang
关注
专栏目录
超全的Android面经_安卓面经（20/30）之自定义View全解析
a763450633的博客
02-08 1081
自定义View在日常的开发中，用到的频率非常高，面试中主要会考察平时自定义View的实战，我们看看面试官可能会问什么吧：
Android 自定义View的构造函数详细介绍
08-31
主要介绍了Android 自定义View的构造函数详细介绍的相关资料,这里对构造函数进行了对比按需使用，需要的朋友可以参考下
Android 自定义view的知识梳理。
hao_qi
03-13 457
关于越来越多的新手找不到自定义view的学习资料或者无法学会自定义view。 本篇专门讲解一下初级进阶必经之路，自定义view。。 我们先把自定义View细分一下，分为两种  A 自定义ViewGroup  B 自定义View ViewGroup 就是个容器， 简单自定义我们一般采用继承特殊view或者ViewGroup 的方式。
Android onSizeChanged onLayout
最新发布
weixin_40691505的博客
08-26 53
我整理的一些关于【Java,HA】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/f2PFnNAndroid开发中的 onSizeChanged 和 onLayout 在Android应用程序开发中，处理视图（View）布局是一个重要的任务。视图的尺寸和布局将在很大程度上影响...
关于Android自定义view 你所需要知道的基本函数
weixin_30733003的博客
01-09 117
开始时之前想吐槽一句。。iphone的闹钟，12小时制。我成功的把闹钟订到了下午5:00 导致错过一班飞机。心疼改签费。 候机ing，没有事做，来写一下学习自定义view必须掌握的基本函数。这里只挑一些常用的进行讲解。 首先 往Canvas上面draw需要一个Paint。 画笔常用的函数有哪些呢。由于木有调试环境，函数基本上默写，有错请评论提出，蟹蟹！ Paint p...
自定义view画图
a87110038的博客
06-08 304
在实现自定义View之前，有必要掌握Android中画图的相关类的使用方法，这是自定义各种酷炫界面的基础。主要使用到以下两个类： 画笔：Paint 画布：Canvas 1. Android中的Paint和Canvas的概念和使用方法 Android中的Paint和Canvas的概念是很简单的，就是我们用画笔在画布上进行绘制，没什么难度的，我们只要拿到画笔Paint和画布C...
android 自定义view常用的类,Android自定义view常用类和方法说明
weixin_39777543的博客
05-25 89
Canvas常用方法绘制方法drawLine：画一条线，drawPath：绘制传入的路径drawColor：是直接将View显示区域用某个颜色填充满drawRect drawRoundRect drawBitmap drawText drawCircle drawPoint等等这些方法都和drawLine一样根据方法名就可以看出绘制的内容，按照需要传入参数即可其他方法translate：平移sca...
RainyView-Android 自定义View之下雨动画 效果.zip
09-24
这里有很多自定义view可以参考思路思路比较简单，整个view无非两样东西云雨滴这里又包含两部分动画，一部分是云的左右移动动画，一部分是雨滴移动动画 那我们这里可以自定义一些属性，如果对自定义属性还不太了解的...
《HenCoder Android 开发进阶：自定义 View 1-5 绘制顺序》 的练习项目.zip
03-10
为了满足广大Android开发爱好者与从业者的学习需求，我们精心整理并上传了一份全面而实用的Android项目资源包。这份资源包内容丰富，涵盖了从基础知识到实战应用的全方位内容，旨在为开发者们提供一个便捷、高效的...
Android自定义View实现可以拖拽的GridView
09-02
在Android开发中，自定义View是提升用户体验和实现复杂功能的重要手段。本文将详细讲解如何实现一个可拖拽的GridView，即用户可以通过触摸并拖动来重新排列GridView中的元素。这个功能可以用于创建高度定制化的列表...
arcs编辑器
01-13
可以用来编辑apk软件 更改apk应用程序在安卓手机上的名称
Android自定义view常用类和方法说明
lebulangzhen的博客
06-19 424
Canvas常用方法 绘制方法 drawLine：画一条线， drawPath：绘制传入的路径 drawColor：是直接将View显示区域用某个颜色填充满 drawRect drawRoundRect drawBitmap drawText drawCircle drawPoint等等 这些方法都和drawLine一样根据方法名就可以看出绘制的内容，按照需要传入参数即可 其他方法 translate：平移 scale：缩放 rotate：旋转 save：将当前的状态保存 restore：取出原来所保存的
android可以定义函数吗,Android自定义view 你所需要知道的基本函数总结
weixin_39635648的博客
05-25 193
Android自定义view 你所需要知道的基本函数首先 往Canvas上面draw需要一个Paint。 画笔常用的函数有哪些呢。由于木有调试环境，函数基本上默写，有错请评论提出，蟹蟹！Paint p = new Paint();//设置画笔的颜色p.setColor(Color.parseColor("#2EA4F2"));//设置画笔的风格：全部填充FILL 只画轮廓STROKEp.setS...
自定义View绘制一个圆
jingerlovexiaojie的博客
05-09 723
继承View重写onDraw方法 首先实现一个很简单的自定义控件，绘制一个圆。 public class CircleView extends View { private Paint paint; public CircleView(Context context) { super(context); init(); } public CircleView(Context context, @Nullable Attribute
android开发如何自定义view,Android 中自定义View(一)
weixin_39684454的博客
05-25 201
我们在使用各种App时都会看到好多漂亮的效果,说实话有的效果真的很好看,所以觉得能写出这些效果的人都好厉害的说,自定义View 在Android 进阶相关的图书中都是必会内容,我也一直看过大概的自定义View 的内容,看过之后还是觉得不够详细,上手还是抓瞎. 刚好网上 扔物线 大神 写了一个自定义view 的详细教程. http://hencoder.com/ui-1-1/ .如果想学习自定义V...
android 自定义View知识点总结
z936689039的博客
09-08 217
参考文章：https://www.jianshu.com/p/705a6cb6bfee，结合自己的理解搞得 分类 自定义View的实现方式有以下几种 类型 定义 自定义组合控件 多个控件组合成为一个新的控件，方便多处复用 继承系统View控件 继承自TextView等系统控件，在系统控件的基础功能上进行扩展 继承View 不复用系统控件逻辑，继承View进行功能定义 继承系统ViewGroup 继承自LinearLayout等系统控件，在系统控件的基础
Android：你要了解的自定义View基础概念都在这里了！
鸿蒙开发知识记录
07-09 449
前言： 现组建了一个Android的水友圈，进群可免费领取Android的高级UI及跨平台技术，还有jvm性能优化，APP小程序源码等资料；有从初始Android到Android进阶视频学习，包括Android开源实战，文末有进圈方式。 View基础概念 1. 视图（View） 定义 视图（View）表现为显示在屏幕上的各种视图，如TextView、LinearLayout等。 2. 视图（View） 分类 View主要分为两类： a. 单一视图（View）：即一个View，如TextView，
Android 手把手进阶自定义View（一）- 基础绘制
lerendan的博客
03-21 567
一、基础准备 1.1 自定义View相关API 首先来学一下自定义 View 基本的 API，推荐看看下面这两篇博客，介绍得非常详细： HenCoder Android 开发进阶: 自定义 View 1-1 绘制基础HenCoder Android 开发进阶: 自定义 View 1-2 Paint 详解 1.2 三角函数相关知识 三角函数属于基本数学的范畴，这里我们重新回顾三角函...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值