Android5.0之后VectorDrawable 实现超炫酷动画和交互效果的登录界面

注意：这篇博客重在为大家提供学习vectorDrawable实习动画的基础知识，但是想要实现更加炫酷的效果就要读者自己去深究了

github链接：https://github.com/93Laer/PathAnimtor/blob/master/README.md

先展示一下效果图

</br>

登录界面的vectorDrawable

现在看上去还是没一点鸟用哈，也没什么特点，再看看代码吧

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="75dp"
    android:height="25dp"
    android:viewportHeight="40"
    android:viewportWidth="120">
        <path
            android:name="firstHLine"
            android:pathData="M 0,20 l 90,0"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
        <path
            android:name="circleTop"
            android:pathData="M 90,20
            A 9,9 0,1,0 81,11"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
        <path
            android:name="true"
            android:pathData="M 81,11 l 4,6 l 10,-8"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeLineCap="round"
            android:strokeWidth="0.5" />
        <path
            android:name="circleBouttom"
            android:pathData="
            M90,20
            A 9,9 0,1,1 90,38"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
        <path
            android:name="secondHLine"
            android:pathData="M 0,38 l 90,0"
            android:strokeAlpha="0.8"
            android:strokeColor="@android:color/holo_red_dark"
            android:strokeWidth="0.5" />
</vector>

麻痹，更难过了

来看看没用的鸟图实现的炫酷效果吧

登录界面的vectorDrawable的gif

感觉还是不错呀

注：网上有太多关于这种动画的炫酷效果了，我这里只展示了我自己实现的一个小动画，有兴趣可以自己搜来看

</br>

分析这个动画的步骤:

当输入账户名的编辑框获得焦点时显示上面那条横线动画
当输入的账户名正确时显示一个提示正确的方法
当下面输入框获得焦点时显示第二条横线
当输入账户名的编辑框将账户名改错了时加载收起正确符号的动画
当前焦点在下面的输入框，当再次点击上面的输入框，上面获得焦点时，加载返回到上一条的过度动画
另外还有当账户名输入正确或是失败时，两个输入框获得焦点时的过渡动画，这里我就不罗列了

</br>

首先定义动画吧(没有加default的都是动画显示,请自动忽略命名,也勿喷，第一次都是这样)

default_show

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueFrom="1"
    android:valueTo="1"
    android:valueType="floatType"
    android:duration="1"
    />

default_gone

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueTo="0"
    android:valueFrom="0"
    android:valueType="floatType"
    android:duration="1"
    />

anim3_first_line_gone

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathStart"
    android:valueFrom="0"
    android:valueTo="1"
    android:valueType="floatType"
    android:duration="500"
    android:interpolator="@android:interpolator/linear_out_slow_in" />

anim3_back_circle_buttom

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathStart"
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType"
        android:startOffset="200"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />

    </set>

anim3_back_buttom_circle

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueFrom="1"
    android:valueTo="0"
    android:valueType="floatType"
    android:startOffset="600"
    android:duration="500"
    android:interpolator="@android:interpolator/linear_out_slow_in" />

anim3_back_first_line

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1"
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="500"
        android:propertyName="trimPathStart"
        android:startOffset="700"
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1"
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="1"
        android:valueType="floatType" />
</set>

anim_show

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:propertyName="trimPathEnd"
    android:valueFrom="0"
    android:valueTo="1"
    android:duration="500"
    android:valueType="floatType"
    android:interpolator="@android:interpolator/linear_out_slow_in"
    tools:targetApi="lollipop"/>

default_show

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="trimPathEnd"
    android:valueFrom="1"
    android:valueTo="1"
    android:valueType="floatType"
    android:duration="1"
    />

anim2_circletop_show

<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator
        android:propertyName="trimPathStart"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
</set>

anim2_show_true

<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:duration="1"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="1"
        android:startOffset="500"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
</set>

anim3_circle_buttom_show

<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator
        android:propertyName="trimPathStart"
        android:valueFrom="0"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
</set>

anim3_second_line_show

<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueFrom="0"
        android:valueTo="0"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathStart"
        android:valueFrom="1"
        android:valueTo="0"
        android:valueType="floatType"
        android:startOffset="500"
        android:duration="500"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="1"
        android:valueType="floatType"
        android:duration="1"
        android:interpolator="@android:interpolator/linear_out_slow_in" />
</set>

anim_no_pass_true

<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="0"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
</set>

anim_no_pass_circle

