脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → ImageView实现自动放大缩小动画

Android自定义ImageView实现自动放大缩小动画

 更新时间：2017年06月15日 16:05:14   作者：guangyu_sun  
这篇文章主要为大家详细介绍了Android自定义ImageView实现自动放大缩小动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇讲的是如何生成一个自定义的ImageView，实现自动放大缩小动画。

为什么实现这个功能呢？因为我想在ViewPager实现图片放大缩小的动画，但是ViewPager几个页面的动画会一起动，而且放大全屏图片的话会相互覆盖，很诡异。于是上网搜demo，一无所获。迫于无奈。。。
废话不多说，直接贴代码。

1.配置文件直接添加

当直接在布局文件中添加图片的话，可以在自定义View代码中用getDrawable（）获取图片资源，然后通过DrawBitmap绘制图片。通过不断绘制图片的位置，达到放大缩小的功能。
第一种情况实在XML布局文件中直接添加的：

public class CoolImageView extends ImageView {

  private int mLeft = 0;
  private int mTop = 0;
  private Handler mHandler;
  private Bitmap bitmap;
  private Rect srcRect = new Rect();
  private Rect dstRect = new Rect();
  private int imgWidth;
  private int imgHeight;
  private boolean flag;
  private boolean istart;

  public CoolImageView(Context context) {
    super(context);
  }

  public CoolImageView(Context context, AttributeSet attrs) {
    super(context, attrs);
    setUp(context, attrs);
  }

  public CoolImageView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    setUp(context, attrs);
  }


  private void setUp(Context context, AttributeSet attrs) {
    mHandler = new MoveHandler();
    mHandler.sendEmptyMessageDelayed(1, 220L);
    istart = true;
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    int width = getWidth();
    int height = getHeight();
    //获取图片资源
    BitmapDrawable drawable = (BitmapDrawable) getDrawable();
    bitmap = drawable.getBitmap();
    dstRect.left = 0;
    dstRect.top = 0;
    dstRect.right = width;
    dstRect.bottom = height;
    if (bitmap != null) {
      if (istart) {
//        获取图片的宽高
        imgWidth = bitmap.getWidth();
        imgHeight = bitmap.getHeight();
        srcRect.left = 0 + mLeft;
        srcRect.right = imgWidth - mLeft;
        srcRect.top = 0 + mTop;
        srcRect.bottom = imgHeight - mTop;
        canvas.drawBitmap(bitmap, srcRect, dstRect, null);
      } else {
        canvas.drawBitmap(bitmap, null, dstRect, null);
      }
    }

  }

  private class MoveHandler extends Handler {
    @Override
    public void handleMessage(Message msg) {
      switch (msg.what) {
        case 1:
          if (imgHeight != 0) {
            if (mTop == 0) {
              mTop += 5;
              mLeft += 5;
            } else if (mTop == 120) {
              mTop -= 5;
              mLeft -= 5;
            }
          }
          postInvalidate();
          mHandler.sendEmptyMessageDelayed(1, 250);
          break;
      }
    }
  }

  public void start() {
    mTop = 0;
    mLeft = 0;
    istart = true;
    mHandler.sendEmptyMessageDelayed(1, 220L);
  }

  public void stop() {
    istart = false;
  }
}

2 .通过Glide加载图片的方式

通过Glide加载图片的话，不能直接用getDrawable获取图片资源。Glide加载图片的方式也需要改变。废话不多说，直接上代码。
CoolimageView直接从Glide的缓存中加载图片。

Glide.with(GoodsPagerActivity.this)
            .load(sList.get(position).img)
            .override(width, height)
            .centerCrop()
            .into(new SimpleTarget<GlideDrawable>() {
              @Override
              public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
                imageView.setImageDrawable(resource);
              }
            });

