需求:
页面有张背景图,随着下拉刷新,背景图也随之逐渐放大。
分析:
方案一:监听下拉刷新的控件,根据下拉的距离,动态设置拉伸比例
方案二:采用MotionLayout
效果如下:
(因为动态图上传不了,所以,截取了个动画初始图,动画拉伸放大效果图)
初始效果:
拉伸放大之后的效果:
实现如下:
- 布局:
<?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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity4">
<androidx.constraintlayout.motion.widget.MotionLayout
android:id="@+id/motionLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layoutDescription