打造QQ空间头部视差ListView

已于 2023-03-30 15:05:27 修改
阅读量1.8k 收藏 4
点赞数 2
分类专栏： Android自定义View 文章标签： ListView QQ空间 下拉 Android
于 2015-07-31 14:36:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014165119/article/details/47169813
版权

转载请注明出处，点击此处 查看更多精彩内容。

QQ空间相信大家都用过，是否觉得它的下拉刷新很酷呢？今天就来自己实现这个控件。

本文主要是讲思想和一些api，想要使用此效果到项目中的同学请点击这里带动画的下拉刷新RecyclerView

###效果图：
这里写图片描述

对实现过程不感兴趣的童鞋可以直接到文章底部粘帖代码，代码中有详细注释。

要实现这样的效果，需要重写ListView控件，并在ListView中处理下拉事件。

首先我们进行ListView最基础的操作，就是设置适配器显示头部布局和一个列表出来，这些操作相信大家都会写，直接贴出代码：
activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.example.sch.headzoomlistviewdemo.HeadZoomListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</RelativeLayout>

上面这个是Activity的内容布局，其中包含一个自定义的ListView控件com.example.sch.headzoomlistviewdemo.HeadZoomListView。
list_view_header.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_hander"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="162dp"
        android:src="@mipmap/banner1" />

</RelativeLayout>

此布局做为ListView的头部，里面只包含一个ImageView，可以看到给ImageView设置了android:scaleType="centerCrop"属性，表示按比例扩大此ImageView的图片资源的size居中显示，使得图片长(宽)等于或大于View的长(宽) ，但是此属性只有在ImageView使用android:src=""属性或者setImageBitmap()或者setImageResource()方法设置图片时才有效，使用background设置背景是无效的。

android:scaleType的各种值的含义可以参考 ImageView.ScaleType设置图解
MainActivity.java

package com.example.sch.headzoomlistviewdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by shichaohui on 2015/7/31 0031.
 */
public class MainActivity extends AppCompatActivity {

    private HeadZoomListView mListView;
    private View headerView;
    private List<String> datas;

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

        initData();

        mListView = (HeadZoomListView) this.findViewById(R.id.list_view);
        headerView = LayoutInflater.from(this).inflate(R.layout.list_view_header, null);

        mListView.addHeaderView(headerView);
        mListView.setAdapter(new ArrayAdapter<>(this,
                android.R.layout.simple_expandable_list_item_1, datas));

    }

    /**
     * 初始化数据
     */
    private void initData() {
        datas = new ArrayList<>();
        for (int i = 0; i < 3; i++) {
            datas.add("条目  " + (i + 1));
        }
    }

}

接着就是我们的重头戏自定义ListView了，首先回顾我们需要实现的效果：

  • 在顶部继续下拉时头部拉伸；
  • 拉伸之后手指上推减小拉伸高度；
  • 拉伸时即时更改背景图的透明度；
  • 松手后自动弹回原位置。

根据要实现的效果，我们可以推出需要的参数如下：

private ImageView headerImage;
private int headerImageHeight = -1; // 默认高度
private int headerImageMaxHeight = -1; // 最大高度
private float scaleRatio = 1.5f; // 最大拉伸比例
private int headerImageScaleHeight = -1; // 被拉伸的高度
private float headerImageMinAlpha = 0.5f; // 拉伸到最高时头部的透明度
private long durationMillis = 1000; // 头部恢复动画的执行时间

由于ListView中并不能直接获取Header，所以我们需要定义一个函数，由调用者传入头部的背景ImageView，并计算相关属性：

/**
 * 设置头部图片
 *
 * @param headerImage 头部中的背景ImageView
 */
public void setHeaderImage(ImageView headerImage) {
    this.headerImage = headerImage;
    headerImageHeight = headerImage.getHeight();
    headerImageMaxHeight = (int) (headerImageHeight * scaleRatio);
    // 防止第一次拉伸的时候headerImage.getLayoutParams().height = 0
    headerImage.getLayoutParams().height = headerImageHeight;
}

