文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-05-30 20:07

关注

本文实例为大家分享了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

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 资料下载
  • 历年真题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