ConstraintLayout动画入门

最新推荐文章于 2024-03-25 08:06:29 发布
最新推荐文章于 2024-03-25 08:06:29 发布
阅读量3k 收藏 8
点赞数 4
分类专栏： android进阶 android 文章标签： ConstraintLayout 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013762572/article/details/83654309
版权

前面有篇文章简单介绍了一下ConstraintLayout，如果有不熟的地方，可以自行查看。这里主要介绍一下ConstraintLayout可以实现的动画。
具体什么样的呢？ 我们先看一个复杂一点的dome：
在这里插入图片描述

这里的ConstraintLayout动画主要是将XML中的代码转化到Java代码中即可，还是标间简单的，只是官方给的文档不多，也不知道自己学的对不对。先一个一个来吧。

首先需要添加一个transition依赖，作用是使ConstraintLayout动画过渡，不然就没有动画的感觉：

implementation 'com.android.support:transition:28.0.0'

先从简单的来，先看一下XML布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/id_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/id_tv_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="80dp"
        android:layout_marginTop="90dp"
        android:background="#952"
        android:padding="12dp"
        android:text="TextView 1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/id_tv_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="40dp"
        android:layout_marginTop="149dp"
        android:background="#489"
        android:padding="12dp"
        android:text="TextView 2"
        app:layout_constraintLeft_toRightOf="@id/id_tv_1"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/id_tv_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginTop="160dp"
        android:background="#09F"
        android:padding="12dp"
        android:text="TextView 3"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/id_tv_1" />

    <Button
        android:id="@+id/id_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="100dp"
        android:text="apply"
        android:onClick="apply"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent" />

    <Button
        android:id="@+id/id_btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="reset"
        android:onClick="reset"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/id_btn" />

</android.support.constraint.ConstraintLayout>

XML解析图为：

Activity需要准备的是，需要两个ConstraintSet来记录改变的ConstraintLayout规则，大致代码如下：

public class ConstraintActivity extends AppCompatActivity {

    private ConstraintLayout constraintLayout;
    private ConstraintSet applyConstraintSet = new ConstraintSet();
    private ConstraintSet resetConstraintSet = new ConstraintSet();

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_constraint);

        constraintLayout = findViewById(R.id.id_main);
        applyConstraintSet.clone(constraintLayout);
        resetConstraintSet.clone(constraintLayout);
    }

    public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);
     
    }

    public void reset(View v) {
        //复原
        TransitionManager.beginDelayedTransition(constraintLayout);
        resetConstraintSet.applyTo(constraintLayout);

    }
1. 要使TextView1 移动到父窗口的左边

在XML代码中，只需要设置TextView的属性:

app:layout_constraintLeft_toLeftOf="parent"

转成Java代码为：

applyConstraintSet.connect(R.id.id_tv_1,ConstraintSet.START, R.id.id_main, ConstraintSet.START, 0);

但是这个属性在XML代码中，TextView1已经有了，我们只需要改变一下TextView的Margin就行了，

那么基本代码是:

public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);

        //改变TextView的Margin_START 
        applyConstraintSet.setMargin(R.id.id_tv_1, ConstraintSet.START, 1);
        applyConstraintSet.applyTo(constraintLayout);
}

效果图为：
在这里插入图片描述

2.所有按钮在父控件中间排列

需要首先需要将View的margin设置为0，因为View如果存在Margin，则会影响View位于中间的操作，然后中间设置使用为centerHorizontally，基础代码为：

 public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);
   
        applyConstraintSet.setMargin(R.id.id_tv_1, ConstraintSet.START,0);
        applyConstraintSet.setMargin(R.id.id_tv_1, ConstraintSet.END,0);
        applyConstraintSet.setMargin(R.id.id_tv_2, ConstraintSet.START,0);
        applyConstraintSet.setMargin(R.id.id_tv_2, ConstraintSet.END,0);
        applyConstraintSet.setMargin(R.id.id_tv_3, ConstraintSet.START,0);
        applyConstraintSet.setMargin(R.id.id_tv_3, ConstraintSet.END,0);

        applyConstraintSet.centerHorizontally(R.id.id_tv_1, R.id.id_main);
        applyConstraintSet.centerHorizontally(R.id.id_tv_2, R.id.id_main);
        applyConstraintSet.centerHorizontally(R.id.id_tv_3, R.id.id_main);
        applyConstraintSet.applyTo(constraintLayout);
        
}

动态图为：
在这里插入图片描述

3.按钮3移动到屏幕中心

