MotionLayout使用KeyFrameSet实现曲线动画(下)

已于 2023-08-15 11:06:46 修改
阅读量862 收藏 2
点赞数
分类专栏： Android ConstraintLayout 文章标签： MotionLayout Android 曲线动画 Android点赞动画 Android约束布局 贝塞尔曲线动画
于 2017-04-05 18:14:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37730482/article/details/69275942
版权

一.KeyFrameSet实现单个View运动轨迹

1.效果图

2.布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main_constraintlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ConstraintLayoutActivity">

    <androidx.constraintlayout.motion.widget.MotionLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layoutDescription="@xml/activity_constraint_layout_scene_only"
        app:motionDebug="SHOW_PATH">


        <ImageView
            android:id="@+id/imageView"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/football" />

    </androidx.constraintlayout.motion.widget.MotionLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

3.描述文件

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

    <!-- 开始ConstraintSet集合  -->
    <ConstraintSet android:id="@+id/start">

        <!-- 开始位置 imageView 屏幕左上角 -->
        <Constraint
            android:id="@id/imageView"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </ConstraintSet>

    <!-- 结束ConstraintSet集合  -->
    <ConstraintSet android:id="@+id/end">

        <!-- 结束位置 imageView 屏幕底部布局右边位置 -->
        <Constraint
            android:id="@id/imageView"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_marginBottom="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintRight_toRightOf="parent" />

    </ConstraintSet>

    <!-- 动画轨迹  指定开始&结束的ConstraintSet 以及动画持续的时间-->
    <Transition
        app:constraintSetEnd="@id/end"
        app:constraintSetStart="@id/start"
        app:duration="3000">

        <!-- 动画开始的方式是 点击 imageView -->
        <OnClick
            app:clickAction="toggle"
            app:targetId="@id/imageView" />

        <!-- KeyFrameSet集合 -->
        <KeyFrameSet>

            <!-- imageView的轨迹位置 整个运动的[0%,20%] 沿着X轴从开始位置走到屏幕最右边-->
            <KeyPosition
                app:framePosition="20"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView"
                app:pathMotionArc="flip"
                app:percentX="1.0"
                app:percentY="0.0" />

            <!-- ImageView的轨迹位置 整个运动的[20%,40%] -->
            <KeyPosition
                app:framePosition="40"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView"
                app:pathMotionArc="startVertical"
                app:percentX="0"
                app:percentY="0.3" />

            <!-- ImageView的轨迹位置 整个运动的[40%,60%]-->
            <KeyPosition
                app:framePosition="60"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView"
                app:pathMotionArc="startVertical"
                app:percentX="1.0"
                app:percentY="0.5" />

            <!-- ImageView的轨迹位置 整个运动的[60%,80%]-->
            <KeyPosition
                app:framePosition="80"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView"
                app:pathMotionArc="startVertical"
                app:percentX="0.1"
                app:percentY="0.62" />

            <!-- ImageView的轨迹位置 整个运动的[80%,85%]-->
            <KeyPosition
                app:framePosition="85"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.5" />

            <!-- ImageView的轨迹位置 整个运动的[80%,90%]-->
            <KeyPosition
                app:framePosition="90"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView"
                app:pathMotionArc="none"
                app:percentX="0.5"
                app:percentY="0.8" />

        </KeyFrameSet>

    </Transition>

</MotionScene>

二.KeyFrmeSet实现类似贝塞尔曲线动画

1.效果图

2.布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main_constraintlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ConstraintLayoutActivity">

    <androidx.constraintlayout.motion.widget.MotionLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layoutDescription="@xml/activity_constraint_layout_scene"
        app:motionDebug="SHOW_PATH">


        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/football" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/football" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/football" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/football" />

        <ImageView
            android:id="@+id/imageView5"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/football" />

    </androidx.constraintlayout.motion.widget.MotionLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

