Android 5.0动画(一)

最新推荐文章于 2021-05-29 03:24:47 发布

_StriveG

最新推荐文章于 2021-05-29 03:24:47 发布

阅读量1.1k

点赞数 1

分类专栏： Android 文章标签： android 动画

本文链接：https://blog.csdn.net/qq_21430549/article/details/49046685

版权

Android 专栏收录该内容

91 篇文章 0 订阅

订阅专栏

先来说说android5.0中新增加的动画：

Touch feedback（触摸反馈）
Reveal effect（揭露效果）
Activity transitions（Activity转换效果）
Curved motion（曲线运动）
View state changes（视图状态改变）
Animate Vector Drawables（可绘制矢量动画）

接下来便按个介绍：

1-Touch feedback（触摸反馈）
最最明显的就是波纹动画了。当使用了Material主题之后，波纹动画会自动安装到所有的控件上面。当然，我们也可以设置了：

android:background="?android:attr/selectableItemBackground"
android:background="?android:attr/selectableItemBackgroundBorderless"

上面的第一种是设置波纹有边界，第二种是设置波纹超出边界。


android:colorAccent：设置checkbox等控件的选中颜色

这个动画还是比较简单的。

Reveal effect（揭露效果）
这个是啥意思呢。就是在控件要出现的时候，从某个点开始，慢慢的向周围扩散出现。听起来是不是有点像第一种动画。这里我就来说说他们的不同点，这种动画在刚开始的时候，视图是没呈现出来的，而第一种是呈现出来的。这就是区别，来个揭露效果的gif图(盗一张去)图片来源

如何使用？

Animator animator = ViewAnimationUtils.createCircularReveal(Circularbutton,
                        Circularbutton.getWidth()/2,
                        Circularbutton.getHeight()/2,
                        Circularbutton.getWidth(),0);
                animator.setInterpolator(new AccelerateDecelerateInterpolator());
                animator.setDuration(5000);
                animator.start();

从上面的使用来看，这个和我们以前的动画，使用起来没什么区别。
参数介绍：(把源码拿过来)

@param view The View will be clipped to the animating circle.
     * @param centerX The x coordinate of the center of the animating circle, relative to
     *                <code>view</code>.
     * @param centerY The y coordinate of the center of the animating circle, relative to
     *                <code>view</code>.
     * @param startRadius The starting radius of the animating circle.
     * @param endRadius The ending radius of the animating circle.

Activity Transitions(Activity转换效果)
要求使用Material主题

种类：提供两种Transition类型：
1.Enter(进入)：进入一个Activity的效果
2.Exit(退出)：退出一个Activity的效果
3.reenter（从新进去）
4.return
普通的Transition
explode：从场景的中心移入或移出
silde：从场景的边缘移入或移出
fade：调整透明度产生渐变效果
Shared Elements Transition 共享元素转换: 作用就是共享两个activity中共同的元素，

在android5.0下支持如下效果：

    changeBounds 改变目标实体的布局边界
    changeClipBounds 裁剪目标视图边界
    changeTransform  改变目标视图的缩放比例和旋转角度
    changeImageTransfrom 改变目标图片的大小和缩放比例

使用方法：

1.先允许使用

在xml中设置

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="android:Theme.Material">
        <!-- Customize your theme here. -->
        <item name="android:listDivider">@drawable/diver</item>
        <!--
            是否开启tranition动画
        -->
        <item name="android:windowContentTransitions">true</item>
        <!--
            activity transition动画
        -->
        <item name="android:windowEnterTransition">@transition/tran</item>
        <item name="android:windowExitTransition"></item>
        <item name="android:windowReenterTransition"></item>
        <item name="android:windowReturnTransition"></item>

        <!--
            共享元素切换动画
        -->
        <item name="android:windowSharedElementEnterTransition"></item>
        <item name="android:windowSharedElementExitTransition"></item>
        <item name="android:windowSharedElementReenterTransition"></item>
        <item name="android:windowSharedElementReturnTransition"></item>
    </style>
</resources>

上面的那个@transition/tran 是个啥玩意。
在AS中，我们创建transition的XML文件就会在res下面生成transition的文件夹。

我们看下tran.xml

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
    <explode android:duration="300"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:matchOrder="0"
        android:startDelay="100"
        />
    <changeBounds
        />
    <changeTransform
        android:reparent="false"
        android:reparentWithOverlay="false"/>
    <changeClipBounds
        />
    <changeImageTransform
        />
    <slide />
    <fade />

</transitionSet>

属性我也写出来的，重复的没写，无非就是时间，顺序，插值器，延迟等什么的。

或者在代码中设置

getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getWindow().setEnterTransition(new Slide());
getWindow().setExitTransition(new Explode());
getWindow().setSharedElementEnterTransition(new Fade());
getWindow().setSharedElementExitTransition(new ChangeBounds());
/**
 * 还可以设置其他种类
 */

我们看下Window类的方法中提供了哪些

2.代码中设置动画

Intent intent = new Intent(MainActivity.this,AnimationActivity.class);
                /**
                 * 启动一般的transition
                 */
                startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(MainActivity.this).toBundle());
                /**
                 * 启动一个共享元素
                 */
                startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(MainActivity.this,image,"sharename").toBundle());
                /**
                 * 启动多个共享的transition
                 */
                ActivityOptions options=  ActivityOptions.makeSceneTransitionAnimation(MainActivity.this,
                    Pair.create(image, "image"),
                    Pair.create(paletteImage, "paletteImage"));
                startActivity(intent,options.toBundle());

好。这种动画就介绍到这里

Curved motion(曲线运动)

在Material设计中的动画，依赖于曲线的时间插入值和空间运动模式。在android5.0(api21)及以上，可以自定义动画时间曲线和曲线运动模式。PathInterpolator类是一个新的基于贝塞尔曲线或路径对象的插入器。

系统提供了三种基本的曲线，XML资源：@interpolator/fast_out_linear_in.xml
@interpolator/fast_out_slow_in.xml
@interpolator/linear_out_slow_in.xml
我们可以看看系统的xml文件。
在src/interpolator下面

<?xml version="1.0" encoding="utf-8"?>
<!--
  ~ Copyright (C) 2014 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License
  -->

<pathInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
    android:controlX1="0.4"
    android:controlY1="0"
    android:controlX2="1"
    android:controlY2="1"/>

插入器指定了一个1 x1正方形运动曲线，它使用(0,0)为锚点，(1,1)为控制点。
…
在代码中我们可以这样

animator.setInterpolator(new PathInterpolator(0.4f,0f,1f,1f));

也可以这样

ObjectAnimator mAnimator;
mAnimator = ObjectAnimator.ofFloat(view, View.X, View.Y, path);
...
mAnimator.start();

这是用了ObjectAnimator新增加的构造方法。

public static ObjectAnimator ofFloat(Object target, String xPropertyName, String yPropertyName,
            Path path) {
        PathKeyframes keyframes = KeyframeSet.ofPath(path);
        PropertyValuesHolder x = PropertyValuesHolder.ofKeyframes(xPropertyName,
                keyframes.createXFloatKeyframes());
        PropertyValuesHolder y = PropertyValuesHolder.ofKeyframes(yPropertyName,
                keyframes.createYFloatKeyframes());
        return ofPropertyValuesHolder(target, x, y);
    }

这个path是个什么玩意

path The Path to animate values along.
这个path就是前面2个值变化的’路线’。

Animate View State Changes 视图状态改变动画

使用方法;
1.代码中用：指定android:stateListAnimator=”@drawable/statechange” 属性
我们看看statechange.xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">
        <set>
            <objectAnimator
                android:propertyName="translationZ"
                android:duration="200"
                android:valueTo="2dp"
                android:valueType="floatType"/>
            <!--
                其他的
             -->
        </set>
    </item>
</selector>

一目了然。。

2.在代码中用

button1.setStateListAnimator(AnimatorInflater.loadStateListAnimator(this,R.drawable.statechange));

当你的主题继承了Material主题，按钮默认拥有了z动画。为了避免这种行为在你的按钮，设置android:stateListAnimator属性值为null。

AnimatedStateListDrawable 创建图片以显示关联view的状态改变动画。
res/drawable/

<?xml version="1.0" encoding="utf-8"?>
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/pressed"
        android:drawable="@mipmap/ic_launcher"
        android:state_pressed="true"/>
    <item
        android:id="@+id/focus"
        android:drawable="@mipmap/ic_launcher"
        android:state_focused="true"/>
    <!--
        other
     -->
    <transition
        android:fromId="@id/pressed"
        android:toId="@id/focus">
        <animation-list>
            <item android:duration="20" android:drawable="@drawable/diver"></item>
            <!--
             other items
             -->
        </animation-list>
    </transition>


</animated-selector>

剩下的下次再来说。。。

_StriveG

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android 5.0动画(一)

先来说说android5.0中新增加的动画：Touch feedback（触摸反馈）Reveal effect（揭露效果）Activity transitions（Activity转换效果）Curved motion（曲线运动）View state changes（视图状态改变）Animate Vector Drawables（可绘制矢量动画）接下来便按个介绍：1-Touch fee
复制链接

扫一扫