Android自定义view半圆形错误提示框和简单动画使用

通过之前的学习我门对自定义view都有很多的了解了，今天我们就做一个实用一点的，半圆形进度提示错误框，并增加简单的摇晃动画，这是一篇往动画的过度，除了这些讲到的动画效果，大家也要自己多写一些例子，锻炼自己的思想。比如绘制一些简单的“自定义进度条”和“自定义折线图”我只是给大家举例一些有代表性的例子，，也是我学习自定义view时练手的例子。好了先看看大纲

1.自定义view单纯的用画笔绘制view（死view）

2.自定义view增加动画
3.自定义view增加手势
4.自定义view手势动画交互这4步让我们一步一步的来探索学习

我把这个顺序给修改了一下，先学给view增加动画，这一片是对自定义view增加动画的过度片，大家一定要好好学。

我把解释都放到代码注释中，直接看代码就行了。

这里与以往不同的是，给自定义view增加了一个 “回调接口”，这个接口的作用是当我们的view绘制完成之后，我们就调用activity中的动画实现晃动效果。

看上图，效果可能不是很明显，gif图截少了。

public class Progress80 extends View {//定义一个接口，当动画结束时调用
    public interface AnimationIsComplete{public void isComplete();

    }//接口
    AnimationIsComplete isComplete;
    //设置接口
    public void setIsComplete(AnimationIsComplete isComplete) {this.isComplete = isComplete;
    }//颜色数组-----作用是让进度条实现渐变颜色
    int [] mColors;

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

        mColors = new int[]{0xFF4081,
                0xFFFFFF00,
                0x303F9F,
                0xFFFF0000,
                0xFF660099,
        };
    }//宽高
    int widthSize;
    int heightSize;
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        widthSize= MeasureSpec.getSize(widthMeasureSpec);
        heightSize= MeasureSpec.getSize(heightMeasureSpec);

        setMeasuredDimension(widthSize,heightSize);
    }int progress = 0;
    int line = 0;
    int line2 =0;
    @Override
    protected void onDraw(Canvas canvas) {super.onDraw(canvas);
        //实现颜色的过度渐变
        Shader s = new SweepGradient(0,0,mColors,null);
        //矩形
        RectF rectF = new RectF(15,15,widthSize-15,heightSize-15);
        Paint paint = new Paint();
        paint.setShader(s);
        paint.setStrokeWidth(10);
        paint.setStyle(Paint.Style.STROKE);
        //绘制圆弧，第三个参数，是从第二个参数的角度算起
        canvas.drawArc(rectF,120,progress,false,paint);

        if (progress<300){progress+=10;
        }if (progress>=300){if ((widthSize-70-line)>70){line +=7 ;

            }else
            if ((widthSize-70-line2)>70){line2 +=7;

                //这里动画结束调用接口
                isComplete.isComplete();
            }//设置线宽
            paint.setStrokeWidth(20);
            //画线
            canvas.drawLine(widthSize-70-line,heightSize-70-line,widthSize-70,heightSize-70,paint);
            canvas.drawLine(widthSize-70,70,widthSize-70-line2,70+line2,paint);
        }//重绘制
        postInvalidate();
    }
}

代码很少都是我们之前讲过的。很简单，最重要的是接下来的几篇，这几篇主要是给自定义view增加动画，这种动画是“属性动画”是ValueAnimator和ObjectAnimator的使用。给view增加动画其实也就这两个类了。这一片是介绍增加我们通常使用的基础动画。

Android自定义view半圆形错误提示框和简单动画使用相关推荐

Android自定义View——仿ViVO X6 极速闪充动画效果
一直都在看自定义View,经过一个星期的坚持,基本上能够写出一些比较实用的控件效果了,今天天气太热,就待在家里玩手机,然后手机没电了,在充电的时候,看到了手机的充电动画,觉得挺酷,然后自己我就仔细的分 ...
Android自定义View（1）——初步实现简单的自定义View
已经有一段时间没有给大家更新博客了,貌似自从学校的实训一开始就一直没有心思去学新的东西和写博客,因为这段时间一直都有很多事情要忙,而且笔者马上就要开始实习工作了,可能心理上也是有一定的压力哈哈.现在事 ...
C语言用循环写出新年祝福语图案,Android自定义View新年烟花、祝福语横幅动画
新年了,项目中要作个动画,整体要求实现彩带乱飞,烟花冲天而起,烟花缩放,小鸡换图,小鸡飘移,横幅裁剪.展开等动画效果,全局大量使用了属性动画来实现. 如下效果图: 我在实现过程中,横幅的裁剪计算,捣腾 ...
Android之自定义view引用xml,Android自定义View在XML中映射错误
Android开发中我们经常会遇到自定义View地址映射错误的情况,现将遇到的情况做下总结: //Android Studio的异常信息 Error inflating class 1.直接像下面这样 ...
[原] Android 自定义View 密码框例子
遵从准则暴露您view中所有影响可见外观的属性或者行为. 通过XML添加和设置样式通过元素的属性来控制其外观和行为,支持和重要事件交流的事件监听器详细步骤见:Android 自定义View步骤 ...
Android 自定义View合集
http://blog.csdn.net/u011507982/article/details/51199644 自定义控件学习 https://github.com/GcsSloop/Androi ...
android自定义view获取控件,android 自定义控件View在Activity中使用findByViewId得到结果为null...
转载:http://blog.csdn.net/xiabing082/article/details/48781489 1. 大家常常自定义view,,然后在xml 中添加该view 组件..如果在 ...
【Android 修炼手册】常用技术篇 -- Android 自定义 View
这是[Android 修炼手册]系列第 9 篇文章,如果还没有看过前面系列文章,欢迎点击这里查看- 预备知识了解 android 基本开发看完本文可以达到什么程度学会自定义 View 以及其 ...
android自定义View学习（一）----创建一个视图类
创建一个视图类精心设计的自定义视图与其他精心设计的类非常相似.它使用易于使用的界面封装了一组特定的功能,它可以高效地使用CPU和内存,等等.不过,作为一个设计良好的班级,自定义视图应该: 符合And ...
Android自定义view之事件传递机制
Android自定义view之事件传递机制在上一篇文章<Android自定义view之measure.layout.draw三大流程>中,我们探讨了一下view的显示过程.不太熟悉的同学 ...

Android自定义view半圆形错误提示框和简单动画使用

Android自定义view半圆形错误提示框和简单动画使用相关推荐

最新文章

热门文章