Android MotionLayout：以最简单的方式创建类似Twitter的“福师大APP”的启动动画

最新推荐文章于 2024-09-03 21:14:01 发布

2401_84516185

最新推荐文章于 2024-09-03 21:14:01 发布

阅读量1.8k

点赞数 34

分类专栏： 2024年程序员学习文章标签： android

本文链接：https://blog.csdn.net/2401_84516185/article/details/138050357

版权

2024年程序员学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注Android）

正文

ConstraintSet包含每个视图的所有约束和布局属性。

Transition 指定要在其之间进行过渡的起始ConstraintSets。

将所有这些都放入MotionScene文件中，就可以拥有一个MotionLayout！

随着布局和动画变得越来越复杂，MotionScene也变得越来越复杂。

了解有关MotionLayout的更多信息：

MotionLayout上的Android官方开发人员指南

项目设置⚙️

=================================================================

要创建项目，请执行以下操作：

1.打开一个新项目。

2.选择一个空的Activity项目模板。这将创建一个带有操作栏的空白屏幕。

3.输入项目的名称，然后语言选择Kotlin。

4.单击完成。

5.运行项目以查看初始应用程序的外观

运行效果如下：

在这里插入图片描述

清理：

要删除工具栏，导航栏，状态栏和文本并向背景添加颜色，请执行以下操作：

打开styles.xml
将基础主题的父级从_Theme.AppCompat.Light.DarkActionBar替换_为_Theme.AppCompat.Light.NoActionBar。_（如果您此时运行该应用程序，将会看到操作栏/工具栏消失了）
通过将_android：windowFullscreen_设置为true（隐藏状态栏）并将_android：background_设置为默认颜色，为您的应用添加新的自定义设置

4.打开_activity_main.xml_并从布局中删除TextView以删除“ Hello World！”文本。

5.现在，在_MainActivity.kt中_，添加以下行以隐藏系统导航栏（如果复制并粘贴这些行出现 Unresolved reference build errors，请单击未解决的对象，然后按Alt + Enter添加库）：

override fun onWindowFocusChanged(hasFocus: Boolean) {

super.onWindowFocusChanged(hasFocus)

if (hasFocus) {

hideSystemUIAndNavigation(this)

}

private fun hideSystemUIAndNavigation(activity: Activity) {

val decorView: View = activity.window.decorView

decorView.systemUiVisibility =

(View.SYSTEM_UI_FLAG_IMMERSIVE

// Set the content to appear under the system bars so that the

// content doesn’t resize when the system bars hide and show.

or View.SYSTEM_UI_FLAG_LAYOUT_STABLE

or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION

or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN // Hide the nav bar and status bar

or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION

or View.SYSTEM_UI_FLAG_FULLSCREEN)

}

6.运行该应用程序。

现在，您基本上会看到一个空屏幕，以默认颜色作为背景：

在这里插入图片描述

添加福师大的校徽及设置其背景色：

在开始动画之前，我们只需要设置一些样式即可：红色背景及福师大校徽。

首先开始：

打开colors.xml
将_colorPrimary_和_colorPrimaryDark_更改为的红色。
将福师大校徽复制到drawable文件夹下。
打开_activity_main.xml_，然后将校徽设置为宽度和高度都为128dp的ImageView。

<ImageView

android:layout_width=“128dp”

android:layout_height=“128dp”

android:src=“@drawable/fjnu”

app:layout_constraintTop_toTopOf=“parent”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintBottom_toBottomOf=“parent”

5.运行该应用程序，然后查看新更改。

在这里插入图片描述

添加动作🚴‍♀️

====================================================================

更新ConstraintLayout：

由于MotionLayout是ConstraintLayout的一部分，并且目前仅在v2.0中有效，因此要使用它，我们首先需要更新ConstraintLayout依赖项：

打开_build.gradle_ (Module)
在依赖项部分添加此行，或将您的_constraintlayout_依赖项替换为：

implementation ‘androidx.constraintlayout:constraintlayout:2.0.0-beta4’

添加动画：

为了最终使动画栩栩如生，您需要执行一些简单的步骤

打开_activity_main.xml。_
将activity_main.xml的布局设置为MotionLayout。
在xml目录下添加一个新的_activity_motion_scene.xml_。
_activity_motion_scene.xml_的设置的动画内容如下：
将校徽缩小，缩小的校徽停留0.5到1秒并逆时针旋转360度。
最后，将其放大以填满整个屏幕

最后说一下我的学习路线

其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：

架构师筑基必备技能
Android框架体系架构（高级UI+FrameWork源码）
360°Androidapp全方位性能调优
设计思想解读开源框架
NDK模块开发
移动架构师专题项目实战环节
移动架构师不可不学习微信小程序
混合开发的flutter

Android学习的资料

我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。

330页PDF Android学习核心笔记（内含上面8大板块）

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术：

1、多看书、看源码和做项目，平时多种总结
2、不能停留在一些基本api的使用上，应该往更深层次的方向去研究，比如activity、view的内部运行机制，比如Android内存优化，比如aidl，比如JNI等，并不仅仅停留在会用，而要通过阅读源码，理解其实现原理
3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习
4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！