MaterialDesign系列文章(四)RecealAnimation动画的使用

不怕跌倒，所以飞翔

RevealAnimator动画效果

首先这个动画是在5.0以上的版本才能使用的

• view 作用的View
• centerX 动画开始的中心点X
• centerY 动画开始的中心点Y
• startRadius 动画开始半径
• endRadius 动画结束半径

    public static Animator createCircularReveal(View view,
               int centerX,  int centerY, float startRadius, float endRadius) {
           return new RevealAnimator(view, centerX, centerY, startRadius, endRadius);
     }

[图片上传失败...(image-95eb0a-1510292999859)]

final View oval = this.findViewById(R.id.oval);  
oval.setOnClickListener(new View.OnClickListener() {  
    @Override  
    public void onClick(View v) {  
        Animator animator = ViewAnimationUtils.createCircularReveal(  
                oval,  
                oval.getWidth()/2,  
                oval.getHeight()/2,  
                oval.getWidth(),  
                0);  
        animator.setInterpolator(new AccelerateDecelerateInterpolator());  
        animator.setDuration(2000);  
        animator.start();  
    }  
});  
  
final View rect = this.findViewById(R.id.rect);  
rect.setOnClickListener(new View.OnClickListener() {  
    @Override  
    public void onClick(View v) {  
        Animator animator = ViewAnimationUtils.createCircularReveal(rect, 0, 0, 0,  (float) Math.hypot(rect.getWidth(), rect.getHeight()));  
        animator.setInterpolator(new AccelerateInterpolator());  
        animator.setDuration(2000);  
        animator.start();  
    }  
});  

---

这一系列文章的地址,希望对大家有帮助

• MaterialDesign系列文章(一)转场动画

• MaterialDesign系列文章(二)Theme主题设置

• MaterialDesign系列文章(三)Palette库来获取图片的主要色彩

• MaterialDesign系列文章(四)RecealAnimation动画的使用

• MaterialDesign系列文章(五)ToolBar的使用

• MaterialDesign系列文章(六)沉浸式状态栏的使用

• MaterialDesign系列文章(七)TabLayout的使用

• MaterialDesign系列文章(八)CollapsingToolbarLayout的使用

• MaterialDesign系列文章(九)AppBarLayout的使用

• MaterialDesign系列文章(十)NavigationView和DrawerLayout的使用

• MaterialDesign系列文章(十一)NestedScrollView的使用

• MaterialDesign系列文章(十二)TextInputLayout的使用

• MaterialDesign系列文章(十三)FloatingActionButton的使用

• MaterialDesign系列文章(十四)SnackBar的使用

• MaterialDesign系列文章(十五)BottomSheet的使用

• MaterialDesign系列文章(十六)BottomNavigationView的使用

• MaterialDesign系列文章(十七)Behavior的相关问题

• CoordinatorLayout的分析

项目地址