为了计算的准确性，我们需要在View显示出来后才调用setHeaderImage()，因此需要重写MainActivity的onWindowFocusChanged()方法：

@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    mListView.setHeaderImage((ImageView) headerView.findViewById(R.id.iv_hander));
}

为了增加扩展性，还增加以下几个方法：

/**
 * 设置头部的最大拉伸倍率，默认1.5f
 *
 * @param scaleRatio 头部的最大拉伸倍率，必须大于1，小于1则默认为1.5f
 */
public void setScaleRatio(float scaleRatio) {
    this.scaleRatio = scaleRatio;
}

/**
 * 设置拉伸到最高时头部的透明度，默认0.5f
 *
 * @param headerImageMinAlpha 拉伸到最高时头部的透明度，0.0~1.0
 */
public void setHeaderImageMinAlpha(float headerImageMinAlpha) {
    this.headerImageMinAlpha = headerImageMinAlpha;
}

/**
 * 设置头部恢复动画的执行时间，默认1000毫秒
 *
 * @param durationMillis 头部恢复动画的执行时间，单位：毫秒
 */
public void setHeaderImageDurationMillis(long durationMillis) {
    this.durationMillis = durationMillis;
}

接下来重写ListView的overScrollBy()方法处理下拉/上拉过度事件：

@Override
protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY,
                                   int scrollRangeX, int scrollRangeY, int maxOverScrollX,
                                   int maxOverScrollY, boolean isTouchEvent) {
    // deltaY为拉伸过度时每毫秒拉伸的距离，正数表示向上拉伸多度，负数表示向下拉伸过度
    if (deltaY < 0 && headerImage.getLayoutParams().height < headerImageMaxHeight
            || deltaY > 0 && headerImage.getLayoutParams().height > headerImageHeight) {
        // 修改宽高
        headerImage.getLayoutParams().height -= deltaY;
        // 重新设置View的宽高
        headerImage.requestLayout();
     }
     return true;
}

当ListView到达边界并继续拉的时候（这里称为"下拉/上拉过度"）就会触发此方法，其中参数deltaY表示每毫秒拉动的距离，下拉时此参数是负数，上拉过度时是正数。
因此，满足条件deltaY < 0 && headerImage.getLayoutParams().height < headerImageMaxHeight（下拉且没有到达最大高度）的时候，需要增大headerImage的宽度，但是此时deltaY是负数，因此使用"-=“修改高度。条件deltaY > 0 && headerImage.getLayoutParams().height > headerImageHeight表示上拉过度且已被拉伸的时候，需要减小headerImage的宽度，但是此时deltaY是正数，因此也使用”-="修改高度。
headerImage.requestLayout();会重新测量View的宽高，不调用此方法上面的修改也就不会更新到界面上。

实现下拉一段高度后上推减小headerImage的拉伸高度效果，需要重写onScrollChanged()方法，重写onTouchEvent()也可以，只是太难控制，且效果不太好：

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);

    if (headerImage == null) {
        return;
    }
    View view = (View) headerImage.getParent();
    // 上推的时候减小高度至默认高度
    if (view.getTop() < 0 && headerImage.getLayoutParams().height > headerImageHeight) {
        headerImage.getLayoutParams().height += view.getTop();
        // 重新计算尺寸布局
        view.layout(view.getLeft(), 0, view.getRight(), view.getBottom());
        headerImage.requestLayout();
    }

}

view.layout(view.getLeft(), 0, view.getRight(), view.getBottom());遍历视图树，重新测量并设置头部的高度和子布局的位置。

重新测量的时候，View使用requestLayout()方法，ViewGroup使用layout()方法，layout()方法中的四个参数前两个表示ViewGroup左上角坐标和右下角坐标。

接着实现松手时的动画：