上面的移动到水平中心已经知道了centerHorizontally，那么竖直的使用：centerVertically，大致代码：

    public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);

        applyConstraintSet.setMargin(R.id.id_tv_3, ConstraintSet.START,0);
        applyConstraintSet.setMargin(R.id.id_tv_3, ConstraintSet.TOP,0);
        applyConstraintSet.setMargin(R.id.id_tv_3, ConstraintSet.END,0);
        applyConstraintSet.setMargin(R.id.id_tv_3, ConstraintSet.BOTTOM,0);

        applyConstraintSet.centerHorizontally(R.id.id_tv_3, R.id.id_main);
        applyConstraintSet.centerVertically(R.id.id_tv_3, R.id.id_main);
        applyConstraintSet.applyTo(constraintLayout);
    }

效果动图为：
在这里插入图片描述

4. 将三个TextView的尺寸变为500px

修改View的尺寸，应该使用constrainHeight或者constrainWidth，代码为：

 public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);

        applyConstraintSet.constrainWidth(R.id.id_tv_1, 500);
        applyConstraintSet.constrainHeight(R.id.id_tv_1,500);
        applyConstraintSet.constrainWidth(R.id.id_tv_2, 600);
        applyConstraintSet.constrainHeight(R.id.id_tv_2,300);
        applyConstraintSet.constrainWidth(R.id.id_tv_3, 700);
        applyConstraintSet.constrainHeight(R.id.id_tv_3,200);
        applyConstraintSet.applyTo(constraintLayout);
    }

实现效果为：
在这里插入图片描述

4. 将TextView2、TextView3设置为Gone，TextView1设置为match_parent

基本代码如下：

    public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);

	    //设置View为Gone
        applyConstraintSet.setVisibility(R.id.id_tv_2,ConstraintSet.GONE);
        applyConstraintSet.setVisibility(R.id.id_tv_3,ConstraintSet.GONE);

        //将R.id.id_tv_1所有的constraint清除
        applyConstraintSet.clear(R.id.id_tv_1);

  		//与app:layout_constraintLeft_toLeftOf功效一致
        applyConstraintSet.connect(R.id.id_tv_1,ConstraintSet.START, R.id.id_main, ConstraintSet.START, 0);
        applyConstraintSet.connect(R.id.id_tv_1, ConstraintSet.END, R.id.id_main, ConstraintSet.END,0);
        applyConstraintSet.connect(R.id.id_tv_1, ConstraintSet.TOP, R.id.id_main, ConstraintSet.TOP,0);
        applyConstraintSet.connect(R.id.id_tv_1, ConstraintSet.BOTTOM, R.id.id_main, ConstraintSet.BOTTOM,0);
        applyConstraintSet.applyTo(constraintLayout);

    }

或者直接：

applyConstraintSet.constrainWidth(R.id.id_tv_1,DeviceUtils.getDeviceWidth());
applyConstraintSet.constrainHeight(R.id.id_tv_1,DeviceUtils.getDeviceHeight);

结果显示图为：
在这里插入图片描述

5.显示layout_weight效果

先来看一下我们需要实现的效果吧：

ConstraintSet.CHAIN_SPREADConstraintSet.CHAIN_SPREAD_INSIDEConstraintSet.CHAIN_PACKED
在这里插入图片描述在这里插入图片描述

这个代码都差不多，其实说白只需要明白XML中代码怎么写，这就容易了：

<TextView
        android:id="@+id/id_tv_1"
        android:layout_width="0dp"
        android:layout_height="48dp"
        android:background="#278"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@id/id_tv_2" />

    <TextView
        android:id="@+id/id_tv_2"
        android:layout_width="0dp"
        android:layout_height="48dp"
        android:background="#786"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/id_tv_1"
        app:layout_constraintRight_toLeftOf="@id/id_tv_3" />

    <TextView
        android:id="@+id/id_tv_3"
        android:layout_width="0dp"
        android:layout_height="48dp"
        android:background="#d08"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/id_tv_2"
        app:layout_constraintRight_toRightOf="parent" />

