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内容

