目录
- PopupWindow的动画
1.1. 原效果
1.2. 加动画 - Activity过场动画
2.1. 通过overridePendingTransition
2.2. 也是通过style - 给ViewGroup的子控件加进场动画
3.1. 通过XML
3.2. 通过java
View动画的一个特点就是,他的动画仅仅是动的View的绘制地方,View真正的位置并没有一起动画。
View除了会用作直接作用页面中的View外,通常还用用在下面一些地方
博客地址
PopupWindow的动画
原效果
先做一个PopupWindow,这个PopupWindow的View只有一个背景图片,一只大猫。:
private void initWindow() {
View view = new View(this);
view.setBackground(getDrawable(R.drawable.xiaomao));
popupWindow = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
}
然后给按钮的点击事件设置为显示PopupWindow:
btnRun.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (popupWindow.isShowing()) {
popupWindow.dismiss();
} else {
popupWindow.showAsDropDown(btnRun);
}
}
});
这时的效果是这样的:
加动画
那么现在加上一个动画,首先要定义动画。
- 进入的动画:
- 消失的动画:
- 做成一个style,在res/values/styles.xml文件里加上:
- 设置动画
这一步就很简单,就加一行代码
private void initWindow() {
View view = new View(this);
view.setBackground(getDrawable(R.drawable.xiaomao));
popupWindow = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
popupWindow.setAnimationStyle(R.style.pop_anim);
}
这时效果就成下面那样了:
Activity过场动画
通过overridePendingTransition
这种方法写着简单但是不好用,通过overridePendingTransition,他的两个参数分别是新Activity进入时的动画和旧Activity退出时的动画.如果设置为0则没有动画。
这个方法必须跟在startActivity()或finish()后面才会生效。
还是先定义两个动画:
进入时的动画:
退出时的动画:
跳转时调用:
startActivity(new Intent(MainActivity.this,SecondActivity.class));
overridePendingTransition(R.anim.activity_in,R.anim.activity_out);
效果:
也是通过style
首先看res/values/styles.xml。定义了一个叫ActivityAnim的style,里面有四个属性,分表代表下面的含义
属性 | 含义 |
---|---|
activityOpenEnterAnimation | 打开一个新的Activity时,要显示的新的Activit执行的动画 |
activityOpenExitAnimation | 打开一个新的Activity时,当前的旧的Activit执行的动画 |
activityCloseEnterAnimation | 关闭一个activity时,要显示的上一个Activity执行的动画 |
activityCloseExitAnimation | 关闭一个activity时,被关闭的Activity执行的动画 |
这四个动画可以针对需要只设置需要的。
把ActivityAnim
设置给APP要用的主题AppTheme的android:windowAnimationStyle
属性
在后再清单文件里引用这个主题:
上面的四个动画分别是:
activity_in:
activity_out:
activity_close_in:
activity_close_out:
最终的效果是:
给ViewGroup的子控件加进场动画
LayoutAnimation是作用于ViewGroup的,用来指定ViewGroup的子控件出现的动画
先做一个子控件出现的动画,从之前随便选个activity_in.xml
:
准备好了动画,接下来有两种方法,也是xml和java
通过XML
然后新建一个动画文件,这里叫anim_layout.xml
,这里有三个属性:
属性 | 作用 |
---|---|
android:delay | 可以取值为数值,百分数,或百分数p。表示两个子控件执行出场动画的间隔时间,为0时,所有控件的动画没有延迟全部开始执行;为1时表示等上一个控件动画执行完毕才开始执行下一个;为0.5时表示等上一个控件动画执行一半开始执行下一个。可以大于1。。。当这个值为百分数时,如50%,表示这个延迟时间是当前动画执行时间的50%。。。当这个值是百分数p的时候,如50%p,表示这个延迟时间是父View的动画时间的50%。 |
android:animationOrder | 有三个值::normal表示按正常顺序出现。random表示乱序出现。reverse表示反序出现。 |
android:animation | 指定出现时要执行的动画 |
anim_layout.xml
文件代码,设置上一个动画执行五分之一时开始下一个动画,倒序执行:
然后在Activity的布局文件中,将一个LinearLayout通过android:layoutAnimation
加上了这个动画:
...
然后进入这个Activity时就会看到这个效果:
通过java
这里不需要建新的文件了。觉得比上面的方便许多,效果跟上图是一样的。
ll = (LinearLayout) findViewById(R.id.ll);
Animation animation = AnimationUtils.loadAnimation(this,R.anim.activity_in);
LayoutAnimationController controller = new LayoutAnimationController(animation);
controller.setDelay(0.2f);
controller.setOrder(LayoutAnimationController.ORDER_REVERSE);
ll.setLayoutAnimation(controller);