本文实例为大家分享了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; } }); }}
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
软考中级精品资料免费领
- 历年真题答案解析
- 备考技巧名师总结
- 高频考点精准押题
- 资料下载
- 历年真题
193.9 KB下载数265
191.63 KB下载数245
143.91 KB下载数1142
183.71 KB下载数642
644.84 KB下载数2755
相关文章
发现更多好内容猜你喜欢
AI推送时光机Android实现点击缩略图放大效果
后端开发2023-05-30
JS如何实现点击缩略图整屏居中放大图片效果
后端开发2024-04-02
Android列表实现单选点击缩放动画效果
后端开发2024-04-02
纯CSS实现商品图片点击放大效果
后端开发2024-04-02
Android实现手势滑动多点触摸放大缩小图片效果
后端开发2022-06-06
【前端】 Layui点击图片实现放大、关闭效果
后端开发2023-09-03
Android实现ImageView图片双击放大及缩小
后端开发2022-06-06
Android列表怎么实现单选点击缩放动画效果
后端开发2023-06-20
layui如何实现表格内放置图片并点击放大效果
后端开发2024-04-02
opencv实现图像缩放效果
后端开发2024-04-02
如何通过纯CSS实现图片的缩放放大效果
后端开发2023-10-21
css如何设置点击时文字放大缩小效果
后端开发2024-04-02
Android实现手势滑动多点触摸缩放平移图片效果
后端开发2022-06-06
Android实现按钮点击效果
后端开发2022-06-06
CSS3代码怎么实现点击放大动画效果
后端开发2023-07-04
opencv如何实现图像缩放效果
后端开发2023-06-14
js如何实现产品缩略图效果
后端开发2024-04-02
Android实现手势滑动多点触摸缩放平移图片效果(二)
后端开发2022-06-06
Vue实现图片预览效果实例(放大、缩小、拖拽)
后端开发2024-04-02
Android实现本地图片选择及预览缩放效果
后端开发2022-06-06
咦!没有更多了?去看看其它编程学习网 内容吧