5 | *
6 | * @author yinxuming
7 | * @date 2020/5/19
8 | */
9 | public interface IVideoTouchHandler {
10 | }
11 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Wed Dec 02 17:21:47 CST 2020
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.5-bin.zip
7 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea/caches
5 | /.idea/libraries
6 | /.idea/modules.xml
7 | /.idea/workspace.xml
8 | /.idea/navEditor.xml
9 | /.idea/assetWizardSettings.xml
10 | .DS_Store
11 | /build
12 | /captures
13 | .externalNativeBuild
14 | .cxx
15 | local.properties
16 |
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml:
--------------------------------------------------------------------------------
1 |
2 |
7 | *
8 | * @author yinxuming
9 | * @date 2019-07-17
10 | */
11 | public interface VideoPlayController extends MediaController.MediaPlayerControl {
12 | }
13 |
--------------------------------------------------------------------------------
/app/src/main/java/cn/yinxm/media/video/gesture/touch/listener/IVideoGestureListener.java:
--------------------------------------------------------------------------------
1 | package cn.yinxm.media.video.gesture.touch.listener;
2 |
3 | import android.view.GestureDetector;
4 | import android.view.MotionEvent;
5 |
6 | public interface IVideoGestureListener extends GestureDetector.OnGestureListener,
7 | GestureDetector.OnDoubleTapListener {
8 | boolean onTouchEvent(MotionEvent event);
9 | }
--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 | * 6 | * @author yinxuming 7 | * @date 2020/12/24 8 | */ 9 | public interface IVideoTouchEndAnim { 10 | 11 | void setEndAnimScale(float scale); 12 | 13 | void setEndAnimRotate(float currentRotate, float rotateEndFixDegrees); 14 | 15 | void startAnim(); 16 | 17 | void endPrevAnim(); 18 | } -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/IGestureLayer.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture; 2 | 3 | import android.view.MotionEvent; 4 | import android.widget.FrameLayout; 5 | 6 | /** 7 | *
8 | * 9 | * @author yinxuming 10 | * @date 2020/11/24 11 | */ 12 | public interface IGestureLayer { 13 | FrameLayout getContainer(); 14 | 15 | /** 16 | * 事件处理器 17 | */ 18 | void initTouchHandler(); 19 | 20 | /** 21 | * 分发touch事件 22 | * 23 | * @param event 24 | * @return 25 | */ 26 | boolean onGestureTouchEvent(MotionEvent event); 27 | 28 | void onLayerRelease(); 29 | } 30 | -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/touch/adapter/IVideoTouchAdapter.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture.touch.adapter; 2 | 3 | import android.view.TextureView; 4 | 5 | import androidx.annotation.Nullable; 6 | 7 | import cn.yinxm.media.video.gesture.touch.anim.IVideoTouchEndAnim; 8 | import cn.yinxm.media.video.gesture.touch.handler.IVideoRotateHandler; 9 | 10 | /** 11 | * 播放器手势触摸适配，手势与播放器之间的适配层 12 | *
13 | * 14 | * @author yinxuming 15 | * @date 2020/5/14 16 | */ 17 | public interface IVideoTouchAdapter { 18 | 19 | @Nullable 20 | IVideoTouchEndAnim getVideoTouchEndAnim(); 21 | 22 | IVideoRotateHandler getVideoRotateHandler(); 23 | 24 | TextureView getTextureView(); 25 | 26 | boolean isPlaying(); 27 | 28 | boolean isFullScreen(); 29 | } 30 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/touch/handler/IVideoRotateHandler.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture.touch.handler; 2 | 3 | /** 4 | * 手势旋转处理 5 | *
6 | *
7 | * @author yinxuming
8 | * @date 2020/12/24
9 | */
10 | public interface IVideoRotateHandler extends IVideoTouchHandler {
11 | /**
12 | * 是否处于旋转中
13 | *
14 | * @return
15 | */
16 | boolean isRotated();
17 |
18 | /**
19 | * 获取旋转角度度数
20 | *
21 | * @return
22 | */
23 | float getCurrentRotateDegree();
24 |
25 | /**
26 | * 最终旋转回弹后的角度
27 | *
28 | * @return
29 | */
30 | float getTargetRotateDegree();
31 |
32 | /**
33 | * 旋转回弹动画结束后，更新补偿的角度
34 | *
35 | * @param fixRotateDegree 旋转结束动画补偿角度
36 | */
37 | void fixRotateEndAnim(float fixRotateDegree);
38 |
39 | void cancelRotate();
40 | }
41 |
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 | *
6 | * @author yinxuming
7 | * @date 2020/7/6
8 | */
9 | public class SimpleVideoController implements VideoPlayController {
10 | @Override
11 | public void start() {
12 |
13 | }
14 |
15 | @Override
16 | public void pause() {
17 |
18 | }
19 |
20 | @Override
21 | public int getDuration() {
22 | return 0;
23 | }
24 |
25 | @Override
26 | public int getCurrentPosition() {
27 | return 0;
28 | }
29 |
30 | @Override
31 | public void seekTo(int pos) {
32 |
33 | }
34 |
35 | @Override
36 | public boolean isPlaying() {
37 | return false;
38 | }
39 |
40 | @Override
41 | public int getBufferPercentage() {
42 | return 0;
43 | }
44 |
45 | @Override
46 | public boolean canPause() {
47 | return false;
48 | }
49 |
50 | @Override
51 | public boolean canSeekBackward() {
52 | return false;
53 | }
54 |
55 | @Override
56 | public boolean canSeekForward() {
57 | return false;
58 | }
59 |
60 | @Override
61 | public int getAudioSessionId() {
62 | return 0;
63 | }
64 | }
65 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_scale_video.xml:
--------------------------------------------------------------------------------
1 |
2 |
12 | *
13 | * @author yinxuming
14 | * @date 2020/11/25
15 | */
16 | public abstract class TouchScaleResetView implements View.OnClickListener {
17 | private Context mContext;
18 | private View mScaleResetContent;
19 | private View mScaleResetView;
20 |
21 | public TouchScaleResetView(Context context, ViewGroup container) {
22 | mContext = context;
23 | View view = LayoutInflater.from(mContext).inflate(R.layout.touch_scale_rest_view, container);
24 | mScaleResetContent = view.findViewById(R.id.view_scale_reset);
25 | mScaleResetView = view.findViewById(R.id.tv_scale_reset);
26 | mScaleResetView.setOnClickListener(this);
27 | }
28 |
29 | public void setVisibility(int visibility) {
30 | mScaleResetContent.setVisibility(visibility);
31 | }
32 |
33 | public int getVisibility() {
34 | return mScaleResetContent.getVisibility();
35 | }
36 |
37 | @Override
38 | public void onClick(View v) {
39 | switch (v.getId()) {
40 | case R.id.tv_scale_reset:
41 | clickResetScale();
42 | break;
43 | }
44 | }
45 |
46 | public abstract void clickResetScale();
47 | }
48 |
--------------------------------------------------------------------------------
/app/src/main/java/cn/yinxm/media/video/gesture/touch/listener/VideoScaleGestureListener.java:
--------------------------------------------------------------------------------
1 | package cn.yinxm.media.video.gesture.touch.listener;
2 |
3 | import android.view.ScaleGestureDetector;
4 |
5 | import cn.yinxm.media.video.gesture.IGestureLayer;
6 | import cn.yinxm.media.video.gesture.touch.handler.VideoTouchScaleHandler;
7 |
8 | /**
9 | * 手势缩放 播放画面
10 | */
11 | public class VideoScaleGestureListener implements ScaleGestureDetector.OnScaleGestureListener {
12 | private static final String TAG = "VideoScaleGestureListener";
13 | private IGestureLayer mGestureLayer;
14 | public VideoTouchScaleHandler mScaleHandler;
15 |
16 | public VideoScaleGestureListener(IGestureLayer gestureLayer) {
17 | mGestureLayer = gestureLayer;
18 | }
19 |
20 | @Override
21 | public boolean onScale(ScaleGestureDetector detector) {
22 | if (mScaleHandler != null) {
23 | return mScaleHandler.onScale(detector);
24 | }
25 | return false;
26 | }
27 |
28 | @Override
29 | public boolean onScaleBegin(ScaleGestureDetector detector) {
30 | if (mScaleHandler != null) {
31 | boolean isConsume = mScaleHandler.onScaleBegin(detector);
32 | if (isConsume) {
33 | return true;
34 | }
35 | }
36 | return true;
37 | }
38 |
39 | @Override
40 | public void onScaleEnd(ScaleGestureDetector detector) {
41 | if (mScaleHandler != null) {
42 | mScaleHandler.onScaleEnd(detector);
43 | }
44 |
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
1 |
13 | * 14 | * @author yinxuming 15 | * @date 2020/5/18 16 | */ 17 | public class GestureVideoTouchAdapterImpl implements IVideoTouchAdapter { 18 | VideoPlayController mPlayController; 19 | private IVideoRotateHandler mRotateHandler; 20 | private IVideoTouchEndAnim mTouchEndAnim; 21 | 22 | public GestureVideoTouchAdapterImpl(VideoPlayController playController) { 23 | mPlayController = playController; 24 | } 25 | 26 | public void setTouchEndAnim(IVideoTouchEndAnim touchEndAnim) { 27 | mTouchEndAnim = touchEndAnim; 28 | } 29 | 30 | @Override 31 | public IVideoTouchEndAnim getVideoTouchEndAnim() { 32 | return mTouchEndAnim; 33 | } 34 | 35 | @Override 36 | public IVideoRotateHandler getVideoRotateHandler() { 37 | return mRotateHandler; 38 | } 39 | 40 | @Override 41 | public TextureView getTextureView() { 42 | if (mPlayController instanceof TextureView) { 43 | return (TextureView) mPlayController; 44 | } 45 | return null; 46 | } 47 | 48 | @Override 49 | public boolean isPlaying() { 50 | return mPlayController.isPlaying(); 51 | } 52 | 53 | 54 | @Override 55 | public boolean isFullScreen() { 56 | return false; 57 | } 58 | 59 | 60 | public void setVideoRotateHandler(IVideoRotateHandler rotateHandler) { 61 | mRotateHandler = rotateHandler; 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | set DIRNAME=%~dp0 12 | if "%DIRNAME%" == "" set DIRNAME=. 13 | set APP_BASE_NAME=%~n0 14 | set APP_HOME=%DIRNAME% 15 | 16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 17 | set DEFAULT_JVM_OPTS= 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windows variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | 53 | :win9xME_args 54 | @rem Slurp the command line arguments. 55 | set CMD_LINE_ARGS= 56 | set _SKIP=2 57 | 58 | :win9xME_args_slurp 59 | if "x%~1" == "x" goto execute 60 | 61 | set CMD_LINE_ARGS=%* 62 | 63 | :execute 64 | @rem Setup the command line 65 | 66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 67 | 68 | @rem Execute Gradle 69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 70 | 71 | :end 72 | @rem End local scope for the variables with windows NT shell 73 | if "%ERRORLEVEL%"=="0" goto mainEnd 74 | 75 | :fail 76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 77 | rem the _cmd.exe /c_ return code! 78 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 79 | exit /b 1 80 | 81 | :mainEnd 82 | if "%OS%"=="Windows_NT" endlocal 83 | 84 | :omega 85 | -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/touch/anim/ScaleRotateEndAnimator.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture.touch.anim; 2 | 3 | 4 | import android.animation.Animator; 5 | import android.animation.ValueAnimator; 6 | import android.graphics.Matrix; 7 | 8 | import androidx.annotation.CallSuper; 9 | 10 | 11 | /** 12 | * 缩放动画 13 | *
14 | * 在给定时间内从startMatrix变化到endMatrix，参考： 15 | * [PinchImageView](https://github.com/boycy815/PinchImageView/blob/master/pinchimageview/src/main/java/com/boycy815/pinchimageview/PinchImageView.java) 16 | * 17 | * @author yinxuming 18 | * @date 2020/12/2 19 | */ 20 | public abstract class ScaleRotateEndAnimator extends ValueAnimator implements ValueAnimator.AnimatorUpdateListener, 21 | Animator.AnimatorListener { 22 | private static final String TAG = "VideoScaleEndAnimator"; 23 | 24 | /** 25 | * 图片缩放动画时间 26 | */ 27 | public static final int SCALE_ANIMATOR_DURATION = 1000; 28 | 29 | private Matrix mStartMatrix = new Matrix(); 30 | private Matrix mEndMatrix = new Matrix(); 31 | private Matrix mMatrix = new Matrix(); 32 | private float[] mStartMatrixValue; 33 | private float[] mInterpolateMatrixValue; 34 | private float[] mEndMatrixValue; 35 | private float mRotateDegrees; 36 | 37 | 38 | public void setScaleEndAnimParams(Matrix startMatrix, Matrix endMatrix, float rotateFixDegree) { 39 | mStartMatrix = startMatrix; 40 | mEndMatrix = endMatrix; 41 | mRotateDegrees = rotateFixDegree; 42 | mMatrix.reset(); 43 | if (mStartMatrix == null || mEndMatrix == null) { 44 | return; 45 | } 46 | mStartMatrixValue = new float[9]; 47 | mStartMatrix.getValues(mStartMatrixValue); 48 | mEndMatrixValue = new float[9]; 49 | mEndMatrix.getValues(mEndMatrixValue); 50 | mInterpolateMatrixValue = new float[9]; 51 | 52 | setAnimConfig(); 53 | } 54 | 55 | protected void setAnimConfig() { 56 | setFloatValues(0, 1f); 57 | setDuration(SCALE_ANIMATOR_DURATION); 58 | addUpdateListener(this); 59 | addListener(this); 60 | } 61 | 62 | 63 | @Override 64 | public void onAnimationUpdate(ValueAnimator animation) { 65 | // 获取动画进度 66 | float value = (Float) animation.getAnimatedValue(); 67 | onValueUpdate(value); 68 | } 69 | 70 | 71 | public void onValueUpdate(float value) { 72 | if (mStartMatrix == null 73 | || mEndMatrix == null) { 74 | return; 75 | } 76 | for (int i = 0; i < 9; i++) { 77 | mInterpolateMatrixValue[i] = mStartMatrixValue[i] + (mEndMatrixValue[i] - mStartMatrixValue[i]) * value; 78 | } 79 | mMatrix.setValues(mInterpolateMatrixValue); 80 | updateMatrixToView(mMatrix); 81 | } 82 | 83 | 84 | protected abstract void updateMatrixToView(Matrix transMatrix); 85 | 86 | protected abstract void onFixEndAnim(ValueAnimator animator, float fixEndDegrees); 87 | 88 | @Override 89 | public void onAnimationStart(Animator animation) { 90 | } 91 | 92 | @CallSuper 93 | @Override 94 | public void onAnimationEnd(Animator animation) { 95 | onFixEndAnim(this, mRotateDegrees); 96 | } 97 | 98 | @CallSuper 99 | @Override 100 | public void onAnimationCancel(Animator animation) { 101 | } 102 | 103 | @Override 104 | public void onAnimationRepeat(Animator animation) { 105 | } 106 | 107 | } -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/touch/RotateGestureDetector.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture.touch; 2 | 3 | import android.view.MotionEvent; 4 | 5 | /** 6 | * 双指手势旋转识别 7 | *
8 | * 9 | * @author yinxuming 10 | * @date 2020/12/22 11 | */ 12 | public class RotateGestureDetector { 13 | private OnRotateGestureListener mRotateGestureListener; 14 | private boolean mIsRotate = false; 15 | private float mLastDegrees; 16 | 17 | 18 | public boolean onTouchEvent(MotionEvent event) { 19 | if (event.getPointerCount() != 2) { 20 | mIsRotate = false; 21 | return false; 22 | } 23 | float pivotX = (event.getX(0) + event.getX(1)) / 2; 24 | float pivotY = (event.getY(0) + event.getY(1)) / 2; 25 | float deltaX = event.getX(0) - event.getX(1); 26 | float deltaY = event.getY(0) - event.getY(1); 27 | float degrees = (float) Math.toDegrees(Math.atan2(deltaY, deltaX)); // 当前双指连线夹角 28 | switch (event.getActionMasked()) { 29 | case MotionEvent.ACTION_DOWN: 30 | case MotionEvent.ACTION_POINTER_DOWN: 31 | mLastDegrees = degrees; 32 | mIsRotate = false; 33 | break; 34 | case MotionEvent.ACTION_MOVE: 35 | if (!mIsRotate) { 36 | mIsRotate = true; 37 | notifyRotateBegin(); 38 | } 39 | // 计算本次旋转角度 40 | float diffDegree = degrees - mLastDegrees; // 旋转角度 = 当前双指夹角 - 上次双指夹角。结果大于0 顺时针旋转；小于0逆时针旋转 41 | if (diffDegree > 45) { // y/x 分母微小抖动带来的角度剧烈变化，修正 42 | diffDegree = -5; 43 | } else if (diffDegree < -45) { 44 | diffDegree = 5; 45 | } 46 | notifyRotate(diffDegree, pivotX, pivotY); 47 | mLastDegrees = degrees; 48 | break; 49 | case MotionEvent.ACTION_POINTER_UP: 50 | case MotionEvent.ACTION_CANCEL: 51 | mLastDegrees = 0; 52 | mIsRotate = false; 53 | notifyRotateEnd(); 54 | break; 55 | } 56 | 57 | return true; 58 | } 59 | 60 | private void notifyRotateBegin() { 61 | if (mRotateGestureListener != null) { 62 | mRotateGestureListener.onRotateBegin(this); 63 | } 64 | } 65 | 66 | private void notifyRotate(float diffDegree, float pivotX, float pivotY) { 67 | if (mRotateGestureListener != null) { 68 | mRotateGestureListener.onRotate(this, diffDegree, pivotX, pivotY); 69 | } 70 | } 71 | 72 | private void notifyRotateEnd() { 73 | if (mRotateGestureListener != null) { 74 | mRotateGestureListener.onRotateEnd(this); 75 | } 76 | } 77 | 78 | public void setRotateGestureListener(OnRotateGestureListener rotateGestureListener) { 79 | mRotateGestureListener = rotateGestureListener; 80 | } 81 | 82 | public interface OnRotateGestureListener { 83 | boolean onRotateBegin(RotateGestureDetector detector); 84 | 85 | boolean onRotate(RotateGestureDetector detector, float degrees, float px, float py); 86 | 87 | void onRotateEnd(RotateGestureDetector detector); 88 | } 89 | 90 | public static class SimpleOnRotateGestureListener implements OnRotateGestureListener { 91 | 92 | @Override 93 | public boolean onRotateBegin(RotateGestureDetector detector) { 94 | return false; 95 | } 96 | 97 | @Override 98 | public boolean onRotate(RotateGestureDetector detector, float degrees, float px, float py) { 99 | return false; 100 | } 101 | 102 | 103 | @Override 104 | public void onRotateEnd(RotateGestureDetector detector) { 105 | 106 | } 107 | } 108 | 109 | } 110 | -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/ScaleVideoActivity.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video; 2 | 3 | import android.media.MediaPlayer; 4 | import android.os.Bundle; 5 | import android.view.View; 6 | import android.view.ViewGroup; 7 | import android.widget.ImageButton; 8 | 9 | import androidx.fragment.app.FragmentActivity; 10 | 11 | 12 | import cn.yinxm.lib.screen.StatusBarUtils; 13 | import cn.yinxm.media.video.gesture.GestureLayer; 14 | import cn.yinxm.media.video.gesture.touch.adapter.GestureVideoTouchAdapterImpl; 15 | import cn.yinxm.media.video.surface.SimpleTextureViewPlayer; 16 | 17 | import static cn.yinxm.media.video.util.VideoUrlTest.getPlayUrl; 18 | 19 | 20 | public class ScaleVideoActivity extends FragmentActivity { 21 | private ViewGroup mVideoContent; 22 | public SimpleTextureViewPlayer mTextureViewPlayer; 23 | private ImageButton mPlayPauseView; 24 | private boolean isPaused = false; 25 | 26 | @Override 27 | protected void onCreate(Bundle savedInstanceState) { 28 | super.onCreate(savedInstanceState); 29 | StatusBarUtils.fullScreen(getWindow()); 30 | setContentView(R.layout.activity_scale_video); 31 | mVideoContent = findViewById(R.id.video_content); 32 | mTextureViewPlayer = findViewById(R.id.texture_player); 33 | mPlayPauseView = findViewById(R.id.btn_play_pause); 34 | initPlayer(); 35 | initGesture(mVideoContent); 36 | initData(); 37 | } 38 | 39 | private void initData() { 40 | mPlayPauseView.setOnClickListener(new View.OnClickListener() { 41 | @Override 42 | public void onClick(View v) { 43 | if (mTextureViewPlayer.isPlaying()) { 44 | mTextureViewPlayer.pause(); 45 | changePlayBtnStyle(false); 46 | } else if (isPaused) { 47 | mTextureViewPlayer.start(); 48 | isPaused = false; 49 | changePlayBtnStyle(true); 50 | } else { 51 | mTextureViewPlayer.startPlay(getPlayUrl()); 52 | changePlayBtnStyle(true); 53 | } 54 | } 55 | }); 56 | // mTextureViewPlayer.startPlay(getPlayUrl()); 57 | } 58 | 59 | 60 | private void changePlayBtnStyle(boolean isPlaying) { 61 | if (isPlaying) { 62 | mPlayPauseView.setImageResource(R.drawable.small_new_pip_pause); 63 | } else { 64 | mPlayPauseView.setImageResource(R.drawable.small_new_pip_play); 65 | } 66 | } 67 | 68 | private void initGesture(ViewGroup videoContent) { 69 | GestureLayer gestureLayer = new GestureLayer(this, 70 | new GestureVideoTouchAdapterImpl(mTextureViewPlayer) { 71 | @Override 72 | public boolean isFullScreen() { 73 | return true; 74 | } 75 | }); 76 | videoContent.addView(gestureLayer.getContainer()); 77 | } 78 | 79 | private void initPlayer() { 80 | mTextureViewPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() { 81 | @Override 82 | public void onPrepared(MediaPlayer mp) { 83 | mp.start(); 84 | } 85 | }); 86 | mTextureViewPlayer.setOnVideoSizeChangedListener(new MediaPlayer.OnVideoSizeChangedListener() { 87 | @Override 88 | public void onVideoSizeChanged(MediaPlayer mp, int width, int height) { 89 | 90 | } 91 | }); 92 | mTextureViewPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener() { 93 | @Override 94 | public void onCompletion(MediaPlayer mp) { 95 | String newUrl = getPlayUrl(0); 96 | if (mTextureViewPlayer.getPlayUrl().equals(getPlayUrl(0))) { 97 | newUrl = getPlayUrl(1); 98 | } 99 | mTextureViewPlayer.startPlay(newUrl); 100 | } 101 | }); 102 | } 103 | } -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/touch/handler/VideoTouchRotateHandler.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture.touch.handler; 2 | 3 | import android.graphics.Matrix; 4 | import android.graphics.PointF; 5 | import android.view.TextureView; 6 | 7 | import cn.yinxm.media.video.gesture.touch.RotateGestureDetector; 8 | import cn.yinxm.media.video.gesture.touch.adapter.IVideoTouchAdapter; 9 | 10 | /** 11 | * 手势旋转 处理 12 | *
13 | * 14 | * @author yinxuming 15 | * @date 2020/12/23 16 | */ 17 | public class VideoTouchRotateHandler implements IVideoRotateHandler, RotateGestureDetector.OnRotateGestureListener { 18 | 19 | private IVideoTouchAdapter mTouchAdapter; 20 | private boolean mIsRotating; // 是否旋转中 21 | private float mRotateDegrees; 22 | private PointF mRotateCenter; // 目前需求只需要围绕画面中心旋转即可 23 | 24 | public VideoTouchRotateHandler(IVideoTouchAdapter videoTouchAdapter) { 25 | mTouchAdapter = videoTouchAdapter; 26 | } 27 | 28 | @Override 29 | public boolean onRotateBegin(RotateGestureDetector detector) { 30 | if (isTextureViewValid()) { 31 | mTouchAdapter.getVideoTouchEndAnim().endPrevAnim(); 32 | mIsRotating = true; 33 | mRotateCenter = new PointF(mTouchAdapter.getTextureView().getWidth() / 2, 34 | mTouchAdapter.getTextureView().getHeight() / 2); 35 | } 36 | return true; 37 | } 38 | 39 | @Override 40 | public boolean onRotate(RotateGestureDetector detector, float degrees, float px, float py) { 41 | if (isRotating()) { 42 | postRotate(degrees); // 永远使用画面中心点进行旋转，避免由于旋转中心点引起位置变化，最后的回弹动效无法与边缘对齐 43 | } 44 | return true; 45 | 46 | } 47 | 48 | private void postRotate(float rotateDegree) { 49 | Matrix matrix = getTransformMatrix(); 50 | matrix.postRotate(rotateDegree, mRotateCenter.x, mRotateCenter.y); 51 | updateMatrixToTexture(matrix); 52 | setRotateDegrees(getCurrentRotateDegree() + rotateDegree); 53 | } 54 | 55 | 56 | @Override 57 | public void onRotateEnd(RotateGestureDetector detector) { 58 | if (isRotating() && mTouchAdapter.getVideoTouchEndAnim() != null) { 59 | mTouchAdapter.getVideoTouchEndAnim().setEndAnimRotate(getCurrentRotateDegree(), 60 | computeRoteEndDegree(getCurrentRotateDegree())); 61 | } 62 | mIsRotating = false; 63 | } 64 | 65 | public boolean isRotating() { 66 | return mIsRotating; 67 | } 68 | 69 | @Override 70 | public boolean isRotated() { 71 | return mRotateDegrees != 0 || mIsRotating; 72 | } 73 | 74 | @Override 75 | public float getCurrentRotateDegree() { 76 | return mRotateDegrees; 77 | } 78 | 79 | private void setRotateDegrees(float rotateDegrees) { 80 | rotateDegrees = rotateDegrees % 360; // 大于360度的，取其模，避免累加误差急剧增大 81 | mRotateDegrees = rotateDegrees; 82 | 83 | } 84 | 85 | @Override 86 | public float getTargetRotateDegree() { 87 | return getCurrentRotateDegree() + computeRoteEndDegree(getCurrentRotateDegree()); 88 | } 89 | 90 | /** 91 | * 旋转回弹动画结束后，更新已补偿的角度 92 | * @param rotateDegree 93 | */ 94 | @Override 95 | public void fixRotateEndAnim(float rotateDegree) { 96 | setRotateDegrees(getCurrentRotateDegree() + rotateDegree); 97 | } 98 | 99 | @Override 100 | public void cancelRotate() { 101 | setRotateDegrees(0); 102 | mRotateCenter = null; 103 | } 104 | 105 | private boolean isTextureViewValid() { 106 | return mTouchAdapter.getTextureView() != null && mTouchAdapter.getTextureView().isAvailable(); 107 | } 108 | 109 | private Matrix getTransformMatrix() { 110 | if (isTextureViewValid()) { 111 | return mTouchAdapter.getTextureView().getTransform(null); 112 | } 113 | return null; 114 | } 115 | 116 | private void updateMatrixToTexture(Matrix newMatrix) { 117 | if (isTextureViewValid()) { 118 | TextureView textureView = mTouchAdapter.getTextureView(); 119 | textureView.setTransform(newMatrix); 120 | if (!mTouchAdapter.isPlaying()) { 121 | textureView.invalidate(); 122 | } 123 | } 124 | } 125 | 126 | /** 127 | * 计算旋转结束后需要补偿的角度 128 | * @param currentRotateDegree 129 | * @return 130 | */ 131 | public static float computeRoteEndDegree(float currentRotateDegree) { 132 | float rotateEndFixDegrees = currentRotateDegree % 90; 133 | if (rotateEndFixDegrees != 0) { 134 | if (rotateEndFixDegrees >= 45) { // 大于45度，直接旋转到90，计算旋转到90需要的角度 135 | rotateEndFixDegrees = 90 - rotateEndFixDegrees; 136 | } else if (rotateEndFixDegrees > -45 && rotateEndFixDegrees < 45) { // (-45, 45)，回弹到0度位置 137 | rotateEndFixDegrees = -rotateEndFixDegrees; 138 | } else if (rotateEndFixDegrees < -45) { // 小于-45，直接旋转到-90，计算旋转到90需要的角度 139 | rotateEndFixDegrees = -90 - rotateEndFixDegrees; 140 | } 141 | } 142 | return rotateEndFixDegrees; 143 | } 144 | 145 | } 146 | -------------------------------------------------------------------------------- /app/src/main/java/cn/yinxm/media/video/gesture/touch/anim/VideoTouchFixEndAnim.java: -------------------------------------------------------------------------------- 1 | package cn.yinxm.media.video.gesture.touch.anim; 2 | 3 | import android.animation.ValueAnimator; 4 | import android.graphics.Matrix; 5 | import android.graphics.PointF; 6 | import android.graphics.RectF; 7 | import android.view.TextureView; 8 | 9 | import cn.yinxm.media.video.gesture.touch.adapter.IVideoTouchAdapter; 10 | 11 | /** 12 | * 回弹动效参数计算、动画状态控制 13 | *
14 | *
15 | * @author yinxuming
16 | * @date 2020/12/24
17 | */
18 | public class VideoTouchFixEndAnim implements IVideoTouchEndAnim {
19 |
20 | private IVideoTouchAdapter mTouchAdapter;
21 | private ValueAnimator mAnimator;
22 | float mScale = 1.0f;
23 | float mCurrentRotateDegrees;
24 | float mRotateEndFixDegrees;
25 | boolean isNeedFixAnim = false;
26 |
27 | public VideoTouchFixEndAnim(IVideoTouchAdapter touchAdapter) {
28 | mTouchAdapter = touchAdapter;
29 | }
30 |
31 | @Override
32 | public void setEndAnimScale(float scale) {
33 | mScale = scale;
34 | isNeedFixAnim = true;
35 | }
36 |
37 | @Override
38 | public void setEndAnimRotate(float currentRotate, float rotateEndFixDegrees) {
39 | mCurrentRotateDegrees = currentRotate;
40 | mRotateEndFixDegrees = rotateEndFixDegrees;
41 | isNeedFixAnim = true;
42 | }
43 |
44 | @Override
45 | public void startAnim() {
46 | // 注意在主线程调用动画相关操作
47 | endPrevAnim();
48 | if (!isNeedFixAnim) {
49 | return;
50 | }
51 | mAnimator = makeFixEndAnimator();
52 | if (mAnimator == null) {
53 | return;
54 | }
55 | mAnimator.start();
56 | }
57 |
58 |
59 | @Override
60 | public void endPrevAnim() {
61 | if (mAnimator != null && (mAnimator.isRunning() || mAnimator.isStarted())) {
62 | mAnimator.end();
63 | }
64 | mAnimator = null;
65 | }
66 |
67 | /**
68 | * 计算transAnimX、transAnimY 得到endAnimMatrix，生成动画对象
69 | * @return
70 | */
71 | private ValueAnimator makeFixEndAnimator() {
72 | TextureView mTextureView = mTouchAdapter.getTextureView();
73 | // 动画 start矩阵：当前画面变换
74 | Matrix currentTransformMatrix = mTextureView.getTransform(null);
75 | Matrix endAnimMatrix = new Matrix();
76 | final float fixDegrees = mRotateEndFixDegrees;
77 | RectF videoRectF = new RectF(0, 0, mTextureView.getWidth(), mTextureView.getHeight());
78 | PointF center = new PointF(videoRectF.right / 2, videoRectF.bottom / 2);
79 | endAnimMatrix.set(currentTransformMatrix);
80 | // 动画 end矩阵：模拟计算当前画面经过旋转补偿后的矩阵
81 | endAnimMatrix.postRotate(fixDegrees, center.x, center.y);
82 | RectF currentLocationRectF = new RectF(0, 0, mTextureView.getWidth(), mTextureView.getHeight());
83 | // 测量画面最终应该进行的矩阵变换位置
84 | endAnimMatrix.mapRect(currentLocationRectF);
85 |
86 | float transAnimX = 0f;
87 | float transAnimY = 0f;
88 | if (currentLocationRectF.left > videoRectF.left
89 | || currentLocationRectF.right < videoRectF.right
90 | || currentLocationRectF.top > videoRectF.top
91 | || currentLocationRectF.bottom < videoRectF.bottom) { //，有一边缩放后在屏幕内部，自动吸附到屏幕边缘 或 居中
92 |
93 | if (currentLocationRectF.width() <= videoRectF.width()) { // 宽度 < 屏宽：居中
94 | transAnimX = videoRectF.right / 2 - (currentLocationRectF.right + currentLocationRectF.left) / 2;
95 | } else if (currentLocationRectF.left > videoRectF.left) { // 左侧在屏幕内：左移吸边
96 | transAnimX = videoRectF.left - currentLocationRectF.left;
97 | } else if (currentLocationRectF.right < videoRectF.right) { // 右侧在屏幕内：右移吸边
98 | transAnimX = videoRectF.right - currentLocationRectF.right;
99 | }
100 |
101 | if (currentLocationRectF.height() <= videoRectF.height()) { // 高度 < 屏搞：居中
102 | transAnimY = videoRectF.bottom / 2 - (currentLocationRectF.bottom + currentLocationRectF.top) / 2;
103 | } else if (currentLocationRectF.top > videoRectF.top) { // 上移吸边
104 | transAnimY = videoRectF.top - currentLocationRectF.top;
105 | } else if (currentLocationRectF.bottom < videoRectF.bottom) { // 下移吸边
106 | transAnimY = videoRectF.bottom - currentLocationRectF.bottom;
107 | }
108 | }
109 |
110 | endAnimMatrix.postTranslate(transAnimX, transAnimY);
111 |
112 | // 不使用动画直接变换
113 | // mTouchAdapter.getTextureView().setTransform(endAnimMatrix);
114 | // mTouchAdapter.getVideoRotateHandler().postRotateDegrees(fixDegrees, false);
115 | if (transAnimX == 0 && transAnimY == 0 && fixDegrees == 0) {
116 | return null;
117 | } else {
118 | ScaleRotateEndAnimator animator = new ScaleRotateEndAnimator() {
119 | @Override
120 | protected void updateMatrixToView(Matrix transMatrix) {
121 | mTouchAdapter.getTextureView().setTransform(transMatrix);
122 | }
123 |
124 | @Override
125 | protected void onFixEndAnim(ValueAnimator animator, float fixEndDegrees) {
126 | mTouchAdapter.getVideoRotateHandler().fixRotateEndAnim(fixEndDegrees);
127 | if (animator == mAnimator) {
128 | mAnimator = null;
129 | onAnimEndRelease();
130 | }
131 | }
132 | };
133 | animator.setScaleEndAnimParams(currentTransformMatrix, endAnimMatrix, fixDegrees);
134 | return animator;
135 | }
136 | }
137 |
138 | private void onAnimEndRelease() {
139 | isNeedFixAnim = false;
140 |
141 | mScale = 1.0f;
142 | mCurrentRotateDegrees = 0;
143 | mRotateEndFixDegrees = 0;
144 | }
145 | }
146 |
--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | ##############################################################################
4 | ##
5 | ## Gradle start up script for UN*X
6 | ##
7 | ##############################################################################
8 |
9 | # Attempt to set APP_HOME
10 | # Resolve links: $0 may be a link
11 | PRG="$0"
12 | # Need this for relative symlinks.
13 | while [ -h "$PRG" ] ; do
14 | ls=`ls -ld "$PRG"`
15 | link=`expr "$ls" : '.*-> \(.*\)$'`
16 | if expr "$link" : '/.*' > /dev/null; then
17 | PRG="$link"
18 | else
19 | PRG=`dirname "$PRG"`"/$link"
20 | fi
21 | done
22 | SAVED="`pwd`"
23 | cd "`dirname \"$PRG\"`/" >/dev/null
24 | APP_HOME="`pwd -P`"
25 | cd "$SAVED" >/dev/null
26 |
27 | APP_NAME="Gradle"
28 | APP_BASE_NAME=`basename "$0"`
29 |
30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
31 | DEFAULT_JVM_OPTS=""
32 |
33 | # Use the maximum available, or set MAX_FD != -1 to use that value.
34 | MAX_FD="maximum"
35 |
36 | warn () {
37 | echo "$*"
38 | }
39 |
40 | die () {
41 | echo
42 | echo "$*"
43 | echo
44 | exit 1
45 | }
46 |
47 | # OS specific support (must be 'true' or 'false').
48 | cygwin=false
49 | msys=false
50 | darwin=false
51 | nonstop=false
52 | case "`uname`" in
53 | CYGWIN* )
54 | cygwin=true
55 | ;;
56 | Darwin* )
57 | darwin=true
58 | ;;
59 | MINGW* )
60 | msys=true
61 | ;;
62 | NONSTOP* )
63 | nonstop=true
64 | ;;
65 | esac
66 |
67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
68 |
69 | # Determine the Java command to use to start the JVM.
70 | if [ -n "$JAVA_HOME" ] ; then
71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
72 | # IBM's JDK on AIX uses strange locations for the executables
73 | JAVACMD="$JAVA_HOME/jre/sh/java"
74 | else
75 | JAVACMD="$JAVA_HOME/bin/java"
76 | fi
77 | if [ ! -x "$JAVACMD" ] ; then
78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
79 |
80 | Please set the JAVA_HOME variable in your environment to match the
81 | location of your Java installation."
82 | fi
83 | else
84 | JAVACMD="java"
85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
86 |
87 | Please set the JAVA_HOME variable in your environment to match the
88 | location of your Java installation."
89 | fi
90 |
91 | # Increase the maximum file descriptors if we can.
92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
93 | MAX_FD_LIMIT=`ulimit -H -n`
94 | if [ $? -eq 0 ] ; then
95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
96 | MAX_FD="$MAX_FD_LIMIT"
97 | fi
98 | ulimit -n $MAX_FD
99 | if [ $? -ne 0 ] ; then
100 | warn "Could not set maximum file descriptor limit: $MAX_FD"
101 | fi
102 | else
103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
104 | fi
105 | fi
106 |
107 | # For Darwin, add options to specify how the application appears in the dock
108 | if $darwin; then
109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
110 | fi
111 |
112 | # For Cygwin, switch paths to Windows format before running java
113 | if $cygwin ; then
114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
116 | JAVACMD=`cygpath --unix "$JAVACMD"`
117 |
118 | # We build the pattern for arguments to be converted via cygpath
119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
120 | SEP=""
121 | for dir in $ROOTDIRSRAW ; do
122 | ROOTDIRS="$ROOTDIRS$SEP$dir"
123 | SEP="|"
124 | done
125 | OURCYGPATTERN="(^($ROOTDIRS))"
126 | # Add a user-defined pattern to the cygpath arguments
127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
129 | fi
130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
131 | i=0
132 | for arg in "$@" ; do
133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
135 |
136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
138 | else
139 | eval `echo args$i`="\"$arg\""
140 | fi
141 | i=$((i+1))
142 | done
143 | case $i in
144 | (0) set -- ;;
145 | (1) set -- "$args0" ;;
146 | (2) set -- "$args0" "$args1" ;;
147 | (3) set -- "$args0" "$args1" "$args2" ;;
148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
154 | esac
155 | fi
156 |
157 | # Escape application args
158 | save () {
159 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
160 | echo " "
161 | }
162 | APP_ARGS=$(save "$@")
163 |
164 | # Collect all arguments for the java command, following the shell quoting and substitution rules
165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
166 |
167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
169 | cd "$(dirname "$0")"
170 | fi
171 |
172 | exec "$JAVACMD" "$@"
173 |
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_launcher_background.xml:
--------------------------------------------------------------------------------
1 |
2 |
23 | * 24 | * @author yinxuming 25 | * @date 2020/7/6 26 | */ 27 | public class SimpleTextureViewPlayer extends TextureView implements TextureView.SurfaceTextureListener, 28 | VideoPlayController { 29 | private static final String TAG = "SimpleTextureViewPlayer"; 30 | 31 | private MediaPlayer mMediaPlayer; 32 | SurfaceTexture mSurfaceTexture; 33 | Surface mSurface; 34 | String mPlayUrl; 35 | private int mVideoWidth, mVideoHeight; 36 | private MediaController mMediaController; 37 | 38 | 39 | private MediaPlayer.OnPreparedListener mOnPreparedListener; 40 | private MediaPlayer.OnCompletionListener mOnCompletionListener; 41 | private MediaPlayer.OnVideoSizeChangedListener mOnVideoSizeChangedListener; 42 | 43 | 44 | public SimpleTextureViewPlayer(Context context) { 45 | this(context, null); 46 | } 47 | 48 | public SimpleTextureViewPlayer(Context context, AttributeSet attrs) { 49 | this(context, attrs, 0); 50 | } 51 | 52 | public SimpleTextureViewPlayer(Context context, AttributeSet attrs, int defStyleAttr) { 53 | super(context, attrs, defStyleAttr); 54 | init(context); 55 | } 56 | 57 | private void init(Context context) { 58 | setSurfaceTextureListener(this); 59 | } 60 | 61 | private void initMedia() { 62 | 63 | if (mMediaPlayer != null) { 64 | try { 65 | mMediaPlayer.release(); 66 | } catch (Exception e) { 67 | e.printStackTrace(); 68 | } 69 | mMediaPlayer = null; 70 | } 71 | 72 | mMediaPlayer = new MediaPlayer(); 73 | updateSurface(mSurface); 74 | mMediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() { 75 | @Override 76 | public void onPrepared(MediaPlayer mp) { 77 | // if (getVisibility() != VISIBLE) { 78 | // setVisibility(View.VISIBLE); 79 | //// mTextureView.requestLayout(mp.getVideoWidth(), mp.getVideoHeight()); 80 | // } 81 | // mp.start(); 82 | 83 | if (mOnPreparedListener != null) { 84 | mOnPreparedListener.onPrepared(mp); 85 | } 86 | } 87 | }); 88 | mMediaPlayer.setOnErrorListener(new MediaPlayer.OnErrorListener() { 89 | @Override 90 | public boolean onError(MediaPlayer mp, int what, int extra) { 91 | Log.e(TAG, "onError " + mp + ", what=" + what + ", " + extra); 92 | 93 | return true; 94 | } 95 | }); 96 | 97 | mMediaPlayer.setOnBufferingUpdateListener(new MediaPlayer.OnBufferingUpdateListener() { 98 | @Override 99 | public void onBufferingUpdate(MediaPlayer mp, int percent) { 100 | //此方法获取的是缓冲的状态 101 | Log.e(TAG, "缓冲中:" + percent); 102 | } 103 | }); 104 | 105 | //播放完成的监听 106 | mMediaPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener() { 107 | @Override 108 | public void onCompletion(MediaPlayer mp) { 109 | Log.d(TAG, "onCompletion " + mp); 110 | // mState = VideoState.init; 111 | if (mOnCompletionListener != null) { 112 | mOnCompletionListener.onCompletion(mp); 113 | } 114 | } 115 | }); 116 | 117 | mMediaPlayer.setOnVideoSizeChangedListener(new MediaPlayer.OnVideoSizeChangedListener() { 118 | @Override 119 | public void onVideoSizeChanged(MediaPlayer mp, int width, int height) { 120 | LogUtil.d(TAG, "onVideoSizeChanged w=" + width + ", h=" + height); 121 | mVideoWidth = mp.getVideoWidth(); 122 | mVideoHeight = mp.getVideoHeight(); 123 | if (mOnVideoSizeChangedListener != null) { 124 | mOnVideoSizeChangedListener.onVideoSizeChanged(mp, width, height); 125 | }/* else { 126 | updateVideoSize(mVideoWidth, mVideoHeight); 127 | }*/ 128 | } 129 | }); 130 | } 131 | 132 | @Override 133 | public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) { 134 | Log.e(TAG, "onSurfaceTextureAvailable surface=" + surface + ", w=" + width + ", h=" + height); 135 | mSurfaceTexture = surface; 136 | mSurface = new Surface(mSurfaceTexture); 137 | updateSurface(mSurface); 138 | } 139 | 140 | @Override 141 | public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) { 142 | Log.e(TAG, "onSurfaceTextureSizeChanged surface=" + surface + ", w=" + width + ", h=" + height); 143 | 144 | } 145 | 146 | @Override 147 | public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) { 148 | Log.e(TAG, "onSurfaceTextureDestroyed surface=" + surface); 149 | updateSurface(null); 150 | return false; 151 | } 152 | 153 | @Override 154 | public void onSurfaceTextureUpdated(SurfaceTexture surface) { 155 | Log.d(TAG, "onSurfaceTextureUpdated surface=" + surface); // 会不断回调 156 | 157 | } 158 | 159 | private void updateSurface(Surface surface) { 160 | if (mMediaPlayer == null) { 161 | return; 162 | } 163 | mMediaPlayer.setSurface(surface); 164 | } 165 | 166 | @Override 167 | public void start() { 168 | if (isPlayerReady()) { 169 | mMediaPlayer.start(); 170 | } 171 | } 172 | 173 | @Override 174 | public void pause() { 175 | if (isPlaying()) { 176 | mMediaPlayer.pause(); 177 | } 178 | } 179 | 180 | @Override 181 | public int getDuration() { 182 | return isPlayerReady() ? mMediaPlayer.getDuration() : 0; 183 | } 184 | 185 | @Override 186 | public int getCurrentPosition() { 187 | return isPlayerReady() ? mMediaPlayer.getCurrentPosition() : 0; 188 | } 189 | 190 | @Override 191 | public void seekTo(int pos) { 192 | if (isPlayerReady()) { 193 | mMediaPlayer.seekTo(pos); 194 | } 195 | } 196 | 197 | @Override 198 | public boolean isPlaying() { 199 | return isPlayerReady() && mMediaPlayer.isPlaying(); 200 | } 201 | 202 | @Override 203 | public int getBufferPercentage() { 204 | return 0; 205 | } 206 | 207 | @Override 208 | public boolean canPause() { 209 | return true; 210 | } 211 | 212 | @Override 213 | public boolean canSeekBackward() { 214 | return true; 215 | } 216 | 217 | @Override 218 | public boolean canSeekForward() { 219 | return true; 220 | } 221 | 222 | @Override 223 | public int getAudioSessionId() { 224 | return 0; 225 | } 226 | 227 | // public void bindTextureView(HkTextureView textureView) { 228 | // mTextureView = textureView; 229 | // mTextureView.setSurfaceTextureListener(this); 230 | // } 231 | 232 | public void startPlay(String url) { 233 | mPlayUrl = url; 234 | try { 235 | initMedia(); 236 | mMediaPlayer.setDataSource(mPlayUrl); 237 | } catch (IOException e) { 238 | e.printStackTrace(); 239 | } 240 | mMediaPlayer.prepareAsync(); 241 | updateSurface(mSurface); 242 | } 243 | 244 | public String getPlayUrl() { 245 | return mPlayUrl; 246 | } 247 | 248 | public void setOnCompletionListener(MediaPlayer.OnCompletionListener onCompletionListener) { 249 | mOnCompletionListener = onCompletionListener; 250 | } 251 | 252 | public void setOnPreparedListener(MediaPlayer.OnPreparedListener onPreparedListener) { 253 | mOnPreparedListener = onPreparedListener; 254 | } 255 | 256 | public void setOnVideoSizeChangedListener(MediaPlayer.OnVideoSizeChangedListener onVideoSizeChangedListener) { 257 | mOnVideoSizeChangedListener = onVideoSizeChangedListener; 258 | } 259 | 260 | /** 261 | * 缩放画面尺寸：根据视频匡高比例，以及显示区域匡高比例，取最小比例值，缩放 262 | * 263 | * @param width 264 | * @param height 265 | */ 266 | public void updateVideoSize(int width, int height) { 267 | if (width <= 0 || height <= 0) { 268 | return; 269 | } 270 | int surWidth = getWidth(); 271 | int surHeight = getHeight(); 272 | if (surHeight <= 0 || surHeight <= 0) { 273 | return; 274 | } 275 | LogUtil.d(TAG, "video:(" + width + ", " + height + "), view:(" + surWidth + ", " + surHeight + ")"); 276 | // 等比例缩放 277 | int wSca = surWidth / width; 278 | int hSca = surHeight / height; 279 | 280 | int scale = Math.min(wSca, hSca); 281 | ViewGroup.LayoutParams params = getLayoutParams(); 282 | params.width = scale * width; 283 | params.height = scale * height; 284 | setLayoutParams(params); 285 | } 286 | 287 | 288 | // 按键相关 289 | public void setMediaController(MediaController controller) { 290 | mMediaController = controller; 291 | } 292 | 293 | @Override 294 | public boolean onKeyDown(int keyCode, KeyEvent event) { 295 | boolean isKeyCodeSupported = keyCode != KeyEvent.KEYCODE_BACK && 296 | keyCode != KeyEvent.KEYCODE_VOLUME_UP && 297 | keyCode != KeyEvent.KEYCODE_VOLUME_DOWN && 298 | keyCode != KeyEvent.KEYCODE_VOLUME_MUTE && 299 | keyCode != KeyEvent.KEYCODE_MENU && 300 | keyCode != KeyEvent.KEYCODE_CALL && 301 | keyCode != KeyEvent.KEYCODE_ENDCALL; 302 | if (isInPlaybackState() && isKeyCodeSupported && mMediaController != null) { 303 | if (keyCode == KeyEvent.KEYCODE_HEADSETHOOK || 304 | keyCode == KeyEvent.KEYCODE_MEDIA_PLAY_PAUSE) { 305 | if (mMediaPlayer.isPlaying()) { 306 | pause(); 307 | mMediaController.show(); 308 | } else { 309 | start(); 310 | mMediaController.hide(); 311 | } 312 | return true; 313 | } else if (keyCode == KeyEvent.KEYCODE_MEDIA_PLAY) { 314 | if (!mMediaPlayer.isPlaying()) { 315 | start(); 316 | mMediaController.hide(); 317 | } 318 | return true; 319 | } else if (keyCode == KeyEvent.KEYCODE_MEDIA_STOP 320 | || keyCode == KeyEvent.KEYCODE_MEDIA_PAUSE) { 321 | if (mMediaPlayer.isPlaying()) { 322 | pause(); 323 | mMediaController.show(); 324 | } 325 | return true; 326 | } else { 327 | toggleMediaControlsVisiblity(); 328 | } 329 | } 330 | 331 | return super.onKeyDown(keyCode, event); 332 | } 333 | 334 | @Override 335 | public boolean onTrackballEvent(MotionEvent ev) { 336 | if (ev.getAction() == MotionEvent.ACTION_DOWN 337 | && isInPlaybackState() && mMediaController != null) { 338 | toggleMediaControlsVisiblity(); 339 | } 340 | return super.onTrackballEvent(ev); 341 | } 342 | 343 | @Override 344 | public boolean onTouchEvent(MotionEvent ev) { 345 | if (ev.getAction() == MotionEvent.ACTION_DOWN 346 | && isInPlaybackState() && mMediaController != null) { 347 | toggleMediaControlsVisiblity(); 348 | } 349 | return super.onTouchEvent(ev); 350 | } 351 | 352 | private boolean isInPlaybackState() { 353 | return true; 354 | } 355 | 356 | private void toggleMediaControlsVisiblity() { 357 | if (mMediaController.isShowing()) { 358 | mMediaController.hide(); 359 | } else { 360 | mMediaController.show(); 361 | } 362 | } 363 | 364 | private boolean isPlayerReady() { 365 | return mMediaPlayer != null; 366 | } 367 | } 368 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # VideoTouchScaleRotate 2 | 视频播放画面双指旋转、缩放、平移以及回弹动效实现 3 | 4 | [toc] 5 | 6 | 文章索引 7 | 1. [Android 视频手势缩放与回弹动效实现（一）](https://github.com/yinxuming/VideoTouchScale/blob/master/README.md)：主要是实现视频双指：缩放、平移、回弹动效 8 | 1. [Android 视频旋转、缩放与回弹动效实现（二）](https://github.com/yinxuming/VideoTouchScaleRotate/blob/main/README.md)：主要是实现视频双指：**旋转**、缩放、平移、回弹动效 9 | 10 | # Android 视频旋转、缩放与回弹动效实现（二） 11 | 12 | 在[Android 视频手势缩放与回弹动效实现（一）](https://github.com/yinxuming/VideoTouchScale/blob/master/README.md)中我们实现了下列1-5部分的需求，事实上对于双指手势触摸，不仅可以缩放、平移，还可以进行**旋转**，现在我们就在原有基础上进行改造，添加**视频手势旋转**及**回弹动效**，来实现需求6。 13 | # 功能需求 14 |  15 | 1. 双指缩放视频播放画面，支持设定最小、最大缩放范围 16 | 2. 双指拖动画面可任意方向移动 17 | 3. 如果是缩小画面，最后需要在屏幕居中显示，并且需要有动画效果 18 | 4. 如果是放大画面，有画面边缘在屏幕内的，需要自动吸附到屏幕边缘 19 | 5. 视频暂停状态下也能缩放 20 | 6. 双指旋转画面，旋转角度以45度为分界线，进行自动校正（超过45度旋转90度；不超过45度旋转0度） 21 | 22 | # 实现思路 23 | 实现主要思路 24 | 1. 手势旋转识别。 25 | 接收onTouchEvent事件，识别双指旋转：旋转角度、旋转中心 26 | 2. 手势旋转处理。 27 | 识别到手势旋转后，通过`Matrix.postRotate`进行画面旋转变换 28 | 3. 缩放倍数逻辑改造。 29 | 由于旋转也会引起`Matrix#MSCALE_X`值发生变化，缩放倍数不能再通过直接获取矩阵该分量值来计算，需要将计算后的缩放倍数独立保存。参考：[Android Matrix 带你掌控雷电](https://www.jianshu.com/p/b8cc4ac9780b)，旋转部分对`Matrix`的影响 30 | 4. 回弹动效触发。 31 | 原有回弹动效是在缩放结束后`onScaleEnd`触发，加入旋转后，需要保证在缩放结束`onScaleEnd`和旋转结束`onRotateEnd`后才触发，这里选择`ACTION_UP`来触发回弹动效。 32 | 5. 回弹动效的计算。 33 | 加入旋转后，回弹动效在原有2个数据：`transAnimX`、`transAnimY`（x、y轴上的平移补偿）基础上增加了旋转补偿角度`rotateEndFixDegrees`。 34 | 35 | ## 1. 旋转识别 36 | 在缩放、平移中我们使用系统自带缩放识别类`ScaleGestureDetector.onTouchEvent(event)`来识别当前触摸事件，得到`onScaleBegin`、`onScale`、`onScaleEnd`的缩放回调，然后用`VideoTouchScaleHandler`来对缩放、平移进行相应处理。 37 | 38 | 加入旋转功能后，由于系统**没有自带旋转识别类**，我们需要自定义实现手势识别旋转：`RotateGestureDetector`。下面介绍`RotateGestureDetector`里面的主要逻辑，即如何识别**旋转中心**与**旋转角度**。 39 | 1. **旋转中心** 40 | 旋转中心计算比较简单，通过获取**双指间连线的中心点**即可。 41 | 但是实际我们在视频画面旋转中，**不会使用双指中心**来进行旋转，而是直接**使用画面中心**来旋转，为什么呢？ 42 | 43 | 如果采用双指中心来旋转，因为每次旋转的中心点都不固定，会造成旋转时，**变换矩阵中的位移分量**也受到了影响，这样后续在计算回弹动效的时候，需要补偿的位移`transAnimX`、`transAnimY`会因为**旋转中心点**的**变化**，而**无法**准确**计算**出。 44 | ```java 45 | // 计算双指旋转中心点 46 | float pivotX = (event.getX(0) + event.getX(1)) / 2; 47 | float pivotY = (event.getY(0) + event.getY(1)) / 2; 48 | 49 | // 实际播放画面的旋转中心为画面中心点 50 | mRotateCenter = new PointF(mTouchAdapter.getTextureView().getWidth() / 2, 51 | mTouchAdapter.getTextureView().getHeight() / 2); 52 | ``` 53 | 54 | 2. **旋转角度** 55 | 旋转角度的计算稍微比较复杂，我们需要先计算**当前双指连线的夹角degrees**, 来**减去上一次我们记录的手指连线夹角lastDegrees**，才能得到本次旋转的角度**diffDegree = degrees - lastDegrees**。如图所示： 56 | 57 | 58 |  59 | 60 | 双指连线夹角`degrees`如何计算呢？ 61 | 62 | 这里我们需要获取到双指分别在x、y轴上的分量$\Delta x, \Delta y$，组成的三角形，由于$tan(\theta)=\frac{\Delta y}{\Delta x}$通过计算夹角的反正切三角函数arctangent得到偏移角度$\theta=arctan \frac{\Delta y}{\Delta x}$。几个注意的小点： 63 | 64 | 1. `Math.atan2(y, x)`和`Math.atan(v)`差异。 65 | 66 | 都能计算反正切，为了**避免除数为0**的情况（当然还有其它差别，如结果范围不同），我们一般选用`Math.atan2(y, x)` 67 | 68 | 2. `Math.atan2(y, x)`结果。 69 | 70 | 计算结果值为**弧度**，取值范围**[-Math.PI, Math.PI]**，由于旋转操作`Matrix.postRotate`传入的参数为具体角度，所以我们需要将**弧度**通过`Math.toDegrees`转换为**角度** [-180, 180]。 71 | 72 | 3. 分母**微小抖动**带来的**角度剧烈变化**。 73 | 74 | 试想一下$\frac{\Delta y}{\Delta x}$，当$\Delta y$一定情况下，$\Delta x$轴偏移量稍微变化点点，都会引起角度剧烈变化，显然不符合用户的真实意图，所以对于超过45度的变化，我们可以认为只改变少许角度，这里取值正负5度。 75 | 76 | 4. 旋转角度`diffDegree`>0，则通过`Matrix.postRotate`传入角度进行旋转，结果为正数是**顺时针旋转**，否则是逆时针旋转 77 | 78 | ```java 79 | // 计算双指旋转中心，使手势识别工具类具备识别旋转中心能力，但本次需求实际并不会使用，而是始终用画面中心来旋转 80 | float pivotX = (event.getX(0) + event.getX(1)) / 2; 81 | float pivotY = (event.getY(0) + event.getY(1)) / 2; 82 | float deltaX = event.getX(0) - event.getX(1); 83 | float deltaY = event.getY(0) - event.getY(1); 84 | float degrees = (float) Math.toDegrees(Math.atan2(deltaY, deltaX)); 85 | 86 | // 计算本次旋转角度 87 | float diffDegree = degrees - mLastDegrees; // 旋转角度 = 当前双指夹角 - 上次双指夹角。结果大于0 顺时针旋转；小于0逆时针旋转 88 | if (diffDegree > 45) { // y/x 分母微小抖动带来的角度剧烈变化，修正 89 | diffDegree = -5; 90 | } else if (diffDegree < -45) { 91 | diffDegree = 5; 92 | } 93 | ``` 94 | 下面是旋转识别类`RotateGestureDetector`的所有源码 95 | ### 旋转识别：RotateGestureDetector 96 | ```java 97 | /** 98 | * 手势旋转识别 99 | *
100 | * 101 | * @author yinxuming 102 | * @date 2020/12/22 103 | */ 104 | public class RotateGestureDetector { 105 | 106 | private OnRotateGestureListener mRotateGestureListener; 107 | private boolean mIsRotate = false; 108 | private float lastDegrees; 109 | 110 | 111 | public boolean onTouchEvent(MotionEvent event) { 112 | if (event.getPointerCount() != 2) { 113 | mIsRotate = false; 114 | return false; 115 | } 116 | float pivotX = (event.getX(0) + event.getX(1)) / 2; 117 | float pivotY = (event.getY(0) + event.getY(1)) / 2; 118 | float deltaX = event.getX(0) - event.getX(1); 119 | float deltaY = event.getY(0) - event.getY(1); 120 | float degrees = (float) Math.toDegrees(Math.atan2(deltaY, deltaX)); // 当前双指连线夹角 121 | 122 | switch (event.getActionMasked()) { 123 | case MotionEvent.ACTION_DOWN: 124 | case MotionEvent.ACTION_POINTER_DOWN: 125 | lastDegrees = degrees; 126 | mIsRotate = false; 127 | break; 128 | case MotionEvent.ACTION_MOVE: 129 | if (!mIsRotate) { 130 | mIsRotate = true; 131 | notifyRotateBegin(); 132 | } 133 | float diffDegree = degrees - lastDegrees; // 旋转角度 = 当前双指夹角 - 上次双指夹角。结果大于0 顺时针旋转；小于0逆时针旋转 134 | if (diffDegree > 45) { // y/x 分母微小抖动带来的角度剧烈变化，修正 135 | diffDegree = -5; 136 | } else if (diffDegree < -45) { 137 | diffDegree = 5; 138 | } 139 | notifyRotate(diffDegree, pivotX, pivotY); 140 | lastDegrees = degrees; 141 | break; 142 | case MotionEvent.ACTION_POINTER_UP: 143 | case MotionEvent.ACTION_CANCEL: 144 | lastDegrees = 0; 145 | mIsRotate = false; 146 | notifyRotateEnd(); 147 | break; 148 | } 149 | 150 | return true; 151 | } 152 | 153 | private void notifyRotateBegin() { 154 | if (mRotateGestureListener != null) { 155 | mRotateGestureListener.onRotateBegin(this); 156 | } 157 | } 158 | 159 | private void notifyRotate(float diffDegree, float pivotX, float pivotY) { 160 | if (mRotateGestureListener != null) { 161 | mRotateGestureListener.onRotate(this, diffDegree, pivotX, pivotY); 162 | } 163 | } 164 | 165 | private void notifyRotateEnd() { 166 | if (mRotateGestureListener != null) { 167 | mRotateGestureListener.onRotateEnd(this); 168 | } 169 | } 170 | 171 | public void setRotateGestureListener(OnRotateGestureListener rotateGestureListener) { 172 | mRotateGestureListener = rotateGestureListener; 173 | } 174 | 175 | public interface OnRotateGestureListener { 176 | boolean onRotateBegin(RotateGestureDetector detector); 177 | 178 | boolean onRotate(RotateGestureDetector detector, float degrees, float px, float py); 179 | 180 | void onRotateEnd(RotateGestureDetector detector); 181 | } 182 | 183 | public static class SimpleOnRotateGestureListener implements OnRotateGestureListener { 184 | 185 | @Override 186 | public boolean onRotateBegin(RotateGestureDetector detector) { 187 | return false; 188 | } 189 | 190 | @Override 191 | public boolean onRotate(RotateGestureDetector detector, float degrees, float px, float py) { 192 | return false; 193 | } 194 | 195 | 196 | @Override 197 | public void onRotateEnd(RotateGestureDetector detector) { 198 | 199 | } 200 | } 201 | } 202 | ``` 203 | 204 | ## 2. 旋转处理 205 | 旋转处理，我们通过`VideoTouchRotateHandler`来进行旋转处理。主要功能是实现旋转识别`RotateGestureDetector.OnRotateGestureListener`的接口，然后注册到旋转识别工具中`RotateGestureDetector`，来接收旋转识别结果。 206 | 207 | 最后使用`Matrix.postRotate(degrees, px, py)`来对画面进行旋转。几个注意点： 208 | 209 | 1. `Matrix.postRotate(degrees, px, py)`与`Matrix.postRotate(degrees)`区别。 210 | 不带旋转中心参数的方法，默认旋转中心是控件本身**左上角**，所以我们必须使用带旋转中心参数的方法，设置旋转中心为`TextureView`中心点位置。 211 | 2. **累计**旋转角度**误差**处理。 212 | 累计旋转角度超过360，我们需要对其**取模**转换，避免**旋转角度误差持续累加**，导致画面定位不准。` rotateDegrees = rotateDegrees % 360`。 213 | 3. `Matrix`同步更新。 214 | 旋转处理`VideoTouchRotateHandler`使用的变换矩阵`Matrix`，如何与缩放处理`VideoTouchScaleHandler`里面使用的`Matrix`，进行同步更新？ 215 | 216 | 直接使用`matrix = textureVie.getTransform(null)`，就能获取到当前视频画面的变换矩阵，无论是缩放还是旋转，显然都是对同一个`TextureView`来操作的，所以获取到是最新的值。这里有一个容易出错点，~~使用`view.getMatrix`来获取`Matrix`~~。 217 | 218 | 当然根据实际需求，也可以自己缓存`Matrix`，只要能保证缩放和旋转同时获取到的是最新的`Matrix`，并且能实时更新`Matrix`给对方即可。 219 | 4. 旋转结束后补偿角度`rotateEndFixDegrees`的计算。 220 | ```java 221 | /** 222 | * 计算旋转结束后需要补偿的角度 223 | * @param currentRotateDegree 224 | * @return 225 | */ 226 | public static float computeRoteEndDegree(float currentRotateDegree) { 227 | float rotateEndFixDegrees = currentRotateDegree % 90; 228 | if (rotateEndFixDegrees != 0) { 229 | if (rotateEndFixDegrees >= 45) { // 大于45度，直接旋转到90，计算旋转到90需要的角度 230 | rotateEndFixDegrees = 90 - rotateEndFixDegrees; 231 | } else if (rotateEndFixDegrees > -45 && rotateEndFixDegrees < 45) { // (-45, 45)，回弹到0度位置 232 | rotateEndFixDegrees = -rotateEndFixDegrees; 233 | } else if (rotateEndFixDegrees < -45) { // 小于-45，直接旋转到-90，计算旋转到90需要的角度 234 | rotateEndFixDegrees = -90 - rotateEndFixDegrees; 235 | } 236 | } 237 | return rotateEndFixDegrees; 238 | } 239 | ``` 240 | 5. 旋转回弹动效结束后，更新实际角度位置。 241 | 旋转结束后，需要补偿旋转角度`rotateEndFixDegrees`的，进行回弹动画，确保画面始终处于90度倍数位置，动画完成后，更新以前记录的旋转角度`VideoTouchRotateHandler#mRotateDegrees` 242 | 243 | ### 旋转处理：VideoTouchRotateHandler 244 | ```java 245 | /** 246 | * 手势旋转 处理 247 | *
248 | *
249 | * @author yinxuming
250 | * @date 2020/12/23
251 | */
252 | public class VideoTouchRotateHandler implements IVideoRotateHandler, RotateGestureDetector.OnRotateGestureListener {
253 | private static final String TAG = "VideoTouchRotateHandler";
254 |
255 | private IVideoTouchAdapter mTouchAdapter;
256 | private boolean mIsRotating; // 是否旋转中
257 | private float mRotateDegrees;
258 | private PointF mRotateCenter; // 目前需求只需要围绕画面中心旋转即可
259 |
260 | public VideoTouchRotateHandler(IVideoTouchAdapter videoTouchAdapter) {
261 | mTouchAdapter = videoTouchAdapter;
262 | }
263 |
264 | @Override
265 | public boolean onRotateBegin(RotateGestureDetector detector) {
266 | if (isTextureViewValid()) {
267 | mTouchAdapter.getVideoTouchEndAnim().endPrevAnim();
268 | mIsRotating = true;
269 | mRotateCenter = new PointF(mTouchAdapter.getTextureView().getWidth() / 2,
270 | mTouchAdapter.getTextureView().getHeight() / 2);
271 | }
272 | return true;
273 | }
274 |
275 | @Override
276 | public boolean onRotate(RotateGestureDetector detector, float degrees, float px, float py) {
277 | if (isRotating()) {
278 | postRotate(degrees); // 永远使用画面中心点进行旋转，避免由于旋转中心点引起位置变化，最后的回弹动效无法与边缘对齐
279 | }
280 | return true;
281 |
282 | }
283 |
284 | private void postRotate(float rotateDegree) {
285 | Matrix matrix = getTransformMatrix();
286 | matrix.postRotate(rotateDegree, mRotateCenter.x, mRotateCenter.y);
287 | updateMatrixToTexture(matrix);
288 | setRotateDegrees(getCurrentRotateDegree() + rotateDegree);
289 | }
290 |
291 |
292 | @Override
293 | public void onRotateEnd(RotateGestureDetector detector) {
294 | LogUtil.e(TAG, "onRotateEnd " + mRotateDegrees);
295 | if (isRotating() && mTouchAdapter.getVideoTouchEndAnim() != null) {
296 | mTouchAdapter.getVideoTouchEndAnim().setEndAnimRotate(getCurrentRotateDegree(),
297 | computeRoteEndDegree(getCurrentRotateDegree()));
298 | }
299 | mIsRotating = false;
300 | }
301 |
302 | public boolean isRotating() {
303 | return mIsRotating;
304 | }
305 |
306 | @Override
307 | public boolean isRotated() {
308 | return mRotateDegrees != 0 || mIsRotating;
309 | }
310 |
311 | @Override
312 | public float getCurrentRotateDegree() {
313 | return mRotateDegrees;
314 | }
315 |
316 | private void setRotateDegrees(float rotateDegrees) {
317 | rotateDegrees = rotateDegrees % 360; // 大于360度的，取其模，避免累加误差急剧增大
318 | mRotateDegrees = rotateDegrees;
319 |
320 | }
321 |
322 | @Override
323 | public float getTargetRotateDegree() {
324 | return getCurrentRotateDegree() + computeRoteEndDegree(getCurrentRotateDegree());
325 | }
326 |
327 | /**
328 | * 旋转回弹动画结束后，更新已补偿的角度
329 | * @param rotateDegree
330 | */
331 | @Override
332 | public void fixRotateEndAnim(float rotateDegree) {
333 | setRotateDegrees(getCurrentRotateDegree() + rotateDegree);
334 | }
335 |
336 | @Override
337 | public void cancelRotate() {
338 | setRotateDegrees(0);
339 | mRotateCenter = null;
340 | }
341 |
342 | private boolean isTextureViewValid() {
343 | return mTouchAdapter.getTextureView() != null && mTouchAdapter.getTextureView().isAvailable();
344 | }
345 |
346 | private Matrix getTransformMatrix() {
347 | if (isTextureViewValid()) {
348 | return mTouchAdapter.getTextureView().getTransform(null);
349 | }
350 | return null;
351 | }
352 |
353 | private void updateMatrixToTexture(Matrix newMatrix) {
354 | if (isTextureViewValid()) {
355 | TextureView textureView = mTouchAdapter.getTextureView();
356 | textureView.setTransform(newMatrix);
357 | if (!mTouchAdapter.isPlaying()) {
358 | textureView.invalidate();
359 | }
360 | }
361 | }
362 |
363 | /**
364 | * 计算旋转结束后需要补偿的角度
365 | * @param currentRotateDegree
366 | * @return
367 | */
368 | public static float computeRoteEndDegree(float currentRotateDegree) {
369 | float rotateEndFixDegrees = currentRotateDegree % 90;
370 | if (rotateEndFixDegrees != 0) {
371 | if (rotateEndFixDegrees >= 45) { // 大于45度，直接旋转到90，计算旋转到90需要的角度
372 | rotateEndFixDegrees = 90 - rotateEndFixDegrees;
373 | } else if (rotateEndFixDegrees > -45 && rotateEndFixDegrees < 45) { // (-45, 45)，回弹到0度位置
374 | rotateEndFixDegrees = -rotateEndFixDegrees;
375 | } else if (rotateEndFixDegrees < -45) { // 小于-45，直接旋转到-90，计算旋转到90需要的角度
376 | rotateEndFixDegrees = -90 - rotateEndFixDegrees;
377 | }
378 | }
379 | return rotateEndFixDegrees;
380 | }
381 |
382 | }
383 | ```
384 | ## 3. 回弹动效
385 |
386 | 整个视频手势缩放、旋转、位移最难处理的部分，应该就是计算回弹动效了。实现回弹动效主要有两种思路：
387 |
388 | 1. 回弹动效思路一
389 | 已知当前画面的位置`startAnimMatrix`，要进行回弹动效到最终位置，主要做了2类操作，**位移**和**旋转**，也就是我们只需要计算出**位移补偿**和**旋转角度补偿**，就可以构造属性动画，进行线性渐变位移与旋转。实际在使用时，该方案有一些问题，缩小时不一定完全居中，推测可能是计算位移补偿时，是先进行旋转，再计算位移补偿，而实际使用时，动画是一边执行旋转，一边执行位移，导致位移的值不准确。
390 |
391 | 2. 回弹动效思路二
392 | 这里还有一种思路，参考[自定义可旋转、平移、缩放的ImageView](https://www.jianshu.com/p/938ca88fb16a)或[PinchImageView](https://github.com/boycy815/PinchImageView/blob/master/pinchimageview/src/main/java/com/boycy815/pinchimageview/PinchImageView.java)。它的主要思路，也是已知`startAnimMatrix`，然后关注点变成直接去计算出**动效结束矩阵`endAnimMatrix`**，然后动画执行时去操作矩阵`Matrix`上9个分量的值，使`startAnimMatrix`最终达到`endAnimMatrix`。
393 |
394 | 这里我们主要按思路二进行回弹动效实现，需要解决以下几个问题:
395 | 1. 动效触发的时机
396 | 2. 动效参数计算：旋转补偿角度引起`transAnimX`、`transAnimY`的变化如何计算?
397 | 3. 如何处理连续动画：即本次动画还未执行完毕，下次动画已经到来，如何处理?
398 |
399 | ### 1. 动效触发时机
400 | 回弹动效的时机，原来是在缩放结束`onScaleEnd`后，现在需要同时保证在缩放结束后`onScaleEnd`和旋转结束后`onRotateEnd`执行。下面我们观察下`onTouchEvent`事件的回调顺序，可以得出结论，在`ACTION_UP`中触发回弹动效即可。
401 | #### 双指触摸onTouchEvent回调顺序
402 | 通过观察事件触摸回调顺序，我们可以看到，只需要在`ACTION_UP`中触发回弹动效即可。
403 | ```java
404 | int count = event.getPointerCount(); // 手指触摸点
405 | int action = event.getActionMasked; // 触摸动作
406 | ```
407 | onTouchEvent双指触摸事件回调顺序：
408 | | count |action | |
409 | |--------| :----- | :----|
410 | |1|ACTION_DOWN|单指按下|
411 | |2|ACTION_POINTER_DOWN|第二只手指按下|
412 | |2|ACTION_MOVE|触摸移动|
413 | |2|ACTION_MOVE|
414 | |...|...|
415 | |2|ACTION_POINTER_UP|抬起其中一只手指触发：
onScaleEnd、onRotateEnd|
416 | |1|ACTION_UP|抬起最后一只手指触发|
417 |
418 |
419 | ### 2. 动效参数计算
420 | 回弹动效参数主要涉及2类：
421 | 1. 旋转补偿：补偿角度`rotateEndFixDegrees`、旋转中心（画面中心），这个上面已经知道如何计算
422 | 2. 位移补偿：`transAnimX`、`transAnimY`
423 |
424 |
425 | 这里要解决的问题就是如何计算加入旋转后的位移补偿`transAnimX`、`transAnimY`？主要思路如下：
426 | 1. 旋转结束后，画面的变换矩阵`currentTransformMatrix = textureView.getTransform(null)`是已知的，这个相当于是回弹动效的起始位置`startAnimMatrix`
427 | 2. 要计算回弹动效结束位置矩阵`endAnimMatrix`，我们首先要对当前矩阵进行**旋转角度补偿**，即：`currentTransformMatrix.postRotate(fixDegrees, center.x, center.y)`，得到`endAnimMatrix`，此时画面的位置距离动画结束后的位置，差别就是：**位移补偿**，这时再计算`transAnimX`、`transAnimY`即可。
428 | 3. `transAnimX`、`transAnimY`计算，我们同缩放一样，先通过`endAnimMatrix.mapRect(rectF)`测量出上述旋转补偿后的矩形位置`currentLocationRectF`，然后对比视频`TextureView`所占屏幕矩形区域的`videoRectF`位置（全屏情况下就是**屏幕矩形区域**，下面描述简化为对屏幕的描述），则可以计算出位移补偿。
429 |
430 | 下面以`transAnimX`计算为例，具体的算法是：
431 |
432 | 1. 当变换后画面的宽度 < 屏幕宽度：画面**居中**。
433 | 2. 当变换后画面左边界 在 屏幕内部：画面左边界**吸附**到屏幕**左边缘**
434 | 3. 当变换后画面右边界 在 屏幕内部：画面右边界**吸附**到屏幕**右边缘**
435 | ```java
436 | if (currentLocationRectF.width() <= videoRectF.width()) { // 宽度 < 屏宽：居中
437 | transAnimX = videoRectF.right / 2 - (currentLocationRectF.right + currentLocationRectF.left) / 2;
438 | } else if (currentLocationRectF.left > videoRectF.left) { // 左侧在屏幕内：左移吸边
439 | transAnimX = videoRectF.left - currentLocationRectF.left;
440 | } else if (currentLocationRectF.right < videoRectF.right) { // 右侧在屏幕内：右移吸边
441 | transAnimX = videoRectF.right - currentLocationRectF.right;
442 | }
443 | ```
444 | `transAnimY`同理计算即可。
445 |
446 | ### 3. 连续回弹动效处理
447 | 动效的运行需要时间，如果上一次动效没有执行完毕，新的动效已经产生，我们该如何处理？
448 |
449 | 按照传统处理方式，我们需要执行`animtor.cancel()`。但是这里显然不能这么做，属性动画`ValueAnimotor.cancel`后，只会停留在当前位置，我们要的效果是，新动画准备好后，原有动画补偿的位移和角度都必须完成，即：**立即执行到结束位置**，这样才不至于影响新动画位置的计算。
450 |
451 | 这里我们直接使用`ValueAnimotor.end`就可以达到这个效果，调用后，它直接会**回调`onAnimationUpdate`结束值和`onAnimationEnd`**。
452 | 但使用的时候，需要**注意判断条件**，**启动后**的动画才能执行`end`，否则，动画结束后，调用`end`，**动画会重新运行一遍**：`onAnimationStart，onAnimationUpdate，onAnimationUpdate... onAnimationEnd`。
453 |
454 | 动画结束后，我们需要更新原有记录的旋转角度`VideoTouchRotateHandler#mRotateDegrees`为最终角度。`VideoTouchRotateHandler#fixRotateEndAnim`。
455 |
456 | 下面是动效的计算与执行的源码
457 |
458 | ### 回弹动效参数计算：VideoTouchFixEndAnim
459 | ```java
460 |
461 | /**
462 | * 回弹动效参数计算、动画状态控制
463 | *
464 | * 465 | * @author yinxuming 466 | * @date 2020/12/24 467 | */ 468 | public class VideoTouchFixEndAnim implements IVideoTouchEndAnim { 469 | 470 | private IVideoTouchAdapter mTouchAdapter; 471 | private ValueAnimator mAnimator; 472 | float mScale = 1.0f; 473 | float mCurrentRotateDegrees; 474 | float mRotateEndFixDegrees; 475 | boolean isNeedFixAnim = false; 476 | 477 | public VideoTouchFixEndAnim(IVideoTouchAdapter touchAdapter) { 478 | mTouchAdapter = touchAdapter; 479 | } 480 | 481 | @Override 482 | public void setEndAnimScale(float scale) { 483 | mScale = scale; 484 | isNeedFixAnim = true; 485 | } 486 | 487 | @Override 488 | public void setEndAnimRotate(float currentRotate, float rotateEndFixDegrees) { 489 | mCurrentRotateDegrees = currentRotate; 490 | mRotateEndFixDegrees = rotateEndFixDegrees; 491 | isNeedFixAnim = true; 492 | } 493 | 494 | @Override 495 | public void startAnim() { 496 | // 注意在主线程调用动画相关操作 497 | endPrevAnim(); 498 | if (!isNeedFixAnim) { 499 | return; 500 | } 501 | mAnimator = makeFixEndAnimator(); 502 | if (mAnimator == null) { 503 | return; 504 | } 505 | mAnimator.start(); 506 | } 507 | 508 | 509 | @Override 510 | public void endPrevAnim() { 511 | if (mAnimator != null && (mAnimator.isRunning() || mAnimator.isStarted())) { 512 | mAnimator.end(); 513 | } 514 | mAnimator = null; 515 | } 516 | 517 | /** 518 | * 计算transAnimX、transAnimY 得到endAnimMatrix，生成动画对象 519 | * @return 520 | */ 521 | private ValueAnimator makeFixEndAnimator() { 522 | TextureView mTextureView = mTouchAdapter.getTextureView(); 523 | // 动画 start矩阵：当前画面变换 524 | Matrix currentTransformMatrix = mTextureView.getTransform(null); 525 | Matrix endAnimMatrix = new Matrix(); 526 | final float fixDegrees = mRotateEndFixDegrees; 527 | RectF videoRectF = new RectF(0, 0, mTextureView.getWidth(), mTextureView.getHeight()); 528 | PointF center = new PointF(videoRectF.right / 2, videoRectF.bottom / 2); 529 | endAnimMatrix.set(currentTransformMatrix); 530 | // 动画 end矩阵：模拟计算当前画面经过旋转补偿后的矩阵 531 | endAnimMatrix.postRotate(fixDegrees, center.x, center.y); 532 | RectF currentLocationRectF = new RectF(0, 0, mTextureView.getWidth(), mTextureView.getHeight()); 533 | // 测量画面最终应该进行的矩阵变换位置 534 | endAnimMatrix.mapRect(currentLocationRectF); 535 | 536 | float transAnimX = 0f; 537 | float transAnimY = 0f; 538 | if (currentLocationRectF.left > videoRectF.left 539 | || currentLocationRectF.right < videoRectF.right 540 | || currentLocationRectF.top > videoRectF.top 541 | || currentLocationRectF.bottom < videoRectF.bottom) { //，有一边缩放后在屏幕内部，自动吸附到屏幕边缘 或 居中 542 | 543 | if (currentLocationRectF.width() <= videoRectF.width()) { // 宽度 < 屏宽：居中 544 | transAnimX = videoRectF.right / 2 - (currentLocationRectF.right + currentLocationRectF.left) / 2; 545 | } else if (currentLocationRectF.left > videoRectF.left) { // 左侧在屏幕内：左移吸边 546 | transAnimX = videoRectF.left - currentLocationRectF.left; 547 | } else if (currentLocationRectF.right < videoRectF.right) { // 右侧在屏幕内：右移吸边 548 | transAnimX = videoRectF.right - currentLocationRectF.right; 549 | } 550 | 551 | if (currentLocationRectF.height() <= videoRectF.height()) { // 高度 < 屏搞：居中 552 | transAnimY = videoRectF.bottom / 2 - (currentLocationRectF.bottom + currentLocationRectF.top) / 2; 553 | } else if (currentLocationRectF.top > videoRectF.top) { // 上移吸边 554 | transAnimY = videoRectF.top - currentLocationRectF.top; 555 | } else if (currentLocationRectF.bottom < videoRectF.bottom) { // 下移吸边 556 | transAnimY = videoRectF.bottom - currentLocationRectF.bottom; 557 | } 558 | } 559 | 560 | endAnimMatrix.postTranslate(transAnimX, transAnimY); 561 | 562 | // 不使用动画直接变换 563 | // mTouchAdapter.getTextureView().setTransform(endAnimMatrix); 564 | // mTouchAdapter.getVideoRotateHandler().postRotateDegrees(fixDegrees, false); 565 | if (transAnimX == 0 && transAnimY == 0 && fixDegrees == 0) { 566 | return null; 567 | } else { 568 | ScaleRotateEndAnimator animator = new ScaleRotateEndAnimator() { 569 | @Override 570 | protected void updateMatrixToView(Matrix transMatrix) { 571 | mTouchAdapter.getTextureView().setTransform(transMatrix); 572 | } 573 | 574 | @Override 575 | protected void onFixEndAnim(ValueAnimator animator, float fixEndDegrees) { 576 | mTouchAdapter.getVideoRotateHandler().fixRotateEndAnim(fixEndDegrees); 577 | if (animator == mAnimator) { 578 | mAnimator = null; 579 | onAnimEndRelease(); 580 | } 581 | } 582 | }; 583 | animator.setScaleEndAnimParams(currentTransformMatrix, endAnimMatrix, fixDegrees); 584 | return animator; 585 | } 586 | } 587 | 588 | private void onAnimEndRelease() { 589 | isNeedFixAnim = false; 590 | 591 | mScale = 1.0f; 592 | mCurrentRotateDegrees = 0; 593 | mRotateEndFixDegrees = 0; 594 | } 595 | } 596 | 597 | 598 | ``` 599 | ### 回弹动效执行：ScaleRotateEndAnimator 600 | ```java 601 | public abstract class ScaleRotateEndAnimator extends ValueAnimator implements ValueAnimator.AnimatorUpdateListener, 602 | Animator.AnimatorListener { 603 | private static final String TAG = "VideoScaleEndAnimator"; 604 | 605 | /** 606 | * 图片缩放动画时间 607 | */ 608 | public static final int SCALE_ANIMATOR_DURATION = 1000; 609 | 610 | private Matrix mStartMatrix = new Matrix(); 611 | private Matrix mEndMatrix = new Matrix(); 612 | private Matrix mMatrix = new Matrix(); 613 | private float[] mStartMatrixValue; 614 | private float[] mInterpolateMatrixValue; 615 | private float[] mEndMatrixValue; 616 | private float mRotateDegrees; 617 | 618 | 619 | public void setScaleEndAnimParams(Matrix startMatrix, Matrix endMatrix, float rotateFixDegree) { 620 | mStartMatrix = startMatrix; 621 | mEndMatrix = endMatrix; 622 | mRotateDegrees = rotateFixDegree; 623 | mMatrix.reset(); 624 | if (mStartMatrix == null || mEndMatrix == null) { 625 | return; 626 | } 627 | mStartMatrixValue = new float[9]; 628 | mStartMatrix.getValues(mStartMatrixValue); 629 | mEndMatrixValue = new float[9]; 630 | mEndMatrix.getValues(mEndMatrixValue); 631 | mInterpolateMatrixValue = new float[9]; 632 | 633 | setAnimConfig(); 634 | } 635 | 636 | protected void setAnimConfig() { 637 | setFloatValues(0, 1f); 638 | setDuration(SCALE_ANIMATOR_DURATION); 639 | addUpdateListener(this); 640 | addListener(this); 641 | } 642 | 643 | 644 | @Override 645 | public void onAnimationUpdate(ValueAnimator animation) { 646 | // 获取动画进度 647 | float value = (Float) animation.getAnimatedValue(); 648 | onValueUpdate(value); 649 | } 650 | 651 | 652 | public void onValueUpdate(float value) { 653 | if (mStartMatrix == null 654 | || mEndMatrix == null) { 655 | return; 656 | } 657 | for (int i = 0; i < 9; i++) { 658 | mInterpolateMatrixValue[i] = mStartMatrixValue[i] + (mEndMatrixValue[i] - mStartMatrixValue[i]) * value; 659 | } 660 | mMatrix.setValues(mInterpolateMatrixValue); 661 | updateMatrixToView(mMatrix); 662 | } 663 | 664 | 665 | protected abstract void updateMatrixToView(Matrix transMatrix); 666 | 667 | protected abstract void onFixEndAnim(ValueAnimator animator, float fixEndDegrees); 668 | 669 | @Override 670 | public void onAnimationStart(Animator animation) { 671 | } 672 | 673 | @CallSuper 674 | @Override 675 | public void onAnimationEnd(Animator animation) { 676 | onFixEndAnim(this, mRotateDegrees); 677 | } 678 | 679 | @CallSuper 680 | @Override 681 | public void onAnimationCancel(Animator animation) { 682 | } 683 | 684 | @Override 685 | public void onAnimationRepeat(Animator animation) { 686 | } 687 | 688 | } 689 | ``` 690 | # 项目完整代码 691 | 692 | [github完整源码](https://github.com/yinxuming/VideoTouchScaleRotate) 693 | 694 | # 参考 695 | 1. [Android Matrix 带你掌控雷电](https://www.jianshu.com/p/b8cc4ac9780b) 696 | 2. [自定义可旋转、平移、缩放的ImageView](https://www.jianshu.com/p/938ca88fb16a) 697 | 698 | 699 | --------------------------------------------------------------------------------