MotionLayout实现简单卫星菜单

       最早从公众号了解到MotionLayout,大概知道它是继承自ConstraintLayout,目的是让我们更方便快捷地写一些简单的view动画,其实Android已经给我们提供一系列的Animation API,足以应对一切动画需求,就是需要写一大串的配置,而MotionLayout则看起来更加优雅易读易改造。
       下面以一篇文章MotionLayout 基础教程最后的作业开始实践,算是入门级的实践,效果图如下:

效果图.gif

一、分析

       在我理解,动画基本就是起点和终点的变化,在这个栗子中,我们的起点是


起点

终点是
终点

       我们就负责写好这两个位置,其它不用我们操心,是不是很简便

二、步骤

1、依赖添加好implementation 'androidx.constraintlayout:constraintlayout:2.0.0-beta2'(必须2.0及以上)
2、写出我们刚才说的起点和终点,这里需要写到res/xml文件夹下,这边命名为line_detail_scene.xml



    

        

        


    

    


        

        

        

        
    

    

        

        

        

        

    

       简单分析,首先用包起来,里面有,两大标签,就是我们指定起始和终点,配置动画类型等,则是具体的起点和终点的视图,就相当于写两个布局,就是我们上面图示的两种布局。
3、将上面写的scene布局配置到我们的xml布局文件,如下:


 

    


    

    

顺便晒出style文件

    

    

    

    

    

三、总结

       这算是个很简单的使用例子了,MotionLayout还有很多API,具体可以参考官方例子MotionLayout examples。使用体验就是清爽干练,没了,可根据场景使用。

你可能感兴趣的:(MotionLayout实现简单卫星菜单)