From 0fcf2a0e1dfa5a90e580f7f2f3de95f20d1d2c0c Mon Sep 17 00:00:00 2001 From: lixiaopeng Date: Mon, 6 Jan 2020 15:00:38 +0800 Subject: [PATCH] add autozoomimageview --- .../tanlu/fragment/TanluCardViewFragment.java | 46 +++- .../mogo/tanlu/view/AutoZoomInImageView.java | 259 ++++++++++++++++++ .../mogo/tanlu/view/AutoZoomInImageView.kt | 222 --------------- .../layout/tanlu_item_main_media_recycler.xml | 1 + 4 files changed, 302 insertions(+), 226 deletions(-) create mode 100644 modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.java delete mode 100644 modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.kt diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java index 1b4781b8f0..e09dcdd482 100644 --- a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java +++ b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/fragment/TanluCardViewFragment.java @@ -1,5 +1,6 @@ package com.mogo.tanlu.fragment; +import android.graphics.Bitmap; import android.os.Bundle; import android.util.Log; import android.view.MotionEvent; @@ -25,6 +26,7 @@ import com.mogo.map.search.poisearch.IMogoPoiSearchListener; import com.mogo.map.search.poisearch.MogoPoiResult; import com.mogo.map.uicontroller.EnumMapUI; import com.mogo.service.MogoServicePaths; +import com.mogo.service.imageloader.IMogoImageLoaderListener; import com.mogo.service.imageloader.IMogoImageloader; import com.mogo.service.module.IMogoModuleLifecycle; import com.mogo.tanlu.R; @@ -144,10 +146,46 @@ public class TanluCardViewFragment extends MvpFragment> //图片显示 autoZoomInImageView.setVisibility(View.VISIBLE); simpleCoverVideoPlayer.setVisibility(View.GONE); - mogoImageloader.displayImage(imageUrl, autoZoomInImageView); +// mogoImageloader.displayImage(imageUrl, autoZoomInImageView); + mogoImageloader.downloadImage(getActivity(), imageUrl, new IMogoImageLoaderListener() { + @Override + public void onStart() { + Logger.d(TAG, "onStart ------>"); + } + + @Override + public void onCompleted(Bitmap bitmap) { + Logger.d(TAG, "onCompleted ------>"); + autoZoomInImageView.setImageBitmap(bitmap); + //动画 + handleImageAnimation(); + } + + @Override + public void onFailure(Exception e) { + Logger.e(TAG, "onFailure -----E->" + e); + } + }); + } } + /** + * 执行图片动画 + */ + private void handleImageAnimation() { + autoZoomInImageView.post(new Runnable() { + @Override + public void run() { + //放大增量是0.3，放大时间是1000毫秒，放大开始时间是1000毫秒以后 + autoZoomInImageView.init() + .startZoomInByScaleDeltaAndDuration(0.3f, 1000, 1500); + } + }); + + } + + /** * marker点击事件 TODO * @@ -171,14 +209,14 @@ public class TanluCardViewFragment extends MvpFragment> //TODO C位事件,如何获取数据，需要有默认数据 @Override public void onPerform() { - Logger.d(TAG, "卡片2有效"); + Logger.d(TAG, "tanlu卡片 有效"); } //TODO 离开C位事件 @Override public void onDisable() { - Logger.d(TAG, "卡片2无效"); + Logger.e(TAG, "tanlu卡片 无效"); } @Override @@ -226,7 +264,7 @@ public class TanluCardViewFragment extends MvpFragment> // } } - + @Override public void onMapClick(MogoLatLng latLng) { diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.java b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.java new file mode 100644 index 0000000000..102d772568 --- /dev/null +++ b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.java @@ -0,0 +1,259 @@ +package com.mogo.tanlu.view; + +import com.mogo.service.imageloader.MogoImageView; + +import android.animation.Animator; +import android.animation.ValueAnimator; +import android.content.Context; +import android.graphics.Matrix; +import android.graphics.drawable.Drawable; +import android.util.AttributeSet; +import android.view.View; + + +/** + * @author lixiaopeng + * @description + * @since 2020-01-06 + */ +public class AutoZoomInImageView extends MogoImageView { + private int mDrawableW; + private int mDrawableH; + private int mImageViewW; + private int mImageViewH; + private long mDurationMillis = 700; + + private float[] mValues = new float[9]; + private float mScaleDelta = 0.2f; + + private Drawable mDrawable; + private Matrix mMatrix; + + public AutoZoomInImageView(Context context) { + super(context); + this.setScaleType(ScaleType.MATRIX); + } + + public AutoZoomInImageView(Context context, AttributeSet attrs) { + super(context, attrs); + this.setScaleType(ScaleType.MATRIX); + } + + public AutoZoomInImageView(Context context, AttributeSet attrs, int defStyle) { + super(context, attrs, defStyle); + this.setScaleType(ScaleType.MATRIX); + } + + public AutoZoomInImageView init() { + initInternalValues(); + initPicturePosition(); + return this; + } + + public void init(Drawable drawable) { + initInternalValues(drawable); + initPicturePosition(); + } + + private void initInternalValues() { + mDrawable = getDrawable(); + + if (mDrawable == null) { + throw new IllegalArgumentException("please set the source of AutoZoomInImageView"); + } + + mDrawableW = mDrawable.getIntrinsicWidth(); + mDrawableH = mDrawable.getIntrinsicHeight(); + + mImageViewW = getMeasuredWidth(); + mImageViewH = getMeasuredHeight(); + + mMatrix = getImageMatrix(); + mMatrix.getValues(mValues); + } + + private void initInternalValues(Drawable drawable) { + mDrawable = drawable; + + if (mDrawable == null) { + throw new IllegalArgumentException("please set the source of AutoZoomInImageView"); + } + + mDrawableW = mDrawable.getIntrinsicWidth(); + mDrawableH = mDrawable.getIntrinsicHeight(); + + mImageViewW = getMeasuredWidth(); + mImageViewH = getMeasuredHeight(); + + mMatrix = getImageMatrix(); + mMatrix.getValues(mValues); + } + + private void initPicturePosition() { + updateMatrixValuesOrigin(mMatrix, mValues, mDrawableW, mDrawableH, mImageViewW, mImageViewH); + setImageMatrix(mMatrix); + } + + private void startZoomInByScaleDelta(final float scaleDelta, long duration) { + + final float oriScaleX = mValues[0]; + final float oriScaleY = mValues[4]; + + ValueAnimator va = ValueAnimator.ofFloat(0, scaleDelta); + va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { + + @Override + public void onAnimationUpdate(ValueAnimator animation) { + float value = (Float) animation.getAnimatedValue(); + if (mOnZoomListener != null) + mOnZoomListener.onUpdate(AutoZoomInImageView.this, value / scaleDelta); + updateMatrixValuesSpan(mValues, mDrawableW, mDrawableH, mImageViewW, mImageViewH, + oriScaleX, oriScaleY, value); + mMatrix.setValues(mValues); + setImageMatrix(mMatrix); + } + }); + va.addListener(new Animator.AnimatorListener() { + @Override + public void onAnimationStart(Animator animation) { + if (mOnZoomListener != null) mOnZoomListener.onStart(AutoZoomInImageView.this); + } + + @Override + public void onAnimationEnd(Animator animation) { + if (mOnZoomListener != null) mOnZoomListener.onEnd(AutoZoomInImageView.this); + } + + @Override + public void onAnimationCancel(Animator animation) { + } + + @Override + public void onAnimationRepeat(Animator animation) { + } + }); + va.setDuration(duration); + va.start(); + } + + /** + * start zooming in + * + * @param scaleDelta the scale that the image will add to original scale + * @param durationMillis the duration of zoomin animation, in millisecond. + * @param delayMillis the delayed time of starting zoomin animation, in millisecond. + */ + public void startZoomInByScaleDeltaAndDuration(final float scaleDelta, final long durationMillis, long delayMillis) { + if (scaleDelta < 0) { + throw new IllegalArgumentException("scaleDelta should be larger than 0, now scaleDelta is " + scaleDelta); + } + if (durationMillis < 0) { + throw new IllegalArgumentException("durationMillis should not be less than 0, now durationMillis is " + durationMillis); + } + if (delayMillis < 0) { + throw new IllegalArgumentException("delayMillis should not be less than 0, now delayMillis is " + delayMillis); + } + postDelayed(new Runnable() { + @Override + public void run() { + startZoomInByScaleDelta(scaleDelta, durationMillis); + } + }, delayMillis); + } + + /** + * the scale that the image will add to original scale + * + * @param scaleDelta + * @return + */ + public AutoZoomInImageView setScaleDelta(float scaleDelta) { + mScaleDelta = scaleDelta; + return this; + } + + /** + * the duration of zoomin animation, in millisecond. + * + * @param durationMillis + * @return + */ + public AutoZoomInImageView setDurationMillis(long durationMillis) { + mDurationMillis = durationMillis; + return this; + } + + /** + * callback when zoomin animation finished + * + * @param onZoomListener + * @return + */ + public AutoZoomInImageView setOnZoomListener(OnZoomListener onZoomListener) { + mOnZoomListener = onZoomListener; + return this; + } + + /** + * start animation of zoomin + * + * @param delayMillis the delayed time of starting zoomin animation, in millisecond. + */ + public void start(long delayMillis) { + postDelayed(new Runnable() { + @Override + public void run() { + startZoomInByScaleDelta(mScaleDelta, mDurationMillis); + } + }, delayMillis); + } + + private void updateMatrixValuesOrigin(Matrix outMatrix, float[] outValues, float drawW, float drawH, float imageW, float imageH) { + if (outMatrix == null || outValues == null) { + throw new IllegalArgumentException("please set the source of AutoZoomInImageView's matrix and values"); + } + outMatrix.reset(); + if ((imageH * drawW > drawH * imageW)) { + float scale1 = (imageH) / (drawH); + float offset1 = (drawW * scale1 - imageW) / 2; + outMatrix.postScale(scale1, scale1); + outMatrix.postTranslate(-offset1, 0); + } else { + float scale2 = (imageW) / (drawW); + float offset2 = (drawH * scale2 - imageH) / 2; + outMatrix.postScale(scale2, scale2); + outMatrix.postTranslate(0, -offset2); + } + outMatrix.getValues(outValues); + } + + private void updateMatrixValuesSpan(float[] outValues, + float drawW, float drawH, + float imageW, float imageH, + float oriScaleX, float oriScaleY, + float scaleDelta) { + outValues[0] = oriScaleX * (1 + scaleDelta); + outValues[4] = oriScaleY * (1 + scaleDelta); + float offsetwidth = (drawW * outValues[0] - imageW) / 2; + outValues[2] = -offsetwidth; + float offsetHeight = (drawH * outValues[4] - imageH) / 2; + outValues[5] = -offsetHeight; + } + + private OnZoomListener mOnZoomListener; + + public interface OnZoomListener { + /** + * callback when zoom in animation is updating + * + * @param view AutoZoomInImageView + * @param progress return the progress of animation, scope is [0,1] + */ + void onUpdate(View view, float progress); + + void onEnd(View view); + + void onStart(View view); + } + +} diff --git a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.kt b/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.kt deleted file mode 100644 index 391727aa8d..0000000000 --- a/modules/mogo-module-tanlu/src/main/java/com/mogo/tanlu/view/AutoZoomInImageView.kt +++ /dev/null @@ -1,222 +0,0 @@ -package com.mogo.tanlu.view - -import android.animation.Animator -import android.animation.ValueAnimator -import android.content.Context -import android.graphics.Matrix -import android.graphics.drawable.Drawable -import android.util.AttributeSet -import android.util.Log -import android.view.View -import android.widget.ImageView -import com.mogo.service.imageloader.MogoImageView - -class AutoZoomInImageView : MogoImageView { - - companion object { - const val TAG = "AutoZoomInImageView" - } - - private var mDrawableW: Int = 0 - private var mDrawableH: Int = 0 - private var mImageViewW: Int = 0 - private var mImageViewH: Int = 0 - private var mDurationMillis = 3000L - - private var mValues = FloatArray(9) - var isInit: Boolean = false - private var mScaleDelta = 0.2f - private var va: ValueAnimator = ValueAnimator.ofFloat(0f, mScaleDelta) - - private lateinit var mDrawable: Drawable - private lateinit var mMatrix: Matrix - - private var onStart: (View.() -> Unit)? = null - - private var onUpdate: ((view: View, progress: Float) -> Unit)? = null - - private var onEnd: (View.() -> Unit)? = null - - infix fun onStart(onStart: View.() -> Unit) :AutoZoomInImageView{ - this.onStart = onStart - return this - } - - infix fun onUpdate(onUpdate: (view: View, progress: Float) -> Unit) :AutoZoomInImageView{ - this.onUpdate = onUpdate - return this - } - - infix fun onEnd(onEnd: View.() -> Unit):AutoZoomInImageView { - this.onEnd = onEnd - return this - } - - constructor(context: Context?) : super(context) { - this.scaleType = ScaleType.MATRIX - } - - constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs) { - this.scaleType = ScaleType.MATRIX - } - - constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super( - context, - attrs, - defStyleAttr - ) { - this.scaleType = ScaleType.MATRIX - } - - - fun init(): AutoZoomInImageView { - initInternalValues() - initPicturePosition() - isInit = true - return this - } - - fun init(drawable: Drawable) { - initInternalValues(drawable) - initPicturePosition() - } - - private fun initInternalValues() { - mDrawable = drawable - - mDrawableW = mDrawable.intrinsicWidth - mDrawableH = mDrawable.intrinsicHeight - - mImageViewW = measuredWidth - mImageViewH = measuredHeight - - mMatrix = imageMatrix - mMatrix.getValues(mValues) - } - - private fun initInternalValues(drawable: Drawable) { - mDrawable = drawable - - mDrawableW = mDrawable.intrinsicWidth - mDrawableH = mDrawable.intrinsicHeight - - mImageViewW = measuredWidth - mImageViewH = measuredHeight - - mMatrix = imageMatrix - mMatrix.getValues(mValues) - } - - private fun initPicturePosition() { - updateMatrixValuesOrigin( - mMatrix, - mValues, - mDrawableW.toFloat(), - mDrawableH.toFloat(), - mImageViewW.toFloat(), - mImageViewH.toFloat() - ) - imageMatrix = mMatrix - } - - fun setDurationMillis(durationMillis: Long): AutoZoomInImageView { - mDurationMillis = durationMillis - return this - } - - fun startZoomInByScaleDelta(scaleDelta: Float = 0.2f, duration: Long = 3000) { - val oriScaleX = mValues[0] - val oriScaleY = mValues[4] - - va.addUpdateListener { animation -> - val value = animation.animatedValue as Float - onUpdate?.invoke(this@AutoZoomInImageView, value / scaleDelta) - updateMatrixValuesSpan( - mValues, - mDrawableW.toFloat(), - mDrawableH.toFloat(), - mImageViewW.toFloat(), - mImageViewH.toFloat(), - oriScaleX, - oriScaleY, - value - ) - mMatrix.setValues(mValues) - imageMatrix = mMatrix - } - va.addListener(object : Animator.AnimatorListener { - override fun onAnimationStart(animation: Animator) { - onStart?.invoke(this@AutoZoomInImageView) - } - - override fun onAnimationEnd(animation: Animator) { - onEnd?.invoke(this@AutoZoomInImageView) - } - - override fun onAnimationCancel(animation: Animator) {} - override fun onAnimationRepeat(animation: Animator) {} - }) - va.duration = duration - va.start() - } - - fun zoomPause() { - if (va.isRunning) { - Log.d(TAG, "pause") - va.pause() - } - } - - - fun zoomResume() { - if (va.isStarted && va.isPaused) { - Log.d(TAG, "resume") - va.resume() - } else { - Log.d(TAG, "restart") - va.start() - } - } - - private fun updateMatrixValuesOrigin( - outMatrix: Matrix?, - outValues: FloatArray?, - drawW: Float, - drawH: Float, - imageW: Float, - imageH: Float - ) { - if (outMatrix == null || outValues == null) { - throw IllegalArgumentException("please set the source of AutoZoomInImageView's matrix and values") - } - outMatrix.reset() - - if (imageH * drawW > drawH * imageW) { - val scale1 = imageH / drawH - val offset1 = (drawW * scale1 - imageW) / 2 - outMatrix.postScale(scale1, scale1) - outMatrix.postTranslate(-offset1, 0f) - } else { - val scale2 = imageW / drawW - val offset2 = (drawH * scale2 - imageH) / 2 - outMatrix.postScale(scale2, scale2) - outMatrix.postTranslate(0f, -offset2) - } - outMatrix.getValues(outValues) - } - - private fun updateMatrixValuesSpan( - outValues: FloatArray, - drawW: Float, drawH: Float, - imageW: Float, imageH: Float, - oriScaleX: Float, oriScaleY: Float, - scaleDelta: Float - ) { - outValues[0] = oriScaleX * (1 + scaleDelta) - outValues[4] = oriScaleY * (1 + scaleDelta) - val offsetwidth = (drawW * outValues[0] - imageW) / 2 - outValues[2] = -offsetwidth - val offsetHeight = (drawH * outValues[4] - imageH) / 2 - outValues[5] = -offsetHeight - } -} \ No newline at end of file diff --git a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml index ccbb8d827b..81879ac41c 100644 --- a/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml +++ b/modules/mogo-module-tanlu/src/main/res/layout/tanlu_item_main_media_recycler.xml @@ -51,6 +51,7 @@