@Override
public boolean onTouchEvent(MotionEvent ev) {

    switch (ev.getAction()) {
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            if (headerImage.getLayoutParams().height > headerImageHeight) {  
			    // 使用动画恢复默认高度  
			    headerImage.clearAnimation();  
			    headerImage.startAnimation(new ResetAnimaton());  
			    return true;  
			}
    }

    return super.onTouchEvent(ev);
}
/**
 * 自定义恢复时的动画
 */
class ResetAnimaton extends Animation {

    public ResetAnimaton() {
        setDuration(durationMillis);
        // 计算开始动画时的拉伸高度
        headerImageScaleHeight = headerImage.getLayoutParams().height - headerImageHeight;
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        // interpolatedTime从动画开始到结束，由0.0~1.0
        if (headerImage.getLayoutParams().height - headerImageHeight > 0) {
            // 计算新高度
            headerImage.getLayoutParams().height -= headerImageScaleHeight * interpolatedTime;
            // 计算新拉伸高度
            headerImageScaleHeight -= headerImageScaleHeight * interpolatedTime;
            // 重新布局
            headerImage.requestLayout();
        }
    }
}

最后加入拉伸时透明度的变化：

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);

	...
    
    updateHeaderAlpha();

}

/**
 * 更新头部的透明度
 */
private void updateHeaderAlpha() {
    // 当前拉伸高度
    int scallHeight = headerImage.getLayoutParams().height - headerImageHeight;
    if (scallHeight > 0) {
        // 新的透明度(1 - 当前拉伸高度 / 最大拉伸高度 * (1 - 目标透明度))
        headerImage.setAlpha(1 - (float) scallHeight
                / (headerImageMaxHeight - headerImageHeight) * (1 - headerImageMinAlpha));
    }
}

贴完整代码

MainActivity.java

package com.example.sch.headzoomlistviewdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by shichaohui on 2015/7/31 0031.
 */
public class MainActivity extends AppCompatActivity {

    private HeadZoomListView mListView;
    private View headerView;
    private List<String> datas;

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

        initData();

        mListView = (HeadZoomListView) this.findViewById(R.id.list_view);
        headerView = LayoutInflater.from(this).inflate(R.layout.list_view_header, null);

        mListView.addHeaderView(headerView);
        mListView.setScaleRatio(2.0f);
        mListView.setHeaderImageDurationMillis(800);
        mListView.setHeaderImageMinAlpha(0.3f);
        mListView.setAdapter(new ArrayAdapter<>(this,
                android.R.layout.simple_expandable_list_item_1, datas));

    }

    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);
        mListView.setHeaderImage((ImageView) headerView.findViewById(R.id.iv_hander));
    }

    /**
     * 初始化数据
     */
    private void initData() {
        datas = new ArrayList<>();
        for (int i = 0; i < 3; i++) {
            datas.add("条目  " + (i + 1));
        }
    }

}

HeadZoomListView.java

package com.example.sch.headzoomlistviewdemo;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.widget.ImageView;
import android.widget.ListView;

/**
 * 下拉头部缩放ListView
 * <br/>
 * Created by shichaohui on 2015/7/31 0031.
 */
public class HeadZoomListView extends ListView {

    private ImageView headerImage;
    private int headerImageHeight = -1; // 默认高度
    private int headerImageMaxHeight = -1; // 最大高度
    private int headerImageScaleHeight = -1; // 被拉伸的高度
    private float scaleRatio = 1.5f; // 最大拉伸比例
    private float headerImageMinAlpha = 0.5f; // 拉伸到最高时头部的透明度
    private long durationMillis = 1000; // 头部恢复动画的执行时间

    public HeadZoomListView(Context context) {
        super(context);
    }

