android Activity转场动画makeSceneTransitionAnimation

1、activity转场动画实现有很多，这里主要记录ActivityOptions实现转场动画。

1、makeSceneTransitionAnimation实现，网上很多说要添加下面这句代码

<item name="android:windowContentTransitions">true</item>

或者Activity中添加requestWindowFeature(Window.FEATURE_CONTENT_TRANSITIONS);，但是实际不添加也可以

2、显示图片的那个ImageView要添加transitionName，两边显示的都要添加

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><com.example.mytestproject.view.ZoomImageViewandroid:id="@+id/zoomImageView"android:layout_width="match_parent"android:src="@mipmap/item"android:transitionName="zoomImage"android:layout_height="match_parent"/></RelativeLayout>

3、跳转到的那个Activity要添加下面的属性
* changeBounds - 改变目标视图的布局边界
* changeClipBounds - 裁剪目标视图边界
* changeTransform - 改变目标视图的缩放比例和旋转角度
* changeImageTransform - 改变目标图片的大小和缩放比例

TransitionSet transitionSet = new TransitionSet();transitionSet.setOrdering(TransitionSet.ORDERING_TOGETHER);transitionSet.addTransition(new ChangeBounds());transitionSet.addTransition(new ChangeTransform());transitionSet.addTransition(new ChangeClipBounds());transitionSet.addTransition(new ChangeImageTransform());transitionSet.addTarget(mZoomImageView);getWindow().setSharedElementEnterTransition(transitionSet);getWindow().setSharedElementExitTransition(transitionSet);getWindow().setSharedElementsUseOverlay(true);

4、onBackPressed返回中添加

ActivityCompat.finishAfterTransition(this);

5、跳转动画实现，makeSceneTransitionAnimation实现，这个返回的时候也会有动画效果

ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(RecyclerActivity.this,imageView, "zoomImage");Intent intent = new Intent(RecyclerActivity.this, ZoomActivity.class);startActivityForResult(intent, 1, options.toBundle());

makeScaleUpAnimation实现、这个是一个放大的效果

ActivityOptions options = ActivityOptions.makeScaleUpAnimation(imageView,imageView.getWidth() / 2, imageView.getHeight() / 2, 0, 0);
Intent intent = new Intent(RecyclerActivity.this, ZoomActivity.class);startActivityForResult(intent, 1, options.toBundle());

还有下面几个动画效果，都可以看看

public static ActivityOptions makeClipRevealAnimation(View source, int startX, int startY, int width, int height)

public static ActivityOptions makeCustomAnimation(Context context, int enterResId, int exitResId)

public static ActivityOptions makeThumbnailScaleUpAnimation(View source, Bitmap thumbnail, int startX, int startY)

startActivity(new Intent(this, ZoomActivity.class), ActivityOptions.makeSceneTransitionAnimation (this, Pair.create(view, "myButton2"), Pair.create(view, "myButton3")) .toBundle());

6、最后给一个可以实现缩放移动等操作的图片显示View，有兴趣可以看看

