美文网首页
动画第十一步->在创建后添加控件时应用动画

动画第十一步->在创建后添加控件时应用动画

作者: crossroads | 来源:发表于2016-12-26 11:47 被阅读39次

前言

这里,讲解的是animateLayoutChanges与LayoutTransition的实现方式,所以要求API>=11。

一、使用默认动画

android:animateLayoutChanges=[true/false],所有派生自ViewGroup的控件都具有此属性,只要在XML中添加上这个属性,就能实现添加/删除其中控件时,带有默认动画了。
默认的进入动画就是上部控件下移,然后新添控件透明度从0到1显示出来。默认的退出动画是控件透明度从1变到0消失,下部控件上移

什么时候会有这个动画呢?代码中调用了addView 之类的方法的时候,例如

  private void addButtonView() {  
        Button button = new Button(this);  
        button.setText("button");  
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,  
                ViewGroup.LayoutParams.WRAP_CONTENT);  
        button.setLayoutParams(params);  
        groupView.addView(button, 0);  
    }  
    private void removeButtonView() {  
            groupView.removeViewAt(0);  
    }  

二、使用自定义动画LayoutTransition

  1. 建立LayoutTransaction实例
LayoutTransition transitioner = new LayoutTransition();

2.建立Animator实例,并使用

ObjectAnimator outAnim = ObjectAnimator.ofFloat(null, "rotation", 0f, 200f);
transitioner.setAnimator(LayoutTransition.DISAPPEARING, outAnim);
ObjectAnimator inAnim = ObjectAnimator.ofFloat(null, "rotation", 200f, 0f);
transitioner.setAnimator(LayoutTransition.APPEARING, inAnim);
ObjectAnimator changeAnim = ObjectAnimator.ofPropertyValuesHolder(groupView, 
PropertyValuesHolder.ofInt("left", 0, 600,0),
 PropertyValuesHolder.ofInt("top", 0,0));
transitioner.setAnimator(LayoutTransition.CHANGE_APPEARING, changeAnim);

APPEARING —— 元素在容器中出现时所定义的动画。
**DISAPPEARING **—— 元素在容器中消失时所定义的动画。
CHANGE_APPEARING —— 由于容器中要显现一个新的元素,其它需要变化的元素所应用的动画
CHANGE_DISAPPEARING —— 当容器中某个元素消失,其它需要变化的元素所应用的动画

3.设置进VIEWGROUP

linear.setLayoutTransition(transitioner);

4.调用

public void addButtonView(View view) {
    Button button = new Button(this);
    button.setText("button");
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,            ViewGroup.LayoutParams.WRAP_CONTENT);
    button.setLayoutParams(params);
    groupView.addView(button, 0);
}
public void removeButtonView(View view) {
    groupView.removeViewAt(0);
}

效果:

注意事项,非常重要!!!

1.LayoutTransition.CHANGE_APPEARINGLayoutTransition.CHANGE_DISAPPEARING 必须使用PropertyValuesHolder所构造的动画才会有效果,不然无效!也就是说使用ObjectAnimator构造的动画,在这里是不会有效果的!
2.在构造PropertyValuesHolder动画时,”left””top”属性的变动是必写的。如果不需要变动,则直接写为:

PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left",0,0);  
PropertyValuesHolder pvhTop = PropertyValuesHolder.ofInt("top",0,0); 

3.在构造PropertyValuesHolder时,所使用的ofInt,ofFloat中的参数值,第一个值和最后一个值必须相同,不然此属性所对应的的动画将被放弃,在此属性值上将不会有效果;

PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left",0,100,0);  

4.在构造PropertyValuesHolder时,所使用的ofInt,ofFloat中,如果所有参数值都相同,也将不会有动画效果
比如:

PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt("left",100,100);

在这条语句中,虽然首尾一致,但由于全程参数值相同,所以left属性上的这个动画会被放弃,在left属性上也不会应用上任何动画。

四、LayoutTransaction的其他函数

  • 基本函数
/** 
 * 设置所有动画完成所需要的时长 
 */  
public void setDuration(long duration)  
/** 
 * 针对单个type,设置动画时长; 
 * transitionType取值为:APPEARING、DISAPPEARING、CHANGE_APPEARING、CHANGE_DISAPPEARING 
 */  
public void setDuration(int transitionType, long duration)   
/** 
 * 针对单个type设置插值器 
 * transitionType取值为:APPEARING、DISAPPEARING、CHANGE_APPEARING、CHANGE_DISAPPEARING 
 */  
public void setInterpolator(int transitionType, TimeInterpolator interpolator)  
/** 
 * 针对单个type设置动画延时 
 * transitionType取值为:APPEARING、DISAPPEARING、CHANGE_APPEARING、CHANGE_DISAPPEARING 
 */  
public void setStartDelay(int transitionType, long delay)  
/** 
 * 针对单个type设置,每个子item动画的时间间隔 
 */  
public void setStagger(int transitionType, long duration)  
  • LayoutTransition设置监听
public void addTransitionListener(TransitionListener listener)  

TransitionListener解析:

public interface TransitionListener {  
  public void startTransition(LayoutTransition transition, ViewGroup container,View view, int transitionType);  
  public void endTransition(LayoutTransition transition, ViewGroup container,View view, int transitionType);  
} 

LayoutTransition transition:当前的LayoutTransition实例
ViewGroup container:当前应用LayoutTransition的container
View view:当前在做动画的View对象
int transitionType:当前的LayoutTransition类型,取值有:APPEARING、DISAPPEARING、CHANGE_APPEARING、CHANGE_DISAPPEARING

相关文章

网友评论

      本文标题:动画第十一步->在创建后添加控件时应用动画

      本文链接:https://www.haomeiwen.com/subject/xsbkvttx.html