MotionLayout第一篇前言Android 最丝滑的动画--(后面陆续更新)(带效果图,视频)

前言 前端时间看到了一篇有关Android 的动画,这几天抽空看了一下,确实很丝滑,话不多说先看视频看界面

贴了几张图片,视频太模糊了,只能看一下交互

一、用到的一些技术

1、拟态

2、MotionLayout

这篇博客后面会有好几篇,内容逐渐深入

这个动画是谷歌推出的布局类型动画，可帮助开发者管理应用中的运动和微件动画。

下一篇开始写相关的博客,这段时间实在是太忙了

<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RelativeLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="@dimen/_77sdp">

        <ImageView
            android:id="@+id/gather_back"
            android:layout_width="@dimen/_50sdp"
            android:layout_height="@dimen/_50sdp"
            android:layout_marginTop="@dimen/_30sdp"
            android:padding="@dimen/_15sdp"
            android:src="@drawable/back" />

        <soup.neumorphism.NeumorphTextView
            android:layout_centerHorizontal="true"
            android:layout_marginTop="50dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:neumorph_shadowColorLight="#fff"
            app:neumorph_shadowColorDark="#DDDDDD"
            android:text="电脑快播"
            android:textColor="#000000"
            android:textSize="20dp" />


        <View
            android:layout_alignParentBottom="true"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#F1F1F1"/>
    </RelativeLayout>



    <soup.neumorphism.NeumorphCardView
        app:neumorph_strokeColor="#DFDFDF"
        app:neumorph_strokeWidth="0.1dp"
        app:neumorph_shadowElevation="6dp"
        app:neumorph_shadowColorLight="#fff"
        app:neumorph_shadowColorDark="#DDDDDD"
        style="@style/Widget.Neumorph.CardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <EditText
            android:layout_marginHorizontal="10dp"
            android:layout_width="match_parent"
            android:layout_height="50dp"/>

    </soup.neumorphism.NeumorphCardView>


    <soup.neumorphism.NeumorphCardView
        app:neumorph_strokeColor="#DFDFDF"
        app:neumorph_strokeWidth="0.1dp"
        app:neumorph_shadowElevation="6dp"
        app:neumorph_shadowColorLight="#fff"
        app:neumorph_shadowColorDark="#DDDDDD"
        style="@style/Widget.Neumorph.CardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp">

        <LinearLayout
            android:layout_width="316dp"
            android:layout_height="200dp"
            android:orientation="vertical">


            <soup.neumorphism.NeumorphTextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="100dp"
                android:text="898989 1234567890 "
                android:textColor="#F3F3F3"
                android:textSize="26sp"
                android:textStyle="bold"
                app:neumorph_shapeType="pressed" />

        </LinearLayout>

    </soup.neumorphism.NeumorphCardView>

下一篇Android 最丝滑的动画–第二篇MotionLayout概述(后面陆续更新)