CoolImageView.java:
唯一不同的是获取图片的方式；
```java

public class CoolImageView extends ImageView {


  private int mLeft = 0;
  private int mTop = 0;
  private Handler mHandler;
  private Bitmap bitmap;
  private Rect srcRect = new Rect();
  private Rect dstRect = new Rect();
  private int imgWidth;
  private int imgHeight;
  private boolean flag;
  private boolean istart;
  private int width;
  private int height;

  public CoolImageView(Context context) {
    super(context);
  }

  public CoolImageView(Context context, AttributeSet attrs) {
    super(context, attrs);
    setUp(context, attrs);
  }

  public CoolImageView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    setUp(context, attrs);
  }


  private void setUp(Context context, AttributeSet attrs) {
    mHandler = new MoveHandler();
    mHandler.sendEmptyMessageDelayed(1, 220L);
    istart = true;
  }

  @Override
  public void setImageDrawable(@Nullable Drawable drawable) {
    super.setImageDrawable(drawable);
    if (mHandler != null) {
      mHandler.sendEmptyMessageDelayed(1, 220L);
    } else {
      mHandler = new MoveHandler();
      mHandler.sendEmptyMessageDelayed(1, 220L);
      istart = true;
    }
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    width = getWidth();
    height = getHeight();
    GlideBitmapDrawable drawable = (GlideBitmapDrawable) getDrawable();
    if (drawable != null) {
      bitmap = drawable.getBitmap();
    }
    dstRect.left = 0;
    dstRect.top = 0;
    dstRect.right = width;
    dstRect.bottom = height;
    if (bitmap != null) {
      if (istart) {
        imgWidth = bitmap.getWidth();
        imgHeight = bitmap.getHeight();
        srcRect.left = 0 + mLeft;
        srcRect.right = imgWidth - mLeft;
        srcRect.top = 0 + mTop;
        srcRect.bottom = imgHeight - mTop;
        canvas.drawBitmap(bitmap, srcRect, dstRect, null);
      } else {
        canvas.drawBitmap(bitmap, null, dstRect, null);
      }
    }

  }

  private class MoveHandler extends Handler {
    @Override
    public void handleMessage(Message msg) {
      switch (msg.what) {
        case 1:
          if (imgHeight != 0) {
            if (mTop == 0) {
              flag = true;
            } else if (mTop == 60) {
              flag = false;
            }
            if (!flag) {
              mTop -= 2;
              mLeft -= 1;
            } else {
              mTop += 2;
              mLeft += 1;
            }
          }
          postInvalidate();
          mHandler.sendEmptyMessageDelayed(1, 200);
          break;
      }
    }
  }

  public void start() {
    mTop = 0;
    mLeft = 0;
    istart = true;
    mHandler.sendEmptyMessageDelayed(1, 220L);
  }

  public void stop() {
    istart = false;
  }
}

如果感觉动画不够流畅可以缩小线程等待时间。

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

您可能感兴趣的文章:

相关文章

  • Android开发中日期工具类DateUtil完整实例

    Android开发中日期工具类DateUtil完整实例

    这篇文章主要介绍了Android开发中日期工具类DateUtil,结合完整实例形式分析了Android针对日期与时间的计算、转换、格式化、获取等相关操作技巧,需要的朋友可以参考下
    2017-11-11
  • Android seekbar（自定义）控制音量同步更新

    Android seekbar（自定义）控制音量同步更新

    这篇文章主要介绍了Android seekbar（自定义）控制音量同步更新的相关资料,需要的朋友可以参考下
    2017-01-01
  • Android实现果冻滑动效果的控件

    Android实现果冻滑动效果的控件

    这篇文章给大家主要介绍了利用Android如何实现果冻效果滑动效果的控件，实现的效果类似于iOS有阻尼效果的滑动控件，一般我们比较亲切地称之为果冻控件，常见的如微信里[我]的那个面板模块，即使没有再多的选项，也不会很生硬的不允许用户滑动。下面来一起看看吧。
    2016-11-11
  • Kotlin中日志的使用方法详解

    Kotlin中日志的使用方法详解

    这篇文章主要给大家介绍了关于Kotlin中日志的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • Android中实现布局背景模糊化处理的方法

    Android中实现布局背景模糊化处理的方法

    这篇文章主要介绍了Android中实现布局背景模糊化处理的方法,需要的朋友可以参考下
    2015-04-04
  • Android RecyclerView设置下拉刷新的实现方法

    Android RecyclerView设置下拉刷新的实现方法

    这篇文章主要介绍了Android RecyclerView设置下拉刷新的实现方法,希望通过本文通过SwipeRefreshLayout方式实现下拉刷新，需要的朋友可以参考下
    2017-10-10
  • Flutter滚动组件之ListView使用方法详解

    Flutter滚动组件之ListView使用方法详解

    这篇文章主要为大家详细介绍了Flutter滚动组件之ListView的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03
  • android如何获取手机联系人的数据库示例代码

    android如何获取手机联系人的数据库示例代码

    很多人在做手机联系人的apk时会遇到，如何获取手机联系人数据库的问题，本篇文章主要介绍了android如何获取手机联系人的数据库示例代码，有兴趣的可以了解一下。
    2017-01-01
  • Flutter实现弹窗拦截器的示例代码

    Flutter实现弹窗拦截器的示例代码

    弹窗的排队执行在App中是一个很常见的应用场景,这篇文章为大家介绍了两个Flutter实现弹窗拦截器的示例代码,感兴趣的小伙伴可以学习一下
    2023-09-09
  • Android学习笔记——Menu介绍(一)

    Android学习笔记——Menu介绍(一)

    Android3.0（API level 11）开始，Android设备不再需要专门的菜单键。随着这种变化，Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
    2014-10-10

最新评论