Android自定义scrollView实现顶部图片下拉放大

 更新时间:2017年12月22日 16:01:54   作者:liujinhua1992  
这篇文章主要为大家详细介绍了Android自定义scrollView实现顶部图片下拉放大,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了scrollView实现顶部图片下拉放大的具体代码,供大家参考,具体内容如下

之前的scrollView顶部图片下拉放大在之后的项目用到了几次,但没次都写在Activity中很麻烦,也不方便复用。这几天有空,所以重新使用自定义scrollView的方法实现这个效果。原理和之前的基本是一致的,所以也不多说了,直接上代码。

package com.example.myapplication.dropzoom; 
 
import android.animation.ObjectAnimator; 
import android.animation.ValueAnimator; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ScrollView; 
 
/** 
 * Created by Liujinhua on 2016/3/25. 
 * 下拉放大scrollView 
 */ 
public class DropZoomScrollView extends ScrollView implements View.OnTouchListener { 
 
  // 记录首次按下位置 
  private float mFirstPosition = 0; 
  // 是否正在放大 
  private Boolean mScaling = false; 
 
  private View dropZoomView; 
  private int dropZoomViewWidth; 
  private int dropZoomViewHeight; 
 
  public DropZoomScrollView(Context context) { 
    super(context); 
  } 
 
  public DropZoomScrollView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
  } 
 
  public DropZoomScrollView(Context context, AttributeSet attrs, int defStyleAttr) { 
    super(context, attrs, defStyleAttr); 
  } 
 
  @Override 
  protected void onFinishInflate() { 
    super.onFinishInflate(); 
    init(); 
  } 
 
  @Override 
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
 
  } 
 
  private void init() { 
    setOverScrollMode(OVER_SCROLL_NEVER); 
    if (getChildAt(0) != null) { 
      ViewGroup vg = (ViewGroup) getChildAt(0); 
      if (vg.getChildAt(0) != null) { 
        dropZoomView = vg.getChildAt(0); 
        setOnTouchListener(this); 
 
      } 
    } 
  } 
 
  @Override 
  public boolean onTouch(View v, MotionEvent event) { 
    if (dropZoomViewWidth <= 0 || dropZoomViewHeight <= 0) { 
      dropZoomViewWidth = dropZoomView.getMeasuredWidth(); 
      dropZoomViewHeight = dropZoomView.getMeasuredHeight(); 
    } 
    switch (event.getAction()) { 
      case MotionEvent.ACTION_UP: 
        //手指离开后恢复图片 
        mScaling = false; 
        replyImage(); 
        break; 
      case MotionEvent.ACTION_MOVE: 
        if (!mScaling) { 
          if (getScrollY() == 0) { 
            mFirstPosition = event.getY();// 滚动到顶部时记录位置,否则正常返回 
          } else { 
            break; 
          } 
        } 
        int distance = (int) ((event.getY() - mFirstPosition) * 0.6); // 滚动距离乘以一个系数 
        if (distance < 0) { // 当前位置比记录位置要小,正常返回 
          break; 
        } 
 
        // 处理放大 
        mScaling = true; 
        setZoom(1 + distance); 
        return true; // 返回true表示已经完成触摸事件,不再处理 
    } 
    return false; 
  } 
 
  // 回弹动画 (使用了属性动画) 
  public void replyImage() { 
    final float distance = dropZoomView.getMeasuredWidth() - dropZoomViewWidth; 
 
    // 设置动画 
    ValueAnimator anim = ObjectAnimator.ofFloat(0.0F, 1.0F).setDuration((long) (distance * 0.7)); 
 
    anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
      @Override 
      public void onAnimationUpdate(ValueAnimator animation) { 
        float cVal = (Float) animation.getAnimatedValue(); 
        setZoom(distance - ((distance) * cVal)); 
      } 
    }); 
    anim.start(); 
 
  } 
 
  //缩放 
  public void setZoom(float s) { 
    if (dropZoomViewHeight <= 0 || dropZoomViewWidth <= 0) { 
      return; 
    } 
    ViewGroup.LayoutParams lp = dropZoomView.getLayoutParams(); 
    lp.width = (int) (dropZoomViewWidth + s); 
    lp.height = (int) (dropZoomViewHeight * ((dropZoomViewWidth + s) / dropZoomViewWidth)); 
    dropZoomView.setLayoutParams(lp); 
  } 
} 

使用的时候也十分的简单

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="vertical"> 
 
  <com.example.myapplication.dropzoom.DropZoomScrollView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
 
    <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical"> 
 
 
      <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:src="@drawable/bg" /> 
 
      <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:src="@drawable/home_bg" /> 
 
      <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:src="@drawable/home_bg" /> 
 
      <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:src="@drawable/home_bg" /> 
 
      <ImageView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:src="@drawable/home_bg" /> 
    </LinearLayout> 
  </com.example.myapplication.dropzoom.DropZoomScrollView> 
</LinearLayout> 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • android 进度条组件ProgressBar

    android 进度条组件ProgressBar

    本文主要介绍android 进度条组件ProgressBar,这里整理进度条的实现代码和效果图,帮助大家学习理解Android 进度条的知识,有兴趣的小伙伴可以参考下
    2016-09-09
  • 基于Android RecyclerView实现宫格拖拽效果

    基于Android RecyclerView实现宫格拖拽效果

    在Android发展的进程中,网格布局一直比较有热度,其中一个原因是对用户来说便捷操作,对app厂商而言也会带来很多的曝光量,本篇我们会使用RecyclerView来实现网格拖拽,本篇将结合图片分片案例,实现拖拽效果,需要的朋友可以参考下
    2024-03-03
  • Android RecyclerView上拉加载和下拉刷新

    Android RecyclerView上拉加载和下拉刷新

    这篇文章主要为大家详细介绍了Android RecycleView上拉加载和下拉刷新的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android编程实现实时监听EditText文本输入的方法

    Android编程实现实时监听EditText文本输入的方法

    这篇文章主要介绍了Android编程实现实时监听EditText文本输入的方法,结合实例形式分析了EditText控件及事件响应相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • Android Button 自带阴影效果另一种解决办法

    Android Button 自带阴影效果另一种解决办法

    这篇文章主要介绍了Android Button 自带阴影效果另一种解决办法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • 深入理解Android MD5数据加密

    深入理解Android MD5数据加密

    在Android中需要对各种数据进行加密的操作,比如用户短信备份的数据加密、用户账户登陆的密码加密以及应用于服务器连接传递重要数据的加密,用处非常的多,所以今天来总结一下MD5加密算法。
    2016-09-09
  • Android 广播大全 Intent Action 事件详解

    Android 广播大全 Intent Action 事件详解

    这篇文章主要给大家介绍Android 广播大全 Intent Action 事件详解,涉及到android广播action 方面知识点,本文讲解的非常的全面,感兴趣的朋友一起看看吧
    2015-10-10
  • Android实现多线程下载文件的方法

    Android实现多线程下载文件的方法

    这篇文章主要介绍了Android实现多线程下载文件的方法,以实例形式较为详细的分析了Android多线程文件传输及合并等操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • android实现扫描网页二维码进行网页登录功能

    android实现扫描网页二维码进行网页登录功能

    这篇文章主要介绍了android扫描网页二维码进行网页登录效果,扫描成功之后跳转进入主页,具体实现代码大家参考下本文
    2017-12-12
  • Android banner的使用详解与示例

    Android banner的使用详解与示例

    小编给大家分享一下android如何实现banner轮播图无限轮播效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧
    2021-11-11

最新评论