48.Android属性动画的一个小练习

最新推荐文章于 2024-05-09 21:55:10 发布
最新推荐文章于 2024-05-09 21:55:10 发布
阅读量764 收藏
点赞数 3
分类专栏： Android 文章标签： android 属性动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31715429/article/details/52710008
版权

转载请注明出处　http://blog.csdn.net/qq_31715429/article/details/52710008
本文出自：猴菇先生的博客

这里写图片描述

一个Android属性动画的小练习，其中有位移translation、旋转rotation、透明度alpha、和颜色argb，代码比较啰嗦
1. 布局文件activity_tweeter.xml，分别是title、TabLayout、ViewPager和三个FlotingActionButton：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?attr/activity_bg">

    <include
        android:id="@+id/titleBar"
        layout="@layout/base_title" />

    <include
        android:id="@+id/tab"
        layout="@layout/base_tab" />

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tab"
        android:layout_marginTop="2dp" />

    <!-- 用于点击背景，使得菜单fab闭合 -->
    <RelativeLayout
        android:id="@+id/fab_bg"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent">

    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/edit_long"
            style="@style/TweetEditFab"
            android:layout_alignTop="@+id/menu"
            android:alpha="0"
            android:src="@mipmap/ic_fab_tweet"
            app:borderWidth="0dp"
            app:fabSize="mini" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/edit_tweet"
            style="@style/TweetEditFab"
            android:layout_alignTop="@+id/menu"
            android:alpha="0"
            android:src="@mipmap/ic_fab_post"
            app:borderWidth="0dp"
            app:fabSize="mini" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/menu"
            style="@style/TweetEditFab"
            android:layout_alignParentBottom="true"
            android:src="@mipmap/ic_fab_default"
            app:borderWidth="0dp"
            app:fabSize="normal" />
    </RelativeLayout>
</RelativeLayout>

2.TweeterActivity.java：

/**
 * 动态
 */
public class TwitterActivity extends BaseActivity implements ViewPager.OnPageChangeListener {

    @BindView(R.id.title)
    TextView mTitle;
    @BindView(R.id.tab)
    TabLayout mTab;
    @BindView(R.id.pager)
    ViewPager mPager;
    @BindView(R.id.fab_bg)
    RelativeLayout mFabBg;
    @BindView(R.id.menu)
    FloatingActionButton mMenuFab;//菜单按钮
    @BindView(R.id.edit_tweet)
    FloatingActionButton mEditTweetFab;//动态
    @BindView(R.id.edit_long)
    FloatingActionButton mEditLongFab;//长文章