转成Java代码为：

    public void apply(View v) {
        //constrainLayout动画过渡
        TransitionManager.beginDelayedTransition(constraintLayout);

        applyConstraintSet.clear(R.id.id_tv_1);
        applyConstraintSet.clear(R.id.id_tv_2);
        applyConstraintSet.clear(R.id.id_tv_3);

        //R.id.id_tv_1左边与父布局左边对齐
        applyConstraintSet.connect(R.id.id_tv_1, ConstraintSet.START, R.id.id_main, ConstraintSet.START, 0);

        //R.id.id_tv_3右边与父布局右边对齐
        applyConstraintSet.connect(R.id.id_tv_2, ConstraintSet.END, R.id.id_main, ConstraintSet.END, 0);

        //R.id.id_tv_1的右边与R.id.id_tv_2的左侧对齐
        applyConstraintSet.connect(R.id.id_tv_1, ConstraintSet.END, R.id.id_tv_2, ConstraintSet.START, 0);
        applyConstraintSet.connect(R.id.id_tv_2, ConstraintSet.START, R.id.id_tv_1, ConstraintSet.END, 0);

        //R.id.id_tv_2的右边与R.id.id_tv_3的左侧对齐
        applyConstraintSet.connect(R.id.id_tv_2, ConstraintSet.END, R.id.id_tv_3, ConstraintSet.START,0);
        applyConstraintSet.connect(R.id.id_tv_3, ConstraintSet.START, R.id.id_tv_2, ConstraintSet.END,0);

        applyConstraintSet.connect(R.id.id_tv_3, ConstraintSet.END, R.id.id_main, ConstraintSet.END,0);

        //设置ChainStyle
        applyConstraintSet.setHorizontalChainStyle(R.id.id_tv_1, ConstraintSet.CHAIN_PACKED);

        applyConstraintSet.constrainWidth(R.id.id_tv_1, ConstraintSet.WRAP_CONTENT);
        applyConstraintSet.constrainHeight(R.id.id_tv_2, ConstraintSet.WRAP_CONTENT);

        applyConstraintSet.constrainWidth(R.id.id_tv_2, ConstraintSet.WRAP_CONTENT);
        applyConstraintSet.constrainHeight(R.id.id_tv_2, ConstraintSet.WRAP_CONTENT);

        applyConstraintSet.constrainWidth(R.id.id_tv_3, ConstraintSet.WRAP_CONTENT);
        applyConstraintSet.constrainWidth(R.id.id_tv_3, ConstraintSet.WRAP_CONTENT);
        
        applyConstraintSet.applyTo(constraintLayout);
    }

要实现三种不同的排列，只需要改变ChainStyle即可

//设置ChainStyle
applyConstraintSet.setHorizontalChainStyle(R.id.id_tv_1, ConstraintSet.CHAIN_PACKED);
applyConstraintSet.setHorizontalChainStyle(R.id.id_tv_1, ConstraintSet.CHAIN_SPREAD_INSIDE);
applyConstraintSet.setHorizontalChainStyle(R.id.id_tv_1, ConstraintSet.CHAIN_SPREAD);
6.实现两种layout的转换

如同最开始的gif动画，其实就是layout1切换到layout2，前提是layout1中view与layout2view id必须对应，多一个或者少一个都会报Exception：
在这里插入图片描述

首先我们准备两个Layout：
R.layout.activity_constraint_layout

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/id_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/id_image"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_margin="20dp"
        android:scaleType="fitStart"
        android:src="@drawable/about_bg"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/id_tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="12dp"
        android:text="@string/str_title"
        app:layout_constraintLeft_toRightOf="@+id/id_image"
        app:layout_constraintTop_toTopOf="@+id/id_image" />

    <TextView
        android:id="@+id/id_tv_content"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:layout_marginStart="12dp"
        android:maxLines="3"
        android:text="@string/str_content"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/id_image"
        app:layout_constraintTop_toBottomOf="@+id/id_tv_title" />

    <Button
        android:id="@+id/id_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="100dp"
        android:onClick="apply"
        android:text="apply"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent" />

    <Button
        android:id="@+id/id_btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="reset"
        android:text="reset"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/id_btn" />

</android.support.constraint.ConstraintLayout>

R.layout.activity_constraint_layout2

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/id_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:scaleType="fitStart"
        android:src="@drawable/about_bg"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/id_tv_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_margin="12dp"
        android:paddingBottom="4dp"
        android:paddingTop="4dp"
        android:text="@string/str_title"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/id_image" />

    <TextView
        android:id="@+id/id_tv_content"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="12dp"
        android:layout_marginStart="12dp"
        android:layout_marginTop="6dp"
        android:text="@string/str_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/id_tv_title" />

    <Button
        android:id="@+id/id_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="100dp"
        android:onClick="apply"
        android:text="apply"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent" />

    <Button
        android:id="@+id/id_btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="reset"
        android:text="reset"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/id_btn" />

