android 在使用ViewAnimationUtils.createCircularReveal()无法兼容低版本的情况下,另行实现圆形scale动画

ViewAnimationUtils.createCircularReveal()的简介:

      ViewAnimationUtils.createCircularReveal()是安卓5.0才引入的,快速实现圆形缩放动画的api,效果如下图所示:

如果要在你的程序中使用它,必须要设置最低的 api 版本是 21,往下版本的,在运行程序的时候就会抛出 .createCircularReveal() not found

异常。其源码如下:

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

第一个参数view:是你要进行圆形缩放的 view;

第二和第三个参数:分别是开始缩放点的 x 和 y 坐标;

第四和第五:分别是开始的半径和结束的半径。

在兼容低版本下模仿实现上述效果:

      实现思路:

           1-》实现圆形,使用 xml 自定义背景,实现圆形,再设置到 view ;

           2-》使用传统的 scaleX 和 scaleY ,在所要缩放的 view 里同时实现缩放。

shape 代码:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     android:shape="oval"
 5     android:useLevel="false">
 6     <!--oval是 shape的属性之一,意思是 椭圆-->
 7     <!--solid 是shape 的孩子之一,作用是实现填充-->
 8     <solid android:color="#ff49fdfa"/>
 9     <!--size 也是shape 的孩子之一,作用是实现 长宽限制-->
10     <size
11         android:width="300dp"
12         android:height="300dp" />
13 </shape>

布局代码:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="vertical"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent">
 6 
 7     <LinearLayout
 8         android:id="@+id/linearTestScale"
 9         android:orientation="vertical"
10         android:layout_width="10dp"
11         android:background="@drawable/a"
12         android:layout_height="10dp">
13 
14         </LinearLayout>
15     <Button
16         android:id="@+id/btnTestScale"
17         android:text="xxx"
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         />
21 </LinearLayout>

java代码:

 1 package com.LGH.ui.activity;
 2 
 3 import android.animation.AnimatorSet;
 4 import android.animation.ObjectAnimator;
 5 import android.app.Activity;
 6 import android.os.Bundle;
 7 import android.view.View;
 8 import android.view.animation.LinearInterpolator;
 9 import android.widget.Button;
10 import android.widget.LinearLayout;
11 
12 import io.github.froger.instamaterial.R;
13 
14 /**
15  * Created by Administrator on 2015/6/29.
16  */
17 public class test extends Activity{
18 
19     Button btnTestScale;
20     LinearLayout linearTestScale;
21 
22     @Override
23     protected void onCreate(Bundle savedInstanceState) {
24         super.onCreate(savedInstanceState);
25         setContentView(R.layout.test);
26         btnTestScale = (Button) findViewById(R.id.a);
27         linearTestScale = (LinearLayout) findViewById(R.id.aaa);
28         btnTestScale.setOnClickListener(new View.OnClickListener() {
29             @Override
30             public void onClick(View v) {
31                 ObjectAnimator revealAnimator = ObjectAnimator.ofFloat( //缩放X 轴的
32                         linearTestScale, "scaleX", 0, 200);
33                 ObjectAnimator revealAnimator1 = ObjectAnimator.ofFloat(//缩放Y 轴的
34                         linearTestScale, "scaleY", 0, 200);
35                 AnimatorSet set = new AnimatorSet();
36                 set.setDuration(500);//设置播放时间
37                 set.setInterpolator(new LinearInterpolator());//设置播放模式,这里是平常模式
38                 set.playTogether(revealAnimator, revealAnimator1);//设置一起播放
39                 set.start();
40             }
41         });
42     }
43 }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏菩提树下的杨过

silverlight:贝塞尔曲线

Silverlight并没有象flash那样直接提供画线、画圆、画曲线的方法,只能用Path来生成贝塞尔曲线。 下面是示例代码: XAML部分: <UserCo...

17410
来自专栏开发之途

Android ImageView的Tint属性

1414
来自专栏向治洪

React Native 自定义控件之验证码和Toast

React Native通过近两年的迭代和维护,最新版本已经到了0.45.1。 话说回来,尽管迭代的挺快,但还是有很多坑,很多基础的组件和API还是不完善。 今...

6275
来自专栏向治洪

React Native 自定义控件专题

React Native通过近两年的迭代和维护,最新版本已经到了0.45.1,关于最新版本的介绍请查看我之前的博客:0.45新特性。话说回来,尽管迭代的挺快,但...

2346
来自专栏木子昭的博客

几个好玩的flex布局案例Flex是个不错的东西,看懂上面三个Demo也就算入门了,如果要了解更全面的内容, 推荐阮一峰老师的 Flex 布局教程语法篇

弹性盒子布局flex,为自适应布局而生 弹性盒子布局的选项很多(选项越多->越专业->越难记), 但对于普通的开发者,只要记住两三个关键词,就能满足大多数的需...

4326
来自专栏非著名程序员

基础篇章:关于 React Native 之 RefreshControl 组件的讲解

(友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) 我们已经讲完了 ScrollView 和 L...

1865
来自专栏移动开发

一个简单的ReactNative demo

本人非前端,请轻喷 ReactNative版本:0.31 github:https://github.com/X-FAN/reactnativelear...

663
来自专栏Felix的技术分享

滑动卡片式效果

1934
来自专栏菩提树下的杨过

Flash/Flex学习笔记(55):背面剔除与 3D 灯光

Animation in ActionScript3.0 这本书总算快学完了,今天继续:上一回Flash/Flex学习笔记(50):3D线条与填充 里,我们知道...

2078
来自专栏c#开发者

FACEBOOK STYLE SLIDE OUT MENU IN JQUERY MOBILE

I wanted to recreate the slide out menu in the Facebook iPhone app. I also wante...

3218

扫码关注云+社区