    private String[] mTabTitle = {"动态", "热门", "我的"};
    private List<Fragment> mFragments = new ArrayList<>();
    private boolean mFlag = true;//菜单是否展开的标记
    private int mAnimDuration = 300;//fab动画时长

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_twitter);
        ButterKnife.bind(this);
        mTitle.setText("动态");
        mFabBg.setEnabled(false);//设置fab背景不可点击
        mFabBg.setClickable(false);
        mTab.setTabMode(TabLayout.MODE_FIXED);
        for (int i = 0; i < mTabTitle.length; i++) {
            mTab.addTab(mTab.newTab().setText(mTabTitle[i]));
        }
        mFragments.add(TweetTimelineFragment.newInstance());
        mFragments.add(TweetHotFragment.newInstance());
        mFragments.add(TweetMyFragment.newInstance());
        TabFragmentPagerAdapter pagerAdapter = new TabFragmentPagerAdapter
                (getSupportFragmentManager(), mFragments, mTabTitle);
        mPager.setAdapter(pagerAdapter);//ViewPager的adapter不再啰嗦
        mTab.setupWithViewPager(mPager);
        mPager.addOnPageChangeListener(this);
    }

    @OnClick(R.id.menu)
    public void menu() {
        //如果处于透明状态，代表viewpager在翻页
        if (mMenuFab.getAlpha() != 1) {
            //设置菜单fab不可点击
            return;
        }
        if (mFlag) {
            openMenu();
        } else {
            closeMenu();
        }
    }

    /**
     * 展开菜单
     */
    private void openMenu() {
        //改变fab背景使其由透明变暗
        //ofArgb方法在api21以上才有
//        ValueAnimator fabBgAnim = ValueAnimator.ofArgb(android.R.color.transparent, getResources().getColor(R.color.tweet_fab_bg));
//        fabBgAnim.setDuration(mAnimDuration);
//        fabBgAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
//            @Override
//            public void onAnimationUpdate(ValueAnimator animation) {
//                int value = (int) animation.getAnimatedValue();
//                mFabBg.setBackgroundColor(value);
//            }
//        });
        ObjectAnimator fabBgAnim = ObjectAnimator.ofInt(mFabBg, "backgroundColor",
                android.R.color.transparent, getResources().getColor(R.color.tweet_fab_bg));//背景颜色 #80000000是半透明
        //这种估值器可以用来执行类型之间的插值整数值代表ARGB颜色
        fabBgAnim.setEvaluator(new ArgbEvaluator());
        fabBgAnim.setDuration(mAnimDuration);
        ObjectAnimator menuAnim = ObjectAnimator.ofFloat(mMenuFab, "rotation", 0, 45);//旋转
        menuAnim.setDuration(mAnimDuration);
        ObjectAnimator editTweetAnim1 = ObjectAnimator.ofFloat(mEditTweetFab, "alpha", 0, 1);//透明度
        editTweetAnim1.setDuration(mAnimDuration / 2);
        ObjectAnimator editTweetAnim2 = ObjectAnimator.ofFloat(mEditTweetFab, "rotation", 0, 360);
        editTweetAnim2.setDuration(mAnimDuration / 2);
        ObjectAnimator editTweetAnim3 = ObjectAnimator.ofFloat(mEditTweetFab, "translationY", -DensityUtils.dp2px(this, 60));//位移
        editTweetAnim3.setDuration(mAnimDuration / 2);
        ObjectAnimator editLongAnim1 = ObjectAnimator.ofFloat(mEditLongFab, "alpha", 0, 1);
        editLongAnim1.setDuration(mAnimDuration / 2);
        editLongAnim1.setStartDelay(mAnimDuration / 2);
        ObjectAnimator editLongAnim2 = ObjectAnimator.ofFloat(mEditLongFab, "rotation", 0, 360);
        editLongAnim2.setDuration(mAnimDuration / 2);
        editLongAnim2.setStartDelay(mAnimDuration / 2);
        ObjectAnimator editLongAnim3 = ObjectAnimator.ofFloat(mEditLongFab, "translationY", -DensityUtils.dp2px(this, 120));
        editLongAnim3.setDuration(mAnimDuration);
        AnimatorSet animSet = new AnimatorSet();
        animSet.setInterpolator(new LinearInterpolator());
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            animSet.playTogether(fabBgAnim, menuAnim, editTweetAnim1, editTweetAnim2,
                    editTweetAnim3, editLongAnim1, editLongAnim2, editLongAnim3);
        } else {
            animSet.playTogether(menuAnim, editTweetAnim1, editTweetAnim2,
                    editTweetAnim3, editLongAnim1, editLongAnim2, editLongAnim3);
        }
        animSet.start();
        mFlag = !mFlag;
        mFabBg.setEnabled(true);//设置fab背景不可点击
        mFabBg.setClickable(true);
    }

    /**
     * 关闭菜单
     */
    private void closeMenu() {
        //改变fab背景使其还原透明状态
//        ValueAnimator fabBgAnim = ValueAnimator.ofArgb(getResources().getColor(R.color.tweet_fab_bg), android.R.color.transparent);
//        fabBgAnim.setDuration(mAnimDuration);
//        fabBgAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
//            @Override
//            public void onAnimationUpdate(ValueAnimator animation) {
//                int value = (int) animation.getAnimatedValue();
//                mFabBg.setBackgroundColor(value);
//            }
//        });
        ObjectAnimator fabBgAnim = ObjectAnimator.ofInt(mFabBg, "backgroundColor",
                getResources().getColor(R.color.tweet_fab_bg), android.R.color.transparent);
        fabBgAnim.setEvaluator(new ArgbEvaluator());
        fabBgAnim.setDuration(mAnimDuration);
        ObjectAnimator menuAnim = ObjectAnimator.ofFloat(mMenuFab, "rotation", 45, 0);
        menuAnim.setDuration(mAnimDuration);
        ObjectAnimator editTweetAnim1 = ObjectAnimator.ofFloat(mEditTweetFab, "alpha", 1, 0);
        editTweetAnim1.setDuration(mAnimDuration / 2);
        editTweetAnim1.setStartDelay(mAnimDuration / 2);
        ObjectAnimator editTweetAnim2 = ObjectAnimator.ofFloat(mEditTweetFab, "rotation", 0, 360);
        editTweetAnim2.setDuration(mAnimDuration / 2);
        editTweetAnim2.setStartDelay(mAnimDuration / 2);
        ObjectAnimator editTweetAnim3 = ObjectAnimator.ofFloat(mEditTweetFab, "translationY", 0);
        editTweetAnim3.setDuration(mAnimDuration / 2);
        editTweetAnim3.setStartDelay(mAnimDuration / 2);
        ObjectAnimator editLongAnim1 = ObjectAnimator.ofFloat(mEditLongFab, "alpha", 1, 0);
        editLongAnim1.setDuration(mAnimDuration / 2);
        ObjectAnimator editLongAnim2 = ObjectAnimator.ofFloat(mEditLongFab, "rotation", 0, 360);
        editLongAnim2.setDuration(mAnimDuration / 2);
        ObjectAnimator editLongAnim3 = ObjectAnimator.ofFloat(mEditLongFab, "translationY", 0);
        editLongAnim3.setDuration(mAnimDuration);
        AnimatorSet animSet = new AnimatorSet();
        animSet.setInterpolator(new LinearInterpolator());
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            animSet.playTogether(fabBgAnim, menuAnim, editTweetAnim1, editTweetAnim2,
                    editTweetAnim3, editLongAnim1, editLongAnim2, editLongAnim3);
        } else {
            animSet.playTogether(menuAnim, editTweetAnim1, editTweetAnim2,
                    editTweetAnim3, editLongAnim1, editLongAnim2, editLongAnim3);
        }
        animSet.start();
        mFlag = !mFlag;
        mFabBg.setEnabled(false);//设置fab背景不可点击
        mFabBg.setClickable(false);
    }

    /**
     * viewpager翻页监听，动态改变菜单fab的透明度
     *
     * @param position             下标
     * @param positionOffset       偏移比
     * @param positionOffsetPixels 偏移量
     */
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        if (position == 0) {//position为0（即动态页）时，显示菜单fab
            mMenuFab.setVisibility(View.VISIBLE);
            mMenuFab.setAlpha(1 - positionOffset);
        } else {
            mMenuFab.setVisibility(View.GONE);
        }
    }

    @Override
    public void onPageSelected(int position) {

    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    /**
     * 点击fab背景关闭fab菜单
     * 实现mFabBg.setCanceledOnTouchOutside(true)的效果
     */
    @OnClick(R.id.fab_bg)
    public void setFabBgDark() {
        if (mFabBg.isClickable()) {
            mFabBg.setClickable(false);
            mFabBg.setEnabled(false);
            closeMenu();
        }
    }

    @OnClick(R.id.edit_tweet)
    public void editTweet() {
        ToastUtil.show(this, "动态");
    }

    @OnClick(R.id.edit_long)
    public void editLong() {
        ToastUtil.show(this, "长文章");
    }

    @OnClick(R.id.back)
    public void toBack() {
        finish();
    }
}

