文档章节

项目中常用Animation案例

GalaxyBruce
 GalaxyBruce
发布于 2016/06/21 14:24
字数 526
阅读 26
收藏 1

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

1、布局从底部弹出

//相对位置
 shareLayout.setVisibility(View.VISIBLE);//先设置显示,再给动画

Animation alphaAnim = new AlphaAnimation(0.0f, 1.0f);
alphaAnim.setDuration(300);
alphaAnim.setInterpolator(mContext, android.R.anim.decelerate_interpolator);
llShareLayout.startAnimation(alphaAnim);

Animation transAnimation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 1.0f, Animation.RELATIVE_TO_PARENT, 0.0f);
transAnimation.setDuration(300);
transAnimation.setInterpolator(mContext, android.R.anim.decelerate_interpolator);
shareLayout.startAnimation(transAnimation);

//绝对位置
 public void setVisibility(int visibility, boolean isImmediately) {
        if (isImmediately) {
            clearAnimation();
        } else {
            startAnimator(visibility);
        }
        super.setVisibility(visibility);
    }

    private void startAnimator(int visibility) {
        clearAnimation();
        if (visibility == getVisibility()) {
            return;
        }
        if (visibility == View.VISIBLE) {
            AnimationSet animationSet = new AnimationSet(true);
            TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, mEffectBitmapWidth, 0);
            translateAnimation.setDuration(300);

            AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);
            alphaAnimation.setDuration(300);

            animationSet.addAnimation(translateAnimation);
            animationSet.addAnimation(alphaAnimation);
            startAnimation(animationSet);
        } else {
            AnimationSet animationSet1 = new AnimationSet(true);
            TranslateAnimation translateAnimation1 = new TranslateAnimation(0, 0, 0, mEffectBitmapWidth);
            translateAnimation1.setDuration(300);

            AlphaAnimation alphaAnimation1 = new AlphaAnimation(1, 0);
            alphaAnimation1.setDuration(300);

            animationSet1.addAnimation(translateAnimation1);
            animationSet1.addAnimation(alphaAnimation1);
            startAnimation(animationSet1);
        }

2、点赞动画,变大后自动还原

<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        android:duration="300"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.5"
        android:toYScale="1.5"
        android:repeatMode="reverse"
        android:repeatCount="1"/>
</set>

3、点赞按钮不停缩小闪烁

<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        android:duration="500"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.67"
        android:toYScale="0.67"
        android:repeatMode="reverse"
        android:repeatCount="-1"/>
</set>

4、仿nice标签圆点闪烁

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:fillBefore="false"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:startOffset="100">

    <scale
        android:duration="200"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toXScale="0.8"
        android:toYScale="0.8" />

    <scale
        android:duration="200"
        android:fillAfter="false"
        android:fromXScale="0.8"
        android:fromYScale="0.8"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:startOffset="200"
        android:toXScale="1.25"
        android:toYScale="1.25" />

    <scale
        android:duration="200"
        android:fillAfter="false"
        android:fromXScale="1.25"
        android:fromYScale="1.25"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:startOffset="400"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

5、仿nice标签圆点水波纹效果

//第一个
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:duration="900"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toXScale="29.0"
        android:toYScale="29.0" />

    <alpha
        android:duration="900"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>
//第二个
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">

    <scale
        android:duration="900"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:startOffset="450"
        android:toXScale="29.0"
        android:toYScale="29.0" />

    <alpha
        android:duration="900"
        android:fromAlpha="1.0"
        android:startOffset="450"
        android:toAlpha="0.0" />

</set>

© 著作权归作者所有

GalaxyBruce
粉丝 2
博文 75
码字总数 35340
作品 0
南京
高级程序员
私信 提问
高级UI特效之仿3D翻转切换效果

高仿3D翻转切换效果 效果图: 高仿3D旋转效果.gif 前言 作为Android程序员,或者是想要去模仿一些酷炫的效果,或者是为了实现视觉的变态需求,或者是压抑不住内心的创造欲想要炫技,我们不可...

codeGoogle
2017/10/11
0
0
Echarts二次封装--折线图,柱型图和饼图整合为一个

普通项目中常用的可视化图表,可能也就折线图,柱型图和饼图,如果每次都需要重新配置一遍图表参数,也会很心累,以下是我将三表合一的开发实践。 完成需求 折线图,柱型图和饼图三图合一; ...

Rico_wang
2017/12/12
0
0
11 个创新的网站滑动效果设计案例展示

图片的滑动展示在网站设计中使用非常普遍,可用于解决方案、产品和服务的各种展示,而借助 JavaScript 和 CSS3 可让这些效果实现起来更加简单。 本文介绍 11 个网站滑动效果设计非常帮的案例...

红薯
2012/04/03
3.5K
2
前端深入之css篇丨2020年前,彻底掌握css动画【animation】

写在前面 马上就2020年了,不知道小伙伴们今年学习了css3动画了吗? 说起来css动画是一个很尬的事,一方面因为公司用css动画比较少,另一方面大部分开发者习惯了用JavaScript来做动画,所以就...

不是酸柠檬
10/21
0
0
【数据应用案例】提速100倍,秒杀传统AB测!Netflix交错测试个性化推荐算法

案例来源:@AI前线 案例地址:https://weibo.com/ttarticle/p/show?id=2309404182094598265823 1. 背景:AB test的缺点 1)当待测试的算法数量很多时,传统的AB测需要较多的用户样本。如100...

u013382288
2018/05/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何更改iOS应用程序的名称?

我前几天用一个愚蠢的开发代码名称开始了一个iPhone项目,现在我想改变项目的名称,因为它已经接近完成了。 但是我不知道如何使用Xcode来做这件事,尝试在info.plist文件中更改应用程序的名称...

技术盛宴
27分钟前
3
0
关于win10tensorflow的配置(CPU+GPU)

主要内容 CPU篇 GPU篇 【前期准备与注意事项】 环境:window1064位+python36(37)+CUDA9.0+cuDNN7.6+tensorflow_gpu-1.12.0 软件:anaconda+pycharm 硬件:有nvidia显卡的笔记本或台式(非A...

放只虎归个山
35分钟前
3
0
C#中的多行字符串文字

有没有一种简单的方法可以在C#中创建多行字符串文字? 这是我现在所拥有的: string query = "SELECT foo, bar"+ " FROM table"+ " WHERE id = 42"; 我知道PHP有 <<<BLOCKBLOCK; C#是......

javail
43分钟前
4
0
微信支付之小微商户扫盲!支持信用卡,免营业执照!

微信支付商户申请面向线下小微商户开放,符合条件的微信支付服务商可为小微商户发起接入申请。无需营业执照。 小微商户日收款额度为5万元~30万元 。 信用卡支付日限额为1千;月限额1万。 结算...

吴伟祥
今天
4
0
大话SDWebImage(三)-- 图片下载层

四、图片下载层 SDWebImageDownloader是处理图片下载的类 4.1 图片下载步骤 首先介绍下dispatch_barrier,GCD中的dispatch_barrier目的是在并发队列实现串行的效果,创建下载任务SDWebImageD...

aron1992
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部