    public HeadZoomListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public HeadZoomListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    /**
     * 设置头部图片
     *
     * @param headerImage 头部中的背景ImageView
     */
    public void setHeaderImage(ImageView headerImage) {
        this.headerImage = headerImage;
        headerImageHeight = headerImage.getHeight();
        headerImageMaxHeight = (int) (headerImageHeight * scaleRatio);
        // 防止第一次拉伸的时候headerImage.getLayoutParams().height = 0
        headerImage.getLayoutParams().height = headerImageHeight;
    }

    /**
     * 设置头部的最大拉伸倍率，默认1.5f
     *
     * @param scaleRatio 头部的最大拉伸倍率，必须大于1，小于1则默认为1.5f
     */
    public void setScaleRatio(float scaleRatio) {
        this.scaleRatio = scaleRatio;
    }

    /**
     * 设置拉伸到最高时头部的透明度，默认0.5f
     *
     * @param headerImageMinAlpha 拉伸到最高时头部的透明度，0.0~1.0
     */
    public void setHeaderImageMinAlpha(float headerImageMinAlpha) {
        this.headerImageMinAlpha = headerImageMinAlpha;
    }

    /**
     * 设置头部恢复动画的执行时间，默认1000毫秒
     *
     * @param durationMillis 头部恢复动画的执行时间，单位：毫秒
     */
    public void setHeaderImageDurationMillis(long durationMillis) {
        this.durationMillis = durationMillis;
    }

    @Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY,
                                   int scrollRangeX, int scrollRangeY, int maxOverScrollX,
                                   int maxOverScrollY, boolean isTouchEvent) {
        // deltaY为拉伸过度时每毫秒拉伸的距离，正数表示向上拉伸多度，负数表示向下拉伸过度
        if (deltaY < 0 && headerImage.getLayoutParams().height < headerImageMaxHeight
                || deltaY > 0 && headerImage.getLayoutParams().height > headerImageHeight) {
            // 修改宽高
            headerImage.getLayoutParams().height -= deltaY;
            // 重新设置View的宽高
            headerImage.requestLayout();
        }

        return true;
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);

        if (headerImage == null) {
            return;
        }
        View view = (View) headerImage.getParent();
        // 上推的时候减小高度至默认高度
        if (view.getTop() < 0 && headerImage.getLayoutParams().height > headerImageHeight) {
            headerImage.getLayoutParams().height += view.getTop();
            // 重新计算尺寸布局
            view.layout(view.getLeft(), 0, view.getRight(), view.getBottom());
            headerImage.requestLayout();
        }

        updateHeaderAlpha();

    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        switch (ev.getAction()) {
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                if (headerImage.getLayoutParams().height > headerImageHeight) {  
				    // 使用动画恢复默认高度  
				    headerImage.clearAnimation();  
				    headerImage.startAnimation(new ResetAnimaton());  
				    return true;  
				}
        }

        return super.onTouchEvent(ev);
    }

    /**
     * 更新头部的透明度
     */
    private void updateHeaderAlpha() {
        // 当前拉伸高度
        int scallHeight = headerImage.getLayoutParams().height - headerImageHeight;
        if (scallHeight > 0) {
            // 新的透明度(1 - 当前拉伸高度 / 最大拉伸高度 * (1 - 目标透明度))
            headerImage.setAlpha(1 - (float) scallHeight
                    / (headerImageMaxHeight - headerImageHeight) * (1 - headerImageMinAlpha));
        }
    }

    /**
     * 自定义恢复时的动画
     */
    class ResetAnimaton extends Animation {

        public ResetAnimaton() {
            setDuration(durationMillis);
            // 计算开始动画时的拉伸高度
            headerImageScaleHeight = headerImage.getLayoutParams().height - headerImageHeight;
        }

        @Override
        protected void applyTransformation(float interpolatedTime, Transformation t) {
            // interpolatedTime从动画开始到结束，由0.0~1.0
            if (headerImage.getLayoutParams().height - headerImageHeight > 0) {
                // 计算新高度
                headerImage.getLayoutParams().height -= headerImageScaleHeight * interpolatedTime;
                // 计算新拉伸高度
                headerImageScaleHeight -= headerImageScaleHeight * interpolatedTime;
                // 重新布局
                headerImage.requestLayout();
            }
        }
    }

}