3.描述文件

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

    <!-- 开始ConstraintSet集合  -->
    <ConstraintSet android:id="@+id/start">

        <!-- 开始位置 ImageView1 屏幕左上角 -->
        <Constraint
            android:id="@id/imageView1"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <!-- 开始位置 ImageView2 屏幕左上角 与上一个ImageView重叠 -->
        <Constraint
            android:id="@id/imageView2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <!-- 开始位置 ImageView3 屏幕左上角 与上一个ImageView重叠 -->
        <Constraint
            android:id="@id/imageView3"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <!-- 开始位置 ImageView4 屏幕左上角 与上一个ImageView重叠 -->
        <Constraint
            android:id="@id/imageView4"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <!-- 开始位置 ImageView5 屏幕左上角 与上一个ImageView重叠 -->
        <Constraint
            android:id="@id/imageView5"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </ConstraintSet>

    <!-- 结束ConstraintSet集合  -->
    <ConstraintSet android:id="@+id/end">

        <!-- 结束位置 ImageView1 屏幕底部布局左边位置 -->
        <Constraint
            android:id="@id/imageView1"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:layout_marginBottom="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent" />

        <!-- 结束位置 ImageView2 屏幕底部 ImageView1和ImageView3中间位置 -->
        <Constraint
            android:id="@id/imageView2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginBottom="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toRightOf="@id/imageView1"
            app:layout_constraintRight_toLeftOf="@id/imageView3" />

        <!-- 结束位置 ImageView3 屏幕底部中间位置 -->
        <Constraint
            android:id="@id/imageView3"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginBottom="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent" />

        <!-- 结束位置 ImageView4 屏幕底部 ImageView3和ImageView5中间位置 -->
        <Constraint
            android:id="@id/imageView4"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginBottom="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toRightOf="@id/imageView3"
            app:layout_constraintRight_toLeftOf="@id/imageView5" />

        <!-- 结束位置 ImageView5 屏幕底部布局右边位置 -->
        <Constraint
            android:id="@id/imageView5"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_marginBottom="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintRight_toRightOf="parent" />

    </ConstraintSet>

    <!-- 动画轨迹  指定开始&结束的ConstraintSet 以及动画持续的时间-->
    <Transition
        app:constraintSetEnd="@id/end"
        app:constraintSetStart="@id/start"
        app:duration="3000">

        <!-- 动画开始的方式是 点击 ImageView1 -->
        <OnClick
            app:clickAction="toggle"
            app:targetId="@id/imageView1" />

        <!-- KeyFrameSet集合 -->
        <KeyFrameSet>

            <!-- ImageView1的轨迹位置 整个运动的[0%,20%]-->
            <KeyPosition
                app:framePosition="20"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView1"
                app:percentX="0.68"
                app:percentY="0.3" />

            <!-- ImageView1的轨迹位置 整个运动的[20%,38%]-->
            <KeyPosition
                app:framePosition="38"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView1"
                app:pathMotionArc="startVertical"
                app:percentX="0.9"
                app:percentY="0.65" />

            <!-- ImageView1的轨迹位置 整个运动的[38%,46%]-->
            <KeyPosition
                app:framePosition="46"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView1"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView1的轨迹位置 整个运动的[46%,65%]-->
            <KeyPosition
                app:framePosition="65"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView1"
                app:pathMotionArc="startVertical"
                app:percentX="0.1"
                app:percentY="0.62" />

            <!-- ImageView1的轨迹位置 整个运动的[65%,80%]-->
            <KeyPosition
                app:framePosition="80"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView1"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.5" />

            <!-- ImageView1的轨迹位置 整个运动的[80%,90%]-->
            <KeyPosition
                app:framePosition="90"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView1"
                app:pathMotionArc="none"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView2的轨迹位置 整个运动的[0%,20%]-->
            <KeyPosition
                app:framePosition="20"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView2"
                app:percentX="0.68"
                app:percentY="0.3" />

            <!-- ImageView2的轨迹位置 整个运动的[20%,40%]-->
            <KeyPosition
                app:framePosition="40"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView2"
                app:pathMotionArc="startVertical"
                app:percentX="0.9"
                app:percentY="0.65" />

            <!-- ImageView2的轨迹位置 整个运动的[40%,50%]-->
            <KeyPosition
                app:framePosition="50"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView2"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView2的轨迹位置 整个运动的[50%,60%]-->
            <KeyPosition
                app:framePosition="60"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView2"
                app:pathMotionArc="startVertical"
                app:percentX="0.1"
                app:percentY="0.62" />

            <!-- ImageView2的轨迹位置 整个运动的[60%,80%]-->
            <KeyPosition
                app:framePosition="80"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView2"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.5" />

            <!-- ImageView2的轨迹位置 整个运动的[80%,90%]-->
            <KeyPosition
                app:framePosition="90"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView2"
                app:pathMotionArc="none"
                app:percentX="0.5"
                app:percentY="0.8" />


            <!-- ImageView3的轨迹位置 整个运动的[0%,25%]-->
            <KeyPosition
                app:framePosition="25"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView3"
                app:percentX="0.68"
                app:percentY="0.3" />

            <!-- ImageView3的轨迹位置 整个运动的[25%,45%]-->
            <KeyPosition
                app:framePosition="45"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView3"
                app:pathMotionArc="startVertical"
                app:percentX="0.9"
                app:percentY="0.65" />

            <!-- ImageView3的轨迹位置 整个运动的[45%,52%]-->
            <KeyPosition
                app:framePosition="52"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView3"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView3的轨迹位置 整个运动的[52%,66%]-->
            <KeyPosition
                app:framePosition="66"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView3"
                app:pathMotionArc="startVertical"
                app:percentX="0.1"
                app:percentY="0.62" />

            <!-- ImageView3的轨迹位置 整个运动的[66%,85%]-->
            <KeyPosition
                app:framePosition="85"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView3"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.5" />

            <!-- ImageView3的轨迹位置 整个运动的[85%,92%]-->
            <KeyPosition
                app:framePosition="92"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView3"
                app:pathMotionArc="none"
                app:percentX="0.5"
                app:percentY="0.8" />


            <!-- ImageView4的轨迹位置 整个运动的[0%,25%]-->
            <KeyPosition
                app:framePosition="25"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView4"
                app:percentX="0.68"
                app:percentY="0.3" />

            <!-- ImageView4的轨迹位置 整个运动的[25%,48%]-->
            <KeyPosition
                app:framePosition="48"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView4"
                app:pathMotionArc="startVertical"
                app:percentX="0.9"
                app:percentY="0.65" />

            <!-- ImageView4的轨迹位置 整个运动的[48%,55%]-->
            <KeyPosition
                app:framePosition="55"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView4"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView4的轨迹位置 整个运动的[55%,69%]-->
            <KeyPosition
                app:framePosition="69"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView4"
                app:pathMotionArc="flip"
                app:percentX="0.1"
                app:percentY="0.62" />

            <!-- ImageView4的轨迹位置 整个运动的[69%,89%]-->
            <KeyPosition
                app:framePosition="89"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView4"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.5" />

            <!-- ImageView4的轨迹位置 整个运动的[89%,94%]-->
            <KeyPosition
                app:framePosition="94"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView4"
                app:pathMotionArc="none"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView5的轨迹位置 整个运动的[0%,30%]-->
            <KeyPosition
                app:framePosition="30"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView5"
                app:percentX="0.68"
                app:percentY="0.3" />

            <!-- ImageView5的轨迹位置 整个运动的[30%,51%]-->
            <KeyPosition
                app:framePosition="51"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView5"
                app:pathMotionArc="startVertical"
                app:percentX="0.9"
                app:percentY="0.65" />

            <!-- ImageView5的轨迹位置 整个运动的[51%,56%]-->
            <KeyPosition
                app:framePosition="56"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView5"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.8" />

            <!-- ImageView5的轨迹位置 整个运动的[56%,73%]-->
            <KeyPosition
                app:framePosition="73"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView5"
                app:pathMotionArc="flip"
                app:percentX="0.1"
                app:percentY="0.62" />

            <!-- ImageView5的轨迹位置 整个运动的[73%,94%]-->
            <KeyPosition
                app:framePosition="94"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView5"
                app:pathMotionArc="startVertical"
                app:percentX="0.5"
                app:percentY="0.5" />

            <!-- ImageView5的轨迹位置 整个运动的[94%,97%]-->
            <KeyPosition
                app:framePosition="97"
                app:keyPositionType="parentRelative"
                app:motionTarget="@id/imageView5"
                app:pathMotionArc="none"
                app:percentX="0.5"
                app:percentY="0.8" />

        </KeyFrameSet>

    </Transition>