<?xml version="1.0" encoding="utf-8"?>
<set android:ordering="sequentially"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueTo="0"
        android:valueFrom="0"
        android:valueType="floatType"
        android:duration="1"
        />
    <objectAnimator
        android:propertyName="trimPathStart"
        android:valueFrom="1"
        android:valueTo="0"
        android:startOffset="200"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="trimPathEnd"
        android:valueTo="1"
        android:valueFrom="1"
        android:valueType="floatType"
        android:duration="1"
        />
    <objectAnimator
        android:propertyName="trimPathEnd"
        android:valueFrom="1"
        android:valueTo="0"
        android:duration="500"
        android:valueType="floatType"
        android:interpolator="@android:interpolator/linear_out_slow_in"/>
</set>

在Drawable下新建

anim1

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">
    <target
        android:name="firstHLine"//对应路径的名字
        android:animation="@animator/anim_show" />
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="true"
        android:animation="@animator/default_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/default_gone" />
</animated-vector>

anim2

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop"
    >
    <target
        android:name="firstHLine"
        android:animation="@animator/default_show" />
    <target
        android:name="circleTop"
        android:animation="@animator/anim2_circletop_show" />
    <target
        android:name="true"
        android:animation="@animator/anim2_show_true" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/default_gone" />
</animated-vector>

anim3

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="true"
        android:animation="@animator/default_show" />
    <target
    android:name="firstHLine"
    android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_circle_buttom_show" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_second_line_show" />
</animated-vector>

anim3_back1

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">

    <target
        android:name="true"
        android:animation="@animator/default_show" />
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_circle_buttom" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_buttom_circle" />
    <target
        android:name="firstHLine"
        android:animation="@animator/anim3_back_first_line" />
</animated-vector>

anim3_back1_no_pass

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">

    <target
        android:name="true"
        android:animation="@animator/default_gone" />
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_circle_buttom" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_back_buttom_circle" />
    <target
        android:name="firstHLine"
        android:animation="@animator/anim3_back_first_line" />
</animated-vector>

anim3_no_pass

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop">
    <target
        android:name="circleTop"
        android:animation="@animator/default_gone" />
    <target
        android:name="true"
        android:animation="@animator/default_gone" />
    <target
    android:name="firstHLine"
    android:animation="@animator/anim3_first_line_gone" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/anim3_circle_buttom_show" />
    <target
        android:name="secondHLine"
        android:animation="@animator/anim3_second_line_show" />
</animated-vector>

anim_judge

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:drawable="@drawable/login_vector"
    tools:targetApi="lollipop"
    >
    <target
        android:name="firstHLine"
        android:animation="@animator/default_show" />
    <target
        android:name="true"
        android:animation="@animator/anim_no_pass_true" />
    <target
        android:name="circleTop"
        android:animation="@animator/anim_no_pass_circle" />
    <target
        android:name="circleBouttom"
        android:animation="@animator/default_gone" />
    <target
        android:name="secondHLine"
        android:animation="@animator/default_gone" />
</animated-vector>

界面布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.laer.testcamera.LoginActivity">
    <ImageView
        android:id="@+id/img1"
        android:layout_marginLeft="50dp"
        android:layout_width="300dp"
        android:layout_height="100dp"
        android:focusable="true"
        android:focusableInTouchMode="true"/>
    <LinearLayout
        android:id="@+id/l1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_vertical">
        <TextView
            android:text="账户名:"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />
        <EditText
            android:id="@+id/edit1"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:background="@null"
            android:hint="账户名"
            android:paddingStart="4dp"
            android:textColor="?android:colorAccent"
            android:textColorHint="@color/colorPrimary"
            android:textSize="12sp" />
    </LinearLayout>
    <LinearLayout
        android:layout_below="@id/l1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_vertical">
        <TextView
            android:text="密    码:"
            android:layout_width="50dp"
            android:layout_height="wrap_content" />
        <EditText
            android:id="@+id/edit2"
            android:layout_width="300dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:background="@null"
            android:hint="密码"
            android:paddingStart="4dp"
            android:textColor="?android:colorAccent"
            android:textColorHint="@color/colorPrimary"
            android:textSize="12sp" />
    </LinearLayout>
</RelativeLayout>

activity的逻辑处理

public class LoginActivity extends AppCompatActivity implements View.OnFocusChangeListener, TextWatcher {

