Android动画之 Alpha与Translate结合使用

Alpha

version="1.0" encoding="utf-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:fromAlpha="1.0" 起始透明度，取值范围0.0--1.0 ，从完全透明到完全不透明 android:toAlpha="0.1" 结束透明度，取值范围同上 android:duration="700" 动画持续时间，毫秒为单位 android:fillAfter="true" 动画结束后，保持结束时的状态 android:fillBefore="true" 动画结束后，恢复为初始状态 android:fillEnabled="true" 效果同上 android:repeatCount="5" 重复次数,取值为-1时无限重复，默认动画执行一次 android:repeatMode ="reverse" 重复模式，有reverse和restart两个值，前者为倒序回放，后者为重新开始 android::interpolator="@android:anim/accelerate_decelerate_interpolator" #插值器

从屏幕上面退出

xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android"     android:interpolator="@android:anim/accelerate_interpolator"     android:fromYDelta="0%p"     android:toYDelta="-100%p"     android:duration="1000"> translate>

从屏幕下面进入

xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android"     android:interpolator="@android:anim/accelerate_interpolator"     android:fromYDelta="100%p"     android:toYDelta="0%p"     android:duration="1000"> translate>

android:interpolator

@android:anim/accelerate_interpolator： 越来越快 @android:anim/decelerate_interpolator：越来越慢 @android:anim/accelerate_decelerate_interpolator：先快后慢 @android:anim/anticipate_interpolator: 先后退一小步然后向前加速 @android:anim/overshoot_interpolator：快速到达终点超出一小步然后回到终点 @android:anim/anticipate_overshoot_interpolator：到达终点超出一小步然后回到终点 @android:anim/bounce_interpolator：到达终点产生弹球效果，弹几下回到终点 @android:anim/linear_interpolator：均匀速度。

注:

android:duration: 动画运行时间，定义在多次时间（ms）内完成动画

        android:startOffset: 延迟一定时间后运行动画

        fromXDelta: X轴方向开始位置，可以是%，也可以是具体的像素 

        toXDelta:   X轴方向结束位置，可以是%，也可以是具体的像素

        fromYDelta: Y轴方向开始位置，可以是%，也可以是具体的像素

        toYDelta:    Y轴方向结束位置，可以是%，也可以是具体的像素

具体应用：

实现效果:从底部向上弹出,退出从上向下退出

实现步骤:

 (1).在res----->创建anim

slide_in_bottom.xml

xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="@android:integer/config_mediumAnimTime" android:interpolator="@android:anim/decelerate_interpolator" android:shareInterpolator="false"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0"/> <translate android:fromXDelta="0%" android:fromYDelta="100%" android:toXDelta="0%" android:toYDelta="0%"/> set>

slide_out_bottom.xml

xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="@android:integer/config_mediumAnimTime" android:interpolator="@android:anim/decelerate_interpolator" android:shareInterpolator="false"> <alpha android:fromAlpha="1.0" android:toAlpha="0.5"/> <translate android:fromXDelta="0%" android:fromYDelta="0%" android:toXDelta="0%" android:toYDelta="100%"/> set>

2.styles.xml

<style name="AnimationPicker" mce_bogus="1" parent="android:Animation"> <item name="android:windowEnterAnimation">@anim/slide_in_bottomitem> <item name="android:windowExitAnimation">@anim/slide_out_bottomitem> style>

3.使用

OptionPicker picker = new OptionPicker(getActivity(), new String[]{"支出", "收入"}); picker.setCanceledOnTouchOutside(false); picker.setDividerRatio(WheelView.DividerConfig.FILL); picker.setShadowColor(Color.WHITE, 40); picker.setSelectedIndex(0); picker.setCycleDisable(true); picker.setCancelTextSize(16); picker.setTopLineColor(Color.parseColor("#F4F4F4")); picker.setTopBackgroundColor(Color.parseColor("#fbd415")); picker.setCancelTextColor(Color.BLACK); picker.setSubmitTextSize(16); picker.setSubmitTextColor(Color.BLACK); picker.setTextColor(Color.BLACK); picker.setDividerColor(Color.parseColor("#F4F4F4")); picker.setTextSize(16); picker.setOffset(2); picker.setAnimationStyle(R.style.AnimationPicker);

具体代码实现点击打开链接