package com.example.mytestproject.view;import android.content.Context;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.ScaleGestureDetector;
import android.view.View;import androidx.appcompat.widget.AppCompatImageView;/*** 保存图片点击的缩放类* create by xing* 2020/8*/
public class ZoomImageView extends AppCompatImageView implements View.OnTouchListener, ScaleGestureDetector.OnScaleGestureListener {private final String TAG = "ZoomImageView";private Matrix mMatrix;private PointF mViewSize;private PointF mImageSize;private PointF mScaleSize;private PointF mCurPoint;private PointF mOriginScale;private ScaleGestureDetector mScaleGestureDetector = null;private GestureDetector mGestureDetector;private final float[] mMatrixValues = new float[9];private boolean isAutoScale;public static final float SCALE_MAX = 4.0f;private static final float SCALE_MID = 0.5f;private float mInitScale = 0.5f;private float mLastX;private float mLastY;private boolean isCanDrag;private int lastPointerCount;private boolean isCheckTopAndBottom = true;private boolean isCheckLeftAndRight = true;private float mDownX, mDownY = 0;private IGestureImageListener iGestureImageListener;public interface IGestureImageListener {void ZoomClick();}public void setGestureImageListener(IGestureImageListener listener) {this.iGestureImageListener = listener;}public ZoomImageView(Context context) {super(context);GestureImageViewInit(context);}public ZoomImageView(Context context, AttributeSet attrs) {super(context, attrs);GestureImageViewInit(context);}public ZoomImageView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);GestureImageViewInit(context);}public void GestureImageViewInit(Context context) {this.setOnTouchListener(this);this.setScaleType(ScaleType.MATRIX);mMatrix = new Matrix();mOriginScale = new PointF();mScaleSize = new PointF();mCurPoint = new PointF();mGestureDetector = new GestureDetector(context,new GestureDetector.SimpleOnGestureListener() {@Overridepublic boolean onDoubleTap(MotionEvent e) {if (isAutoScale == true)return true;float x = e.getX();float y = e.getY();if (getScale() < SCALE_MID) {ZoomImageView.this.postDelayed(new ZoomImageView.AutoScaleRunnable(SCALE_MID, x, y), 16);isAutoScale = true;} else if (getScale() >= SCALE_MID && getScale() < SCALE_MAX) {ZoomImageView.this.postDelayed(new ZoomImageView.AutoScaleRunnable(SCALE_MAX, x, y), 16);isAutoScale = true;} else {ZoomImageView.this.postDelayed(new ZoomImageView.AutoScaleRunnable(mInitScale, x, y), 16);isAutoScale = true;}return true;}});mScaleGestureDetector = new ScaleGestureDetector(context, this);this.setOnTouchListener(this);}private class AutoScaleRunnable implements Runnable {static final float BIGGER = 1.07f;static final float SMALLER = 0.43f;private float mTargetScale;private float tmpScale;private float x;private float y;public AutoScaleRunnable(float targetScale, float x, float y) {this.mTargetScale = targetScale;this.x = x;this.y = y;if (getScale() < mTargetScale) {tmpScale = SMALLER;} else {tmpScale = SMALLER;}}@Overridepublic void run() {// 进行缩放mMatrix.postScale(tmpScale, tmpScale, x, y);checkBorderAndCenterWhenScale();setImageMatrix(mMatrix);final float currentScale = getScale();if (((tmpScale > 1f) && (currentScale < mTargetScale))|| ((tmpScale < 1f) && (mTargetScale < currentScale))) {ZoomImageView.this.postDelayed(this, 16);} else {final float deltaScale = mTargetScale / currentScale;mMatrix.postScale(deltaScale, deltaScale, x, y);checkBorderAndCenterWhenScale();setImageMatrix(mMatrix);isAutoScale = false;}}}@Overridepublic boolean onScale(ScaleGestureDetector detector) {float scale = getScale();float scaleFactor = detector.getScaleFactor();if (getDrawable() == null)return true;if ((scale < SCALE_MAX && scaleFactor > 1.0f)|| (scale > mInitScale && scaleFactor < 1.0f)) {if (scaleFactor * scale < mInitScale) {scaleFactor = mInitScale / scale;}if (scaleFactor * scale > SCALE_MAX) {scaleFactor = SCALE_MAX / scale;}mMatrix.postScale(scaleFactor, scaleFactor, detector.getFocusX(), detector.getFocusY());checkBorderAndCenterWhenScale();setImageMatrix(mMatrix);}return true;}private RectF getMatrixRectF() {Matrix matrix1 = mMatrix;RectF rect = new RectF();Drawable d = getDrawable();if (null != d) {rect.set(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());matrix1.mapRect(rect);}return rect;}private void checkBorderAndCenterWhenScale() {RectF rect = getMatrixRectF();float deltaX = 0;float deltaY = 0;int width = getWidth();int height = getHeight();// 如果宽或高大于屏幕，则控制范围if (rect.width() >= width) {if (rect.left > 0) {deltaX = -rect.left;}if (rect.right < width) {deltaX = width - rect.right;}}if (rect.height() >= height) {if (rect.top > 0) {deltaY = -rect.top;}if (rect.bottom < height) {deltaY = height - rect.bottom;}}if (rect.width() < width) {deltaX = width * 0.5f - rect.right + 0.5f * rect.width();}if (rect.height() < height) {deltaY = height * 0.5f - rect.bottom + 0.5f * rect.height();}mMatrix.postTranslate(deltaX, deltaY);}@Overridepublic boolean onScaleBegin(ScaleGestureDetector detector) {return true;}@Overridepublic void onScaleEnd(ScaleGestureDetector detector) {}public final float getScale() {mMatrix.getValues(mMatrixValues);return mMatrixValues[Matrix.MSCALE_X];}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int width = MeasureSpec.getSize(widthMeasureSpec);int height = MeasureSpec.getSize(heightMeasureSpec);mViewSize = new PointF(width, height);Drawable drawable = getDrawable();if (drawable == null) {Log.e(TAG, "drawable is nullPtr");} else {mImageSize = new PointF(drawable.getMinimumWidth(), drawable.getMinimumHeight());}fitCenter();}/*** 使图片保存在中央*/public void fitCenter() {if (mViewSize != null && mImageSize != null) {float scaleH = mViewSize.y / mImageSize.y;float scaleW = mViewSize.x / mImageSize.x;float scale = scaleH < scaleW ? scaleH : scaleW;//根据view适应大小setImageScale(new PointF(scale, scale));mOriginScale.set(scale, scale);//根据缩放因子大小来将图片中心调整到view 中心if (scaleH < scaleW) {setImageTranslation(new PointF(mViewSize.x / 2 - mScaleSize.x / 2, 0));} else {setImageTranslation(new PointF(0, mViewSize.y / 2 - mScaleSize.y / 2));}//记录缩放因子 下次继续从这个比例缩放mInitScale = mOriginScale.x;}}@Overridepublic boolean onTouch(View v, MotionEvent event) {if (mGestureDetector.onTouchEvent(event))return true;mScaleGestureDetector.onTouchEvent(event);float x = 0, y = 0;final int pointerCount = event.getPointerCount();for (int i = 0; i < pointerCount; i++) {x += event.getX(i);y += event.getY(i);}x = x / pointerCount;y = y / pointerCount;if (pointerCount != lastPointerCount) {isCanDrag = false;mLastX = x;mLastY = y;}lastPointerCount = pointerCount;RectF rectF = getMatrixRectF();switch (event.getAction()) {case MotionEvent.ACTION_DOWN:if (rectF.width() > getWidth() || rectF.height() > getHeight()) {getParent().requestDisallowInterceptTouchEvent(true);}mDownX = event.getX();mDownY = event.getY();break;case MotionEvent.ACTION_MOVE:if (rectF.width() > getWidth() || rectF.height() > getHeight()) {getParent().requestDisallowInterceptTouchEvent(true);}float dx = x - mLastX;float dy = y - mLastY;if (!isCanDrag) {isCanDrag = isCanDrag(dx, dy);}if (isCanDrag) {if (getDrawable() != null) {isCheckLeftAndRight = isCheckTopAndBottom = true;if (rectF.width() < getWidth()) {dx = 0;isCheckLeftAndRight = false;}if (rectF.height() < getHeight()) {dy = 0;isCheckTopAndBottom = false;}mMatrix.postTranslate(dx, dy);checkMatrixBounds();setImageMatrix(mMatrix);}}mLastX = x;mLastY = y;break;case MotionEvent.ACTION_UP:case MotionEvent.ACTION_CANCEL:float diffX = Math.abs(event.getX() - mDownX);float diffY = Math.abs(event.getY() - mDownY);if (diffX < 5 && diffY < 5) {if (iGestureImageListener != null) {iGestureImageListener.ZoomClick();}}lastPointerCount = 0;break;}return true;}private void checkMatrixBounds() {RectF rect = getMatrixRectF();float deltaX = 0, deltaY = 0;final float viewWidth = getWidth();final float viewHeight = getHeight();// 判断移动或缩放后，图片显示是否超出屏幕边界if (rect.top > 0 && isCheckTopAndBottom) {deltaY = -rect.top;}if (rect.bottom < viewHeight && isCheckTopAndBottom) {deltaY = viewHeight - rect.bottom;}if (rect.left > 0 && isCheckLeftAndRight) {deltaX = -rect.left;}if (rect.right < viewWidth && isCheckLeftAndRight) {deltaX = viewWidth - rect.right;}mMatrix.postTranslate(deltaX, deltaY);}/*** 根据缩放因子缩放图片** @param scale*/public void setImageScale(PointF scale) {mMatrix.setScale(scale.x, scale.y);mScaleSize.set(scale.x * mImageSize.x, scale.y * mImageSize.y);this.setImageMatrix(mMatrix);}/*** 根据偏移量改变图片位置** @param offset*/public void setImageTranslation(PointF offset) {mMatrix.postTranslate(offset.x, offset.y);mCurPoint.set(offset);this.setImageMatrix(mMatrix);}private boolean isCanDrag(float dx, float dy) {return Math.sqrt((dx * dx) + (dy * dy)) >= 0;}
}

android Activity转场动画makeSceneTransitionAnimation相关推荐

Android Reveal圆形Activity转场动画
一.效果二.知识点 CircularReveal动画.透明主题.转场动画(非必须) 三.方案假设有两个Activity A和B.Reveal圆形Activity转场动画效果先从A到B,那么基本方案 ...
android 揭示动画,Android进阶设计 | 使用揭露动画（Reveal Effect）做一个丝滑的Activity转场动画...
提笔之际(附总体思路) 最近跟几个小伙伴在实践一个项目,考虑到界面效果,我们决定使用揭露动画作为Activity的转场动画. 这里主要是我负责这部分的实现. 话说之前是没接触过的,关于具体的实现跟大体 ...
安卓Activity转场动画
安卓Activity转场动画:两个Activity进行跳转的时候,转场动画 1,ActivityOptions 适合API21及安卓5.0以上版本 2,兼容类:ActivityOptionsCompa ...
activity 转场动画不生效_replugin插件化，插件转场动画失效的问题解决
说明随着应用功能的丰富,Android程序的安装包也逐渐变大,这成为应用程序现有框架下难以摆脱的瓶颈.所以引入了rePlugin插件化框架,将应用按功能拆分为插件,以此减小apk的大小并同时增加应用 ...
android跳转界面动画,Android Activity跳转动画效果
Activity的跳转动画在5.0的时候做了一个重大的突破,下面来看一下吧 1.5.0之前的overridePendingTransition 相信大家对OverridePendingTransiti ...
android+原点扩散动画,捋一捋Android的转场动画
捋一捋Android的转场动画由于录制的gif过大,导致CSDN部分gif无法显示,可以传送到GitHub查看本篇博客背景随着 Material Design设计概念的提出,使得很多的开发过程中 ...
Android开发之Activity转场动画
引子相信开发过iOS的程序员都知道iOS ViewController之间的跳转动画非常多,很酷对不对?这让开发Android的羡慕不已,曾几何时,Android中的Activity跳转是何等的生硬 ...
【Android -- 动画】Activity 转场动画
一.前言在 Android 5.0 以后,Google 为 Activity 的转场设计了更加友好的动画效果. 转场动画(Activity Transition)基本介绍 Android 5.0 提 ...
Activity转场动画
小记:需求说要改改Launcher启动Activity时,Launcher和Activity跳转的动画,让跳转更自然. ...哔哩哔哩哔哩...经过小编一番百度之后发现, 发现几种方式 1.Activ ...

android Activity转场动画makeSceneTransitionAnimation

android Activity转场动画makeSceneTransitionAnimation相关推荐

最新文章

热门文章