Android动画之 Alpha与Translate结合使用
<?xml 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: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
<?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> |
<?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); |
具体代码实现点击打开链接
更多相关文章
- android 访问SD卡
- Android实现TextView动画缩放
- 移动互联网的新宠:Android之缤纷世界
- 移动互联网的新宠:Android之缤纷世界
- 移动互联网的新宠:Android之缤纷世界
- 移动互联网的新宠:Android之缤纷世界
- 移动互联网的新宠:Android之缤纷世界
- 最牛逼android上的图表库MpChart(三) 条形图
- Android(安卓)开发艺术探索笔记之七 -- Android(安卓)动画深入分