Android动画之 Alpha与Translate结合使用

Alpha
<?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" #插值器

Alpha

  <?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: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轴方向结束位置，可以是%，也可以是具体的像素

具体应用：

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

Android动画之 Alpha与Translate结合使用_第1张图片

实现步骤:

(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_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>

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);

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

具体应用：

更多相关文章

随机推荐