一个执行动画的帮助类,让开发者只关心动画的结果,而不关心动画的过程
如果开发过ios,一定UIView.animateWithDuration这个函数不陌生,这是对它的简单实现
compile 'com.ciy:CAnimation:1.0.1'<dependency> <groupId>com.ciy</groupId> <artifactId>CAnimation</artifactId> <version>1.0.1</version> <type>pom</type> </dependency>
<LinearLayout 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" android:orientation="vertical" tools:context="com.example.chenlei.canimation_githun_demo.MainActivity"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#fff" android:textSize="20sp" android:textStyle="bold" android:text="Test"/> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="开始"/> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="还原"/> <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="卸载字体颜色支持"/> <Button android:id="@+id/button4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="加载字体颜色支持"/> </LinearLayout> CAnimationHelp cah = new CAnimationHelp(this); mButton1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { cah.startWithDuration(2000, new COnExecutionFinshListener() { @Override public void onExecution() { ViewGroup.LayoutParams lp = mTextView1.getLayoutParams(); lp.width = 600; lp.height = 300; mTextView1.setLayoutParams(lp); mTextView1.setBackgroundColor(Color.RED); mTextView1.setTextColor(Color.GREEN); } }); } }); 在button1的单击事件里面,我们调用了CAnimationHel对象的一个startWithDuration方法,传递了2个参数
第一个参数 代表持续的时间
第二个参数 传递了一个匿名类,实现了一个onExecution方法,在里面设置了textView的高宽,背景色变红,字体颜色变绿
中间的过渡动画全部由框架实现,是不是很奇妙
那自然就知道button2里面写了什么代码
mButton2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { cah.startWithDuration(2000, new COnExecutionFinshListener() { @Override public void onExecution() { ViewGroup.LayoutParams lp = mTextView1.getLayoutParams(); lp.width = ViewGroup.LayoutParams.WRAP_CONTENT; lp.height = ViewGroup.LayoutParams.WRAP_CONTENT; mTextView1.setLayoutParams(lp); mTextView1.setBackgroundColor(Color.YELLOW); mTextView1.setTextColor(Color.RED); } }, new BounceInterpolator()); } }); 不同的是,在startWithDuration1方法中传递了第三个参数,一定不会陌生,让动画有了回弹的效果
其实原理很Low,就是监测页面上的哪些view改变了哪些属性,然后框架在逐步的完成,所以只支持以下属性
-
Alpha透明度 -
BackgroupColor背景色 -
Left,Top,Right,Bottom边界 -
MarginStart,MarginEnd,MarginLeft,MarginTop,MarginRight,MarginBottom外边距 -
PaddingStart,PaddingEnd,PaddingLeft,PaddingTop,PaddingBottom,PaddingBottom内边距 -
Rotation,RotationX,RotationY旋转 -
ScaleX,ScalY缩放 -
TextColor字体颜色 -
TextSize字体大小 -
TranslateX,TranslatY,TranslatZ移动 -
Visibility可见度 -
LayoutParams.Width,LayoutParams.Height高宽
先看看效果
先看看button3,button4是如何卸载和加载字体颜色的支持的
mButton3.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //卸载字体颜色支持 CAnimationHelp.mViewAttrClass.remove(CTextColorViewAttr.class); } }); mButton4.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //加载字体颜色支持 CAnimationHelp.mViewAttrClass.add(CTextColorViewAttr.class); } }); 非常简单,就是普通的列表函数,这样,如果有你不喜欢的扩展支持也可以删除,那如果我有很多自定义的view,都是自定义的属性,该怎么办,所以我们尝试如何添加扩展吧
就假设添加一个支持字体颜色的扩展吧,我们已经有了,所以直接看把.
public class CTextColorViewAttr extends CViewAttr<Integer> { @Override public Integer getAttrValue(View view) { TextView tv = (TextView) view; return tv.getCurrentTextColor(); } @Override public void attrProgress(int progress, View view) { TextView tv = (TextView) view; //计算原来和现在属性的差距 int currentAttrValue = getCurrentAttrValue(); int previousAttrValue = getPreviousAttrValue(); tv.setTextColor(CViewAttrUtil.transitionColor(progress / 100.00f, previousAttrValue, currentAttrValue)); } @Override public void setAttrValue(View view, Integer value) { TextView tv = (TextView) view; tv.setTextColor(value); } @Override public boolean isMatching(View view) { return view instanceof TextView; } }如果需要添加属性的扩展,那么需要继承CViewAttr这个类,指定一个属性返回类型的泛型.然后需要实现实现以下几个方法.
getAttrValue(View) 这个方法用来返回需要监测的属性的值 (必须重写)
setAttrValue(View,Value) 如何设置属性值 (必须重写)
isMatching(View) 是否匹配属性,因为一些属性并不是全部的view都有的,所以这里进行匹配 (不一定要重写)
attrProgress(progress,View) 这里是动画更新进度会触发的方法,第一个参数progress表示进度,从0-100.如果属性的值是一个直线函数的变化,那么框架默认实现了,那如果你属性的值根据进度会进行不按套路的变化的话,请重写这个方法
在attrProgress函数中,getCurrentAttrValue()方法是返回要成为的属性值,getPreviousAttrValue()方法是返回原本的属性值
如果要从红色变为黄色,那么getCurrentAttrValue()返回的是黄色的argb值,getPreviousAttrValue()返回的是红色的argb值
这里用了CViewAttrUtil.transitionColor工具类来计算过渡的颜色