Android MotionLayout:以最简单的方式创建类似Twitter的“福师大APP

本文详细介绍了如何在MotionLayout上进行Android开发,包括项目设置、清除界面元素、添加背景颜色、校徽和动作,以及如何更新ConstraintLayout版本。同时提供了完整的Android学习资料和面试准备资源链接。
摘要由CSDN通过智能技术生成

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

项目设置⚙️

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

要创建项目,请执行以下操作:

1.打开一个新项目。

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

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

4.单击完成。

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

运行效果如下:

在这里插入图片描述

清理:


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

  1. 打开styles.xml

  2. 将基础主题的父级从_Theme.AppCompat.Light.DarkActionBar替换_为_Theme.AppCompat.Light.NoActionBar。_(如果您此时运行该应用程序,将会看到操作栏/工具栏消失了)

  3. 通过将_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.运行该应用程序。

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

在这里插入图片描述

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


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

首先开始:

  1. 打开colors.xml

  2. 将_colorPrimary_和_colorPrimaryDark_更改为的红色。

  3. 将福师大校徽复制到drawable文件夹下。

  4. 打开_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依赖项:

  1. 打开_build.gradle_ (Module)

  2. 在依赖项部分添加此行,或将您的_constraintlayout_依赖项替换为:

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

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

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

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

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

最后

这里我希望可以帮助到大家提升进阶。

内容包含:Android学习PDF+架构视频+面试文档+源码笔记高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料 这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

喜欢本文的话,不妨给我点个小赞、评论区留言或者转发支持一下呗~

img

阶脑图、Android开发面试专题资料,高级进阶架构资料** 这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

喜欢本文的话,不妨给我点个小赞、评论区留言或者转发支持一下呗~

img

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

  • 18
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值