    private ImageView img1;
    private EditText edit1;
    private EditText edit2;
    private AnimatedVectorDrawable anim1;
    private AnimatedVectorDrawable anim2;
    private AnimatedVectorDrawable anim3;
    private AnimatedVectorDrawable anim3_back1;
    private AnimatedVectorDrawable anim_judge;
    private AnimatedVectorDrawable anim3_back1_no_pass;
    private AnimatedVectorDrawable anim3_no_pass;
    private boolean isGoBack;
    private boolean isShowTrue;
    private boolean isPass;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        img1 = ((ImageView) findViewById(R.id.img1));
        edit1 = ((EditText) findViewById(R.id.edit1));
        edit2 = ((EditText) findViewById(R.id.edit2));
        anim1 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim1);
        anim2 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim2);
        anim3 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3);
        anim3_back1 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3_back1);
        anim3_back1_no_pass = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3_back1_no_pass);
        anim3_no_pass = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim3_no_pass);
        anim_judge = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim_judge);
        // 设置焦点变化的监听
        edit1.setOnFocusChangeListener(this);
        edit2.setOnFocusChangeListener(this);
        // 文本变化的监听
        edit1.addTextChangedListener(this);
    }

    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        switch (v.getId()) {
            case R.id.edit1:
                if (hasFocus) {
                    if (isGoBack) {
                        if (isPass) {
                            isGoBack = false;
                            img1.setImageDrawable(anim3_back1);
                            anim3_back1.start();
                        } else {
                            isGoBack = false;
                            img1.setImageDrawable(anim3_back1_no_pass);
                            anim3_back1_no_pass.start();
                        }
                    } else {
                        img1.setImageDrawable(anim1);
                        anim1.start();
                    }
                }

                break;
            case R.id.edit2:
                if (hasFocus) {
                    isGoBack = true;
                    if (isPass){
                        img1.setImageDrawable(anim3);
                        anim3.start();
                    }else {
                        img1.setImageDrawable(anim3_no_pass);
                        anim3_no_pass.start();
                    }

                }
                break;
        }
    }

    @Override
    public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

    }

    @Override
    public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

    }

    @Override
    public void afterTextChanged(Editable editable) {
        if (!TextUtils.isEmpty(editable) && edit1.getText().toString().equals("123")) {
            isPass = true;
            img1.setImageDrawable(anim2);
            anim2.start();
            isShowTrue = true;
        } else if (isShowTrue) {
            isPass = false;
            img1.setImageDrawable(anim_judge);
            anim_judge.start();
            isShowTrue = false;
        }
    }
}

顺便讲讲trimPathEnd和trimPathStart 的区别，很简单，不懂的，自己测试一下

trimPathEnd：
指的是从开始绘制的地方到剪切结束的地方
trimPathStart
指的是从开始剪切的地方到最后

参考链接

http://mp.weixin.qq.com/s__biz=MzAxNzMxNzk5OQ==&mid=2649484518&idx=1&sn=6f36f9836ff2c740b77514a3457a21b8&scene=0#wechat_redirect

http://www.jianshu.com/p/7d7178a0feca

最后编辑于：2017.12.05 01:59:12

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 199,711评论 5赞 468
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 83,932评论 2赞 376
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 146,770评论 0赞 330
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 53,799评论 1赞 271
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 62,697评论 5赞 359
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,069评论 1赞 276
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 37,535评论 3赞 390
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,200评论 0赞 254
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 40,353评论 1赞 294
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,290评论 2赞 317
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,331评论 1赞 329
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,020评论 3赞 315
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 38,610评论 3赞 303
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,694评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 30,927评论 1赞 255
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 42,330评论 2赞 346
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 41,904评论 2赞 341

Android5.0之后VectorDrawable 实现超炫酷动画和交互效果的登录界面

注意：这篇博客重在为大家提供学习vectorDrawable实习动画的基础知识，但是想要实现更加炫酷的效果就要读者自己去深究了

github链接：https://github.com/93Laer/PathAnimtor/blob/master/README.md

先展示一下效果图

现在看上去还是没一点鸟用哈，也没什么特点，再看看代码吧

来看看没用的鸟图实现的炫酷效果吧

注：网上有太多关于这种动画的炫酷效果了，我这里只展示了我自己实现的一个小动画，有兴趣可以自己搜来看

分析这个动画的步骤:

首先定义动画吧(没有加default的都是动画显示,请自动忽略命名,也勿喷，第一次都是这样)

在Drawable下新建

顺便讲讲trimPathEnd和trimPathStart 的区别，很简单，不懂的，自己测试一下

参考链接

推荐阅读更多精彩内容