Android 背景图片的缩放实现

Android 背景图片的缩放实现,第1张

概述Android背景图片缩放 ONEGoal,ONEPassion!我们看到一些效果,控件中的背景图片会慢慢变大,但是控件不会随着图片的放大而变大.效果如下:

AndroID 背景图片的缩放

 ONE Goal,ONE Passion !

我们看到一些效果,控件中的背景图片会慢慢变大,但是控件不会随着图片的放大而变大.效果如下:

分析:

想让图片变大,而且控件本身大小不能改变,那么就要改变图片自身大小,而不能改变控件大小.

实现原理:

1,首先拿到我们要放大的图片bitmap.

2,使用Bitmap.createBitmap().创建一个bitmap的副本.

3,使用matrix去改变图片副本本身大小

4,使用ValueAnimator去根据变化率将副本绘制出来.

自定义view

 public class ScaleImage extends VIEw {  /**   * 设置的背景图片   */  private Drawable background;  /**   * 画布的背景图片   */  private Bitmap bitmapcopy;  /**   * 跟随动画实时更新的 放大比例   */  float scal = 1f;  /**   * 让原图放大 1.3倍,这个值可以随意更改.目的是让原图填充满控件   */  private float orgFrac = 1.3f;  /**   * 控件宽   */  private int wIDthSize;  /**   * 控件高   */  private int heightSize;  private float downY;  private float downX;  public ScaleImage(Context context) {    this(context,null);  }  public ScaleImage(Context context,AttributeSet attrs) {    this(context,attrs,0);  }  public ScaleImage(Context context,AttributeSet attrs,int defStyleAttr) {    super(context,defStyleAttr);  }  @OverrIDe  protected voID onMeasure(int wIDthMeasureSpec,int heightmeasureSpec) {    super.onMeasure(wIDthMeasureSpec,heightmeasureSpec);    wIDthSize = MeasureSpec.getSize(wIDthMeasureSpec);    heightSize = MeasureSpec.getSize(heightmeasureSpec);  }  @OverrIDe  protected voID onDraw(final Canvas canvas) {    super.onDraw(canvas);    if (background != null) {      BitmapDrawable bd = (BitmapDrawable) background;      final Bitmap bitmap = bd.getBitmap();      final Matrix matrix = new Matrix();      bitmapcopy = Bitmap.createBitmap(bitmap,bitmap.getWIDth(),bitmap.getHeight(),matrix,true);      /**       * float sx,float sy,float px,float py       *       * sx,sy x,y方向缩放比例       * px,py 以px py为轴心进行缩放       * 放大比例加了默认的orgFrac.是为了在还没有开始缩放时       * 放图片能够填充控件.如果图片过小的话,可能控件和图片       * 之间会有边界空白       *       * 注意: 这里的px py :matrix作用于哪个对象上,那么px,py就是对象上的坐标点       * 如 : 这里就是 bitmapcopy 上的px,py坐标点.       */      matrix.setScale(orgFrac + scal,1,bitmapcopy.getWIDth() / 2,bitmapcopy.getHeight() / 2);      canvas.drawBitmap(bitmapcopy,null);    }  }  /**   * 开始缩放   *   * @param drawableID 需要放大的背景图片   */  public voID startScale(int drawableID) {    background = getResources().getDrawable(drawableID);    if (background == null) {      throw new RuntimeException("background must not null");    } else {      ValueAnimator animator = ValueAnimator.offloat(0,1);      animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {        @OverrIDe        public voID onAnimationUpdate(ValueAnimator animation) {          float fraction = (float) animation.getAnimatedValue();          scal = (float) (0.5 * fraction);          invalIDate();        }      });      animator.setDuration(5000);      animator.setInterpolator(new BounceInterpolator());      animator.start();    }  }  @OverrIDe  public boolean ontouchEvent(MotionEvent event) {    switch (event.getAction()) {      case MotionEvent.ACTION_DOWN:        downY = event.getY();        downX = event.getX();        break;      case MotionEvent.ACTION_UP:        float upY = event.getY();        float upX = event.getX();        if (Math.abs(upY - downY) < 5 && Math.abs(upX - downX) < 5) {          Listener.backgroundClick();        }        break;    }    return true;  }  OnBackgroundCilckListener Listener;  /**   * 点击事件的监听   *   * @param Listener   */  public voID addBackgroundCilckListener(OnBackgroundCilckListener Listener) {    this.Listener = Listener;  }  public interface OnBackgroundCilckListener {    voID backgroundClick();  }  }

跑起来

 image = (ScaleImage) findVIEwByID(R.ID.image);    image.startScale(R.drawable.parallax_img);    image.addBackgroundCilckListener(new ScaleImage.OnBackgroundCilckListener() {      @OverrIDe      public voID backgroundClick() {      }    });

小提琴家

matrix使用待续

好了.直接使用控件,我们将资源文件中的Drawable传入就可以了.

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

总结

以上是内存溢出为你收集整理的Android 背景图片的缩放实现全部内容,希望文章能够帮你解决Android 背景图片的缩放实现所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147751.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存