</MotionScene>

jianning-wu
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用MotionLayout实现优步主屏幕动画.zip
09-25
使用MotionLayout实现优步主屏幕动画。.zip,使用motionlayout实现uber主屏幕动画。
MotionLayout：布局中的战斗机 Oyeah！
winskyan的专栏
07-23 205
MotionLayout 是 ConstraintLayout 的子类，可以基于动画和手势实现效果炫酷的布局切换。 implementation'androidx.constraintlayout:constraintlayout:2.0.0' ConstraintLayout 的 2.0 以上就可以使用 MotionLayout 了，目前最新版是2.1.0-beta02。 将布局转换为MotionLayout MotionLayout 是ConstraintLayout 的子类，用Cons..
MotionLayout使用KeyFrameSet实现曲线动画(上)
听海的博客
05-02 782
MotionLayout使用KeyFrameSet实现曲线动画(上)
5分钟带你学会MotionLayout 第二篇
chuyouyinghe的专栏
05-30 368
最近在开发中，同事居然对一知半解，那怎么行！百里偷闲写出此文章，一起学习、一起进步。希望你在阅读这篇文章的时候，已经对下面的内容熟练掌握了对了还有务必熟练掌握对了，如果可以，请跟随敲代码，毕竟你脑补的代码，没有编译器。当然你也可以阅读我的上一篇文章5分钟带你学会MotionLayou 第一篇5分钟带你学会MotionLayou 第二篇。
MotionLayout初探
CarsonWoo的博客
11-19 3358
MotionLayout初探
Java知识点整理
weixin_36651507的博客
07-12 1243
关于Java基础的一些知识
OnBoardingScreen：使用MotionLayout创建动画的入职或欢迎屏幕
02-04
OnBoardingScreen：使用MotionLayout创建动画的入职或欢迎屏幕
试用Android动画和MotionLayout。-Android开发
05-26
我发现一些文章和教程非常有帮助：Google开发人员对MotionLayout系列的介绍Android开发人员在MotionLayout上的播放列表ViewPager PageTransformer使用ViewPager2实现图像滑块所有功劳归功于Dribbble上的UI Designer...
NavigationHeader:基于MotionLayout的导航标题库，其灵感来自使用MotionLayout和ObjectAnimator构建的运球菜单设计
03-11
导航标题 导航标头的灵感来自于使用MotionLayout和ObjectAnimator构建的。屏幕截图设置将其添加到项目根目录build.gradle中：allprojects {repositories {...maven { url 'https://jitpack.io' }}}在应用程序build....
CarRentalAppConceptIUIMotionLayout：这是一个演示，展示了MotionLayout在制作您的App时实现过渡动画的功能如何
02-04
CarRentalAppConceptIUIMotionLayout：这是一个演示，展示了MotionLayout在制作您的App时实现过渡动画的功能如何
集合框架库Map接口 -- HashMap详细介绍
DuMarch的博客
03-12 411
1. HashMap简介 HashMap是Map接口下的集合。 HashMap继承于AbstractMap，实现了Map、Cloneable、java.io.Serializable接口。 HashMap有两个参数影响其性能：初始容量和加载因子，初始容量是哈希表在创建时的容量，默认为16个大小。加载因子默认为0.75，当哈希表中的节点个数超过加载因子*当前节点个数时，需要进行2倍扩容操作。 Has...
Map接口的实现类----HashMap
WYSCODER的博客
02-17 1221
Map接口的实现类----HashMap。
hashMap 和hashTable实现的类和接口
memory
09-21 6106
根据jdk1.8的源码，系统出了一个类图，这里考虑几个Map实现的类 HashTable、HashMap、TreeMap、ConcurrentHashMap、LinkedHashMap 有图有真相，我们看图可以看出各个类实现的接口有 Serializable Cloneable AbctractMap HashTable √ √ Hash...
HashMap底层实现原理及面试问题
热门推荐
学Java，找哪吒
02-16 1万+
一、HashMap的工作原理 HashMap基于hashing原理，我们通过put()和get()方法储存和获取对象。当我们将键值对传递给put()方法时，它调用键对象的hashCode()方法来计算hashcode，让后找到bucket位置来储存值对象。当获取对象时，通过键对象的equals()方法找到正确的键值对，然后返回值对象。HashMap使用链表来解决碰撞问题，当发生碰撞了，对象将会储存在链表的下一个节点中。 HashMap在每个链表节点中储存键值对对象。 当两个不同的键对象的hashcode
Android新控件MotionLayout介绍（四）
成长的烧年
05-20 4378
系列文章为： Android新控件MotionLayout介绍（一） Android新控件MotionLayout介绍（二） Android新控件MotionLayout介绍（三） 本文标题： 在MotionLayout中定义运动路径 介绍 在ConstraintLayout 2.0库中我们介绍了MotionLayout，这是一种主要是注重动画的布局。先前的文章中对它有了一些浏览，我非常鼓励你先把...
Android 使用MotionLayout实现动画效果
朱豪凯的博客
07-29 3595
MotionScene 运动场景文件的根元素。 <MotionScene>包括一个或多个<Transition>元素，每个元素用于定义运动序列的开始和结束状态，以及这两种状态的转换。 必须包含的元素 Transition 指定需要执行的运动序列。 如果<MotionScene>包含多个<Transition>元素，MotionLayout会根据用户的互动选择最合适的元素。例如，<MotionScene>可能有四个<Transition>
MotionLayout 使用说明书（入门级详解）
knight康康的博客
08-14 8648
准备工作 把大象????关进冰箱需要三步，让项目中用上MotionLayout只需两步 第一步:升级constraintlayout 至2.0及以上 implementation 'androidx.constraintlayout:constraintlayout:2.0.0-rc1' 写此文时最新版本为 2.0.0-rc1 (话说 这个2.0.0 开发有点长呀，现在稳定版还是1.1.3) 第二步：将布局转换为MotionLayout MotionLayout 是ConstraintLayout 的子
使用 MotionLayout 简单构建过渡
weixin_33881041的博客
01-09 467
MotionLayout 构建过渡 本篇会介绍如何使用 MotionLayout 快速创建一个简单的过渡效果。 构建过渡只需要三步 在开始之前请牢记，构建过渡，只需简单的三步。 创建起始场景 (StartScene) 创建结束场景 (EndScene) 调整起始场景到结束场景的方式 废话不多说直接开始 构建开始场景 首先，我们有一个起始场景 &lt;ConstraintSet android...
MotionLayout动画
反魂蝶五分的博客
07-04 3780
在今年的Google I/O 上 Google 开发者展示了这么一段视频 What’s New in ConstraintLayout (Google I/O’19) （视频在youtube上，需要翻墙），截了其中一段做了个gif图 图中动画使用ConstraintLayout 2.0里的MotionLayout完成。 ConstraintLayout 2.0现在还是beta版，不过已经可以实行...
android motionlayout使用示例
最新发布
05-31
2. 在 res/xml 目录下创建 MotionScene 文件 scene_main.xml，定义 MotionLayout 的动画场景： ```xml xmlns:motion="http://schemas.android.com/apk/res-auto"> <!-- 定义起始状态 --> android:id="@+id...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值