布局文件在文章开头有贴出，这里就不重复了。

END

欢迎评论吐槽…

StoneHui_
关注
专栏目录
Android UI设计之<十>自定义ListView，实现QQ空间阻尼下拉刷新和渐变菜单栏效果
快乐de灰太狼的专栏
06-06 1万+
好久没有写有关UI的博客了，刚刚翻了一下之前的博客，最近一篇有关UI的博客是在2014年写的：Android UI设计之<七>自定义Dialog，实现各种风格效果的对话框。近来项目有个需求，要做个和QQ空间类似的菜单栏透明度渐变和下拉刷新带有阻尼回弹的效果。于是花点时间动手试了试，基本上达到了QQ空间的效果
ParallaxListView:ListView头部视差效果
06-06
在Android开发中，`ParallaxListView`是一种增强用户体验的创新技术，它允许开发者在ListView的滚动过程中实现头部视差效果。这种效果常见于许多现代应用的头部设计中，当用户向下滚动列表时，头部背景会以较慢的...
ListView头部视差效果
zjf1165的专栏
05-04 107
ListView头部视差效果当点击一个listView向下滑动时，listView头部的图片会缓慢向下移动，给人的感觉是很”吃力”的向下显示出来原理当给一个listView添加一个imageView作为HeadView时，动态控制此imageView的显示高度，并控制其高度的变化率小于手指在y轴移动的距离变化率，从而给人一种“吃力”的感觉。事例代码public class myListView ex
Android ListView头部视差控件
A blog
04-25 1236
Android ListView头部视差控件效果展示代码实现静态布局，为ListView增加头部的View mListView = (ParallaxListView) findViewById(R.id.listview); mHeadView = View.inflate(this, R.layout.head, null); //异步解析xml中
ListView的头部视差效果的实现
晴天的博客
10-06 1118
ListView的头部视差效果的实现
Android头部视差效果的实现方式
DemoMath的博客
07-13 2255
实现了类似qq空间头部的图片弹性效果，手指向下滑动头部图片展示出更多部分 废话不说，上代码： 自定义的ParallaxListView：package com.wd.demo.parallax;import android.animation.ValueAnimator; import android.animation.ValueAnimator.AnimatorUpdateListener;
基于ListView实现头部、底部视差效果
03-30
在本教程中，我们将探讨如何在ListView中实现头部和底部的视差效果。 首先，我们需要创建一个自定义的ListView，这可以通过继承AbsListView或者直接使用ListView并重写其滚动方法来实现。关键在于监听ListView的...
头部视差效果Demo
07-25
这种效果通常应用于网站的头部，当用户滚动页面时，背景图像（如大图或者视频）以较慢的速度移动，而页面的其他内容则以正常速度滚动，从而产生立体感和空间感。 在"头部视差效果Demo"中，我们可以探索以下几个关键...
Android实现有视差效果的ListView
09-01
如维基百科所述，视差滚动是一种图形技术，当用户滚动内容时，背景图像的移动速度慢于前景元素，给人一种三维空间的感觉。在Android应用中，这种效果通常用于ListView的头部（HeaderView）或FooterView，使其在滚动...
头部视差动画用Scrollview写的
10-31
在头部视差动画中，背景元素相对于前景元素以不同的速度移动，营造出深度感和空间感。 3. **滚动监听**：为了实现视差效果，我们需要监听ScrollView的滚动事件。Android提供了`OnScrollChangeListener`接口，可以...
ios-QQ空间头部背景图片自定义.zip
07-11
GJpictureSwitch从相册选取图片,自定义图片背景(QQ空间头部背景图片自定义) GJpictureSwitch使用介绍: QQ空间头部背景图片自定义 点击图片->进入相册选择图片-> 返回完成自定义背景图片设置. 1.把GJpictureSwitch文件夹拖到自己的项目中. 2.在需要的地方调用. 注意:去info.plist设置相册访问权限. GJpictureSwitch下载地址:https://github.com/JSorca/GJpictureSwitch
Android实现视差特效
Style Thinks的博客
08-28 958
视差特效实现思路: 1.解析OnTouche,Action_Down,Action_move,Action_up,业务逻辑过于复杂 2.重写Listview的overScrollBy方法,继承式自定义控件listview,根据用户下拉的距离,动态修改headerview的高度 a.拷贝文件资源到项目中,自定义控件继承listview b.使用自定义控件,并往头部添加布局,设置适配器
Android特效-视差特效
花花young
08-16 3562
附上一张效果图： 实现步骤如下： 1、首先整体使用ListView实现，顶部的图片为ListView的HeadView <ImageView android:id="@+id/img" android:layout_width="match_parent" android:layout_height="200dp"
Android中的视差效应
zzz777qqq的博客
07-16 420
最近，Android 中的每个应用程序都更加重视用户体验。具有良好用户体验的应用程序将具有良好的用户评分和受欢迎程度。为了给用户提供良好的体验，UI/UX 空间中提供了许多效果。一种这样的效果是视差。让我们了解这是关于什么的，以及一个应用程序示例以了解如何使用它。本章涵盖了：视差听起来像一个数学词。是的，这项技术源自数学原理本身。这是计算机图形和网页设计中的一种技术，其中背景图像在相机中的移动速度比前景图像慢，从而在 2D 场景中产生深度错觉并增加沉浸感。视差滚动是一种非常有趣的技术，可以让你的应用程序的某
Android简易实战教程--第五十四话《视差特效》
态度决定高度A=X+Y+Z
10-26 1434
第五十四话
Android解析自定义属性实现视差动画效果
最新发布
故不积跬步无以至千里
11-14 576
在学习本文之前，可以先了解下android LayoutInflater源码分析以及换肤框架实现原理，这里通过LayoutInflater解析自定义属性，实现对布局中的View进行平移操作。 布局文件中使用自定义属性 自定义Fragment实现自定义属性解析 其中类参考系统中的类，以调用方法，对应源码如下： 自定义Viewpager，监听滚动以实现对布局中的view进行平移 测试验证 总结 通过解析自定义属性，学习了是如何完成View的加载工作，对以后的工作很有帮助。如果以上文
下拉刷新头部视差效果
JINGYI233的博客
02-14 668
头部视差效果 分析思路：先给listview头部添加ImageView，然后根据手指往下拖动的距离，去让ImageView的高度不断增高，当手指抬起的时候让ImageView恢复至最初高度首先，自定义ParallaxListView，继承ListView然后，给ListView填充数据，并addHeaderView，添加ImageView作为头布局： //1.添加头部IMageView V
使用NestedScrollView+ViewPager+RecyclerView+SmartRefreshLayout打造酷炫下拉视差效果并解决各种滑动冲突...
weixin_34026276的博客
12-17 984
使用NestedScrollView+ViewPager+RecyclerView+SmartRefreshLayout打造酷炫下拉视差效果并解决各种冲突 如果你还在为处理滑动冲突而发愁，那么你需要静下心来看看这边文章，如果你能彻底理解这篇文章中使用的技术，那么，一切滑动冲突的问题解决起来就轻而易举了：先扔一个最终实现的效果图 先分析下效果图中实现的功能点 顶部下拉时背景图形成视差效...
安卓头部视差（Parallax）实现
春水碧于天的博客
01-06 1803
看着QQ控件的这种效果挺炫的于是就照着教程模仿着写了一个，完成之后整理一下思路，觉着还是比较简单的，实现核心就是根据手指滑动距顶部距离来改变头部ImageView控件的高度。下面贴出代码：ListView的头布局：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值