Android实现点击缩略图放大效果

发布时间 - 2026-01-11 03:21:39    点击率:

本文实例为大家分享了Android点击缩略图放大效果的具体代码,供大家参考,具体内容如下

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.graphics.Point;
import android.graphics.Rect;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.animation.DecelerateInterpolator;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

  // 持有这个动画的引用,让他可以在动画执行中途取消
  private Animator mCurrentAnimator;

  private int mShortAnimationDuration;

  private View imageView1;
  private View imageView2;

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

    imageView1.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        zoomImageFromThumb(imageView1,R.mipmap.ic_launcher);
      }
    });
    imageView2.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        zoomImageFromThumb(imageView2,R.mipmap.ic_launcher);
      }
    });

    // 系统默认的短动画执行时间 200
    mShortAnimationDuration = getResources().getInteger(
        android.R.integer.config_shortAnimTime);
  }

  private void initView() {
    imageView1 = (ImageView) findViewById(R.id.imageView1);
    imageView2 = (ImageView) findViewById(R.id.imageView2);
  }
  private void zoomImageFromThumb(final View thumbView, int imageResId) {
    // 如果有动画正在运行,取消这个动画
    if (mCurrentAnimator != null) {
      mCurrentAnimator.cancel();
    }

    // 加载显示大图的ImageView
    final ImageView expandedImageView = (ImageView) findViewById(
        R.id.expanded_image);
    expandedImageView.setImageResource(imageResId);

    // 计算初始小图的边界位置和最终大图的边界位置。
    final Rect startBounds = new Rect();
    final Rect finalBounds = new Rect();
    final Point globalOffset = new Point();

    // 小图的边界就是小ImageView的边界,大图的边界因为是铺满全屏的,所以就是整个布局的边界。
    // 然后根据偏移量得到正确的坐标。
    thumbView.getGlobalVisibleRect(startBounds);
    findViewById(R.id.imageView1).getGlobalVisibleRect(finalBounds, globalOffset);
    startBounds.offset(-globalOffset.x, -globalOffset.y);
    finalBounds.offset(-globalOffset.x, -globalOffset.y);

    // 计算初始的缩放比例。最终的缩放比例为1。并调整缩放方向,使看着协调。
    float startScale=0;
    if ((float) finalBounds.width() / finalBounds.height()
        > (float) startBounds.width() / startBounds.height()) {
      // 横向缩放
      float startWidth = startScale * finalBounds.width();
      float deltaWidth = (startWidth - startBounds.width()) / 2;
      startBounds.left -= deltaWidth;
      startBounds.right += deltaWidth;
    } else {
      // 竖向缩放
      float startHeight = startScale * finalBounds.height();
      float deltaHeight = (startHeight - startBounds.height()) / 2;
      startBounds.top -= deltaHeight;
      startBounds.bottom += deltaHeight;
    }

    // 隐藏小图,并显示大图
    thumbView.setAlpha(0f);
    expandedImageView.setVisibility(View.VISIBLE);

    // 将大图的缩放中心点移到左上角。默认是从中心缩放
    expandedImageView.setPivotX(0f);
    expandedImageView.setPivotY(0f);

    //对大图进行缩放动画
    AnimatorSet set = new AnimatorSet();
    set.play(ObjectAnimator.ofFloat(expandedImageView, View.X, startBounds.left, finalBounds.left))
        .with(ObjectAnimator.ofFloat(expandedImageView, View.Y, startBounds.top, finalBounds.top))
        .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_X, startScale, 1f))
        .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_Y, startScale, 1f));
    set.setDuration(mShortAnimationDuration);
    set.setInterpolator(new DecelerateInterpolator());
    set.addListener(new AnimatorListenerAdapter() {
      @Override
      public void onAnimationEnd(Animator animation) {
        mCurrentAnimator = null;
      }

      @Override
      public void onAnimationCancel(Animator animation) {
        mCurrentAnimator = null;
      }
    });
    set.start();
    mCurrentAnimator = set;

    // 点击大图时,反向缩放大图,然后隐藏大图,显示小图。
    final float startScaleFinal = startScale;
    expandedImageView.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        if (mCurrentAnimator != null) {
          mCurrentAnimator.cancel();
        }

        AnimatorSet set = new AnimatorSet();
        set.play(ObjectAnimator
            .ofFloat(expandedImageView, View.X, startBounds.left))
            .with(ObjectAnimator
                .ofFloat(expandedImageView,
                    View.Y,startBounds.top))
            .with(ObjectAnimator
                .ofFloat(expandedImageView,
                    View.SCALE_X, startScaleFinal))
            .with(ObjectAnimator
                .ofFloat(expandedImageView,
                    View.SCALE_Y, startScaleFinal));
        set.setDuration(mShortAnimationDuration);
        set.setInterpolator(new DecelerateInterpolator());
        set.addListener(new AnimatorListenerAdapter() {
          @Override
          public void onAnimationEnd(Animator animation) {
            thumbView.setAlpha(1f);
            expandedImageView.setVisibility(View.GONE);
            mCurrentAnimator = null;
          }

          @Override
          public void onAnimationCancel(Animator animation) {
            thumbView.setAlpha(1f);
            expandedImageView.setVisibility(View.GONE);
            mCurrentAnimator = null;
          }
        });
        set.start();
        mCurrentAnimator = set;
      }
    });
  }
}

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