点击menu菜单开始动画，同时背景变暗，注意这几个动画之间的时间协调；再次点击菜单闭合，背景变为透明；实现点击背景菜单闭合；实现viewpager翻页监听，动态改变菜单fab的透明度。

猴菇同学
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android属性动画，看完这篇够用了吧
1
07-06 1028
转载自作者新小梦 随着APP的开发周期演进，APP不再满足基础的功能保障，需要有较好视觉体验和交互操作。那么动画效果是必不可少的，动画有帧动画，补间动画，属性动画等等。 本文通过一些简单常见的动画效果，和大家重温属性动画的相关知识点。旨在通过全文，全面掌握属性动画~如果看完本文，还需要查阅其他文章，说明本文总结得还不够好，欢迎留言补充。 一、属性动画概览 顾名思义，通过控制对象的属性，来实现动画效果。官方定义：定义一个随着时间 （注：停个顿）更改任何对象属性的动画，无论其是否绘制到屏幕上。 可以控制对象什
Android 属性动画
假装你是大灰狼的专栏
08-22 1572
1. 前言 属性动画就是，动画的执行类来设置动画操作的对象的属性、持续时间，开始和结束的属性值，时间差值等，然后系统会根据设置的参数动态的变化对象的属性。 2. ValueAnimator ValueAnimator主要负责值的计算和过度，以及动画的播放次数、播放模式和动画监听等。 ValueAnimator animator = ValueAnimator.ofFloat(1, 0....
开发8年大牛教学Android动画：这是一篇全面-&-详细的-属性动画-总结&攻略(1)
最新发布
2401_84010836的博客
05-09 560
作用对象：任意Java对象不再局限于 视图View对象实现的动画效果：可自定义各种动画效果不再局限于4种基本变换：平移、旋转、缩放 & 透明度找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。
Android动画（四）——属性动画ValueAnimator的妙用
Sean_Word的博客
12-17 574
ValueAnimator是ObjectAnimator的父类，它继承自Animator。ValueAnimaotor同样提供了ofInt、ofFloat、ofObject等静态方法，传入的参数是动画过程的开始值、中间值、结束值来构造动画对象。可以将ValueAnimator看着一个值变化器，即在给定的时间内将一个目标值从给定的开始值变化到给定的结束值。上一篇中我们提到，在使用ValueAnimator时通常需要添加一个动画更新的监听器，在监听器中能够获取到执行过程中的每一个动画值。
android 属性动画 位移出父控件,Android动画详解（二） 补间动画
weixin_36322984的博客
05-26 181
1、 补间动画说明定义好动画的起始帧和结束帧以及播放时长，动画过程中的帧由计算机计算得出。补间动画又可以分为四种形式，分别是 alpha(透明度变化)，translate(位移)，scale(缩放大小)，rotate(旋转)。2、实现方式2.1 创建目录res/anim，在res/anim目录下创建文件anim.xml2.2 alpha动画(透明度)2.2.1 xml配置文件fromAlpha 动...
Android Property Animation属性动画初识：位移translation（3）
热门推荐
Zhang Phil
01-11 1万+
 Android Property Animation属性动画初识：位移translation（3） 和附录的文章1,2相仿，本文介绍常见的位移动画（水平位移或垂直位移）在Android Property Animation属性动画中如何实现。 package zhangphil.anim; import android.animation.ObjectAnimator; import
Android 动画顺序播放源码.rar
03-24
"Android 动画顺序播放源码" 是一个实践项目，旨在帮助开发者理解和实现Android平台上的动画序列播放功能。这个项目可以作为学习实例，帮助初学者和有经验的开发者提高技能，也可以用于教学案例、毕业设计、项目开发...
Android自定义View实现打钩动画功能
08-28
使用 Android 自定义 View 可以实现各种复杂的 UI 效果，通过使用属性动画，可以解决控件绘制中的一些问题，例如控制动画速度的问题。通过本文，我们学习了如何使用 Android 自定义 View 实现打钩动画功能。
Android-AndroidDemo一个自己平时练习的demo---MaterialDesign
08-13
【Android-AndroidDemo一个自己平时练习的demo---MaterialDesign】是一个专注于Android开发的项目，它主要展示了Material Design设计规范的应用，以及对View、动画、二维码和列表等常见功能的实践。Material Design...
第一行代码Android学习练习代码3
08-15
3. **属性动画**：自定义视图可能需要动态改变其外观，这会涉及到Android的属性动画API，如ObjectAnimator和ValueAnimator。 4. **测量与布局**：自定义视图需要计算并返回其大小，通过onMeasure()方法实现。同时，...
android 资源与动画练习
04-28
例如，XML文件可以定义一个平移动画，内容可能是这样的： ```xml <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="0%" android:toXDelta="100%" android:fromYDelta...
Android--动画小练习
本人随手记录，内容只是个人看懂程度，对内容有任何疑问请勿打扰
02-24 130
我们平时刚开始安装一个程序时，都会有一个引导的翻页。这个小练习就是模拟下： 直接上全部代码吧： public class WelcomeAcitvity extends AppCompatActivity { private Handler handler=new Handler(){ @Override public void handleMess...
动画练习demo
jiepp的博客
09-22 127
动画demo 编辑器制作效果展示： 代码展示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html {background-colo...
android动画set,Android开发:属性动画的练习(AnimationSet、ObjectAnimator )
weixin_39730671的博客
05-25 322
就是通过动画的方式改变对象的属性了，我们首先需要了解几个属性：Duration动画的持续时间，默认300ms。time interpolation：时间差值，如LinearInterpolator、AccelerateDecelerateInterpolator，定义动画的变化率。Repeat count and behavior：重复次数、以及重复模式；Animator sets: 动画集合，你...
Android 动画效果（二）：四种基础动画的 **动态设置、动画监听、组合动画
danfengw的博客
09-19 4726
本篇博客是承接上次的 Android 动画效果（一）： 四种动画基础（Alpha、Translate、Rotate、Scale） 进行编写的。这里介绍的只不过是四种基础动画的动态设置、以及它的动画监听（setAnimationListener）、组合动画（AnimationSet）。 学习点： 动画的动态使用 动画监听 动画组合 在这篇博客中我将对动画的设置做一个更加详细的介绍。一、Alp
49.Android过渡动画的一个小练习
猴菇同学的博客
09-30 1043
Android过渡动画的一个小练习
Android动画——Activity转场动画|过渡动画一点薄见(一)（（Transition Animation 系列））
zhewen的博客
05-25 5263
1. 转场动画概述 在Android开发过程中，经常会遇到Activity之间切换的问题，转场动画就是用于布局（界面）变化时的过渡动画。例如有两个Activity，分别为A和B： A启动B：A发生exit动画，则B发生enter动画 B返回A：B发生return动画，A发生reenter动画 1.1 使用overridePendingTransition 对于Activity之间的切换可以使用...
Android buttom textview 颜色平滑过渡的动画效果
软件开发积累
09-08 7062
TransitionDrawable transitionDrawable = new TransitionDrawable( new Drawable[] { defaultDrawable, new BitmapDrawable(BaseApplication.getContext() .getResources(),
android自定义表盘
anynew2012的专栏
01-10 699
android自定义view之时钟的实现首先看下自定义view的效果图先说下主要实现原理，使用pathMeasure来测量path，创建一个用来记录一组不断变化坐标的数组，然后结合属性动画（ValueAnimator）就可以画出。下面直接贴上代码实现步骤 定义画笔的属性及一些常量 /** * 圆盘的颜色 */ private Paint mCirclePaint; /** * 大刻度画笔 *
android属性动画
08-14
Android属性动画是一种用于在Android应用...这些类可用于更复杂的动画效果，如同时播放多个动画或在动画中修改多个属性。 希望这个简介能帮助您理解Android属性动画的基本概念和用法。如果您有更多问题，请随时提问！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值