</android.support.constraint.ConstraintLayout>

两个XML解析图为：

在这里插入图片描述在这里插入图片描述

然后切换一下就可以了：

public class ConstraintLayoutActivity extends AppCompatActivity {

    private ConstraintLayout constraintLayout ;

    private ConstraintSet applyConstraintSet = new ConstraintSet();
    private ConstraintSet resetConstraintSet = new ConstraintSet();

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_constraint_layout);
        constraintLayout = findViewById(R.id.id_main);

        applyConstraintSet.clone(constraintLayout);
        resetConstraintSet.clone(this,R.layout.activity_constraint_layout2);
    }

    public void apply(View view) {
        TransitionManager.beginDelayedTransition(constraintLayout);
        resetConstraintSet.applyTo(constraintLayout);
    }

    public void reset(View view) {
        TransitionManager.beginDelayedTransition(constraintLayout);
        applyConstraintSet.applyTo(constraintLayout);
    }
}

参考：
1.http://www.uwanttolearn.com/android/constraint-layout-animations-dynamic-constraints-ui-java-hell/
2.https://github.com/OCNYang/Android-Animation-Set/tree/master/constraint-animation

microhex
关注
专栏目录
Android中ConstraintLayout的基础知识和创建动画
fjnu_se的博客
06-11 557
目录什么是ConstraintLayout简要介绍如何使用ConstraintLayout配置依赖基本属性用法示例居中偏移基线对齐实例GuidelineGroupBarrier如何利用ConstraintLayout创建动画基本思想动画效果总结 什么是ConstraintLayout 简要介绍 ConstraintLayout名为约束布局，如它的名字所示，ConstrainLayout可以通过约束一个控件相对于另一个控件的位置来得到你想要的布局。这么一说，似乎RelativeLayout也能做到，但是Con
Android-MotionLayout动画：续写ConstraintLayout新篇章，android启动流程
m0_64383184的博客
12-08 442
本文属于入门级别，重点在于扫盲和入门。如果对你有用，欢迎点赞。个人能力有限，有些东西可能理解不透或不对，欢迎指正，非常感谢。 配置 需要将ConstraintLayout的版本升级到2.0+。 AndroidX: implementation ‘androidx.constraintlayout:constraintlayout:2.0.0-beta8’ 支持库： implementation ‘com.android.support.constraint:constraint-layout:2.0.0-b
Constraint Layout 动画
wzlyd1的专栏
11-10 396
参考掘金的这篇文章，写的很好 Constraint Layout 动画 | 动态 Constraint | 用 Java 实现的 UI（这到底是什么）[第三部分]
ConstraintLayout动画实现
LPJXLOVE的博客
02-11 2478
前言 最近在无意中看到一篇关于ConstraintLayout的文章，文章着重介绍了最新的ConstraintLayout支持实现动画效果。于是我参照文章的内容，实现的动画效果如下： 是不是炫酷屌炸天！关键的是那么复杂的动画效果仅仅用几行代码！！！！ 实现步骤 1.把我们的ConstaintLayout的版本是升级到1.0.0-beta4’compile 'com.android.sup
android 布局动画,Android:随笔—— ConstraintLayout 动画
weixin_36387422的博客
05-26 381
谷歌之前推出了 ConstraintLayout 动画，做一些基本的动画让我们更省时省力了，今天我们就看一下这个小知识点。首先你需要引入 constraint-layout 这就不用我多说了然后还需要引入 transition 包，如果不引入，从而使用系统自带的 transition 的话，则你的约束布局动画只能兼容到 API 19implementation 'com.android.suppo...
MaterialDesign系列文章（十二）ConstraintLayout实现的动画效果
weixin_34238642的博客
05-22 375
这几天心情不怎么好，加上上班的时候修改一堆的BUG，感觉整个人都不好了！但是我告诉自己不能这样的生活，只能把所有的情绪都放在文章中吧！希望能通过写文章让自己变得平静。什么事情都会过去的！ 今天我们说点什么呢？ConstraintLayout之前在博客中讲过，当时只怪自己年少不懂事，竟不知道这东西的神奇？其实我觉得你也不知道！！！今天修改BUG百度的时候，居然看到ConstraintLayou...
理解ConstraintLayout：入门指南
# 第一章：ConstraintLayout简介 ## 1.1 什么是ConstraintLayout ## 1.2 ConstraintLayout的优势 ## 1.3 ConstraintLayout与传统布局方式的对比 ## 第二章：ConstraintLayout基础概念 ConstraintLayout是一种...
Android开发从入门到精通【视频教程+课程源码】.rar
09-26
对于UI设计，你将学习到Android的视图组件，如Button、EditText、TextView等，以及如何使用约束布局（ConstraintLayout）、相对布局（RelativeLayout）和线性布局（LinearLayout）创建动态和响应式的用户界面。...
Jetpack Compose入门到精通
01-29
Compose提供了多种布局算法，如`Box`, `Column`, `Row`, 和 `ConstraintLayout`。这些布局允许开发者灵活地控制组件的位置和大小。此外，`Modifier`用于装饰和调整组件的属性，如大小、颜色、位置等。 ### 动画与...
Jetpack Compose中的动画
川峰的博客
12-17 2254
Jetpack Compose中没有沿用Android原有的View动画和属性动画，而是新创建了一套全新的动画系统API，这是理所当然的，因为旧的动画系统主要是基于View体系的，而Compose中需要针对的是Composable可组合函数进行处理，那么势必要创造一套新的玩具出来，同时，这也无疑增加了开发者的学习成本。 乍一看Jetpack Compose中的动画Api，尼玛是真的多呀，我C了，简直令人眼花缭乱、云里雾里、天马行空、小兔乱撞、手脚慌乱、头冒虚汗、四肢抓狂、不知所措呀 。。。😭
使用Constraintlayout开发的带动画效果，清除功能的EditText
07-05
使用ConstraintLayout开发的有动画效果带有清除按钮的EditText
Android利用ConstraintLayout实现漂亮的动画详解
08-30
最近在无意中看到一篇关于ConstraintLayout的文章，ConstraintLayout是Android Studio 2.2中主要的新增功能之一，下面这篇文章主要给大家介绍了关于Android利用ConstraintLayout实现漂亮的动画的相关资料，需要的朋友可以参考下。
Android中ConstraintLayout的基础知识和创建动画(1)
m0_60607397的博客
03-15 866
光有这些思路和搞懂单个知识的应用是还远远不够的，在Android开源框架设计思想中的知识点还是比较多的，想要搞懂还得学会整理和规划：我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架，**这些都是属于Android开源框架设计思想的。如下图所示：这位阿里P8大佬针对以上知识点，熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想。
ConstraintSet实现ConstraintLayout动画切换
jwzhangjie的专栏
01-31 735
ConstraintSet初始化方式 //Manually c = new ConstraintSet(); c.connect(....); //from a R.layout.* object c.clone(context, R.layout.layout1); //from a ConstraintLayout c.clone(clayout); 折叠布局 <?xml version="1.0" encoding="utf-8"?> <androidx.con...
使用 ConstraintLayout 制作漂亮的动画
weixin_34409822的博客
05-24 198
最近ConstrainLayout是Android中比较火的一个东西。ConstrainLayout可以使View层级扁平化，提升性能，支持任意的边框，其目的就是修复之前layout的一些短板。其实ConstrainLayout还有一个大多数人没有注意到的特性：可以利用Constrainlayout快速构建漂亮的动画效果。 方法 我这里假设已经你已经掌握了Constrainlayout基本知识（比...
ConStraintLayout 动画|动态Constraints|用Java控制UI[第三部分]
Xiao_Gangbeng的博客
02-21 2692
ConStraintLayout 动画|动态Constraints|用Java控制UI[第三部分]
Android中ConstraintLayout的基础知识和创建动画(1)，我们用最详细的方式解析Android消息机制的源码
最新发布
m0_60388216的博客
03-25 565
android:id=“@+id/组件1”…/>
ConstraintLayout动画实现布局卡片式滑动放大缩放
LXLYHM的博客
01-19 2278
ConstraintLayout（约束布局）是Android Studio 2.2中主要的新增功能之一，Android studio升级到2.3版本之后，不管是新建Activity或fragment，xml默认布局由RelativeLayout更改为ConstraintLayout了。 但是ConstraintLayout远远比想象中的强大，不仅可以解决布局层层嵌套的缺点，还可以实现动画效果
利用ConstraintLayout实现布局改变的动画
fjnu_se的博客
06-08 735
ConstraintSet简介 ConstraintSet可以让你方便地通过代码来设置ConstraintLayout的约束。可以利用ConstraintSet创建并保存约束，将这些约束传入一个已经存在的ConstraintLayout。可以利用下面三种方法来创建一个ConstraintSet。 手动指定每一个view的约束 c = new ConstraintSet(); c.connect(....); 从layout中clone c.clone(context, R.layout.layout1);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值