# Android点击缩略图放大  # Android缩略图放大  # Android点击缩略图  # Android 拍照后返回缩略图的两种方法介绍  # android 获取视频第一帧作为缩略图的方法  # Android实现微信分享带有缩略图的网页  # Android编程获取图片和视频缩略图的方法  # Android中如何获取视频文件的截图、缩略图  # android 获取视频  # 图片缩略图的具体实现  # Android实现返回拍摄的图片功能实例  # Android拍摄照片后返回缩略图的方法  # 小图  # 看着  # 让他  # 中心点  # 执行时间  # 是从  # 大家分享  # 全屏  # 移到  # 具体内容  # 中途  # 大家多多  # 比例为  # 铺满  # 正在运行  # 加载  # 偏移量  # onAnimationCancel  # int  # mCurrentAnimator 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Android利用动画实现背景逐渐变暗  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  Java垃圾回收器的方法和原理总结  Python进程池调度策略_任务分发说明【指导】  如何用狗爹虚拟主机快速搭建网站?  使用C语言编写圣诞表白程序  如何用VPS主机快速搭建个人网站?  如何解决hover在ie6中的兼容性问题  如何在阿里云购买域名并搭建网站?  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  如何登录建站主机?访问步骤全解析  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  宙斯浏览器文件分类查看教程 快速筛选视频文档与图片方法  微信推文制作网站有哪些,怎么做微信推文,急?  Laravel怎么调用外部API_Laravel Http Client客户端使用  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  香港服务器租用每月最低只需15元?  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  微信小程序 闭包写法详细介绍  Laravel怎么实现验证码(Captcha)功能  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  简单实现Android文件上传  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  Laravel怎么实现前端Toast弹窗提示_Laravel Session闪存数据Flash传递给前端【方法】  如何挑选最适合建站的高性能VPS主机?  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  如何用腾讯建站主机快速创建免费网站?  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  Laravel如何为API编写文档_Laravel API文档生成与维护方法  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  Laravel如何实现本地化和多语言支持?(i18n教程)  Swift开发中switch语句值绑定模式  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  Windows10电脑怎么查看硬盘通电时间_Win10使用工具检测磁盘健康  安克发布新款氮化镓充电宝:体积缩小 30%,支持 200W 输出  ,交易猫的商品怎么发布到网站上去?  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  LinuxShell函数封装方法_脚本复用设计思路【教程】  北京的网站制作公司有哪些,哪个视频网站最好?  如何用IIS7快速搭建并优化网站站点?  如何快速上传建站程序避免常见错误?  如何在阿里云虚拟服务器快速搭建网站?  Android okhttputils现在进度显示实例代码  Laravel怎么在Blade中安全地输出原始HTML内容