├── .gitignore ├── .idea ├── .gitignore ├── compiler.xml ├── gradle.xml ├── jarRepositories.xml ├── misc.xml └── vcs.xml ├── LICENSE ├── MatrixImageView.apk ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── tech │ │ └── yangle │ │ └── matriximage │ │ ├── MainActivity.kt │ │ ├── MatrixImageView.kt │ │ └── utils │ │ ├── CoroutineUtils.kt │ │ └── MatrixImageUtils.kt │ └── res │ ├── drawable-v24 │ └── ic_launcher_foreground.xml │ ├── drawable │ ├── bg_sample.png │ └── ic_launcher_background.xml │ ├── layout │ └── activity_main.xml │ ├── mipmap-anydpi-v26 │ ├── ic_launcher.xml │ └── ic_launcher_round.xml │ ├── mipmap-hdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-mdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── mipmap-xxhdpi │ ├── ic_launcher.png │ ├── ic_launcher_round.png │ └── ic_mi_rotate.png │ ├── mipmap-xxxhdpi │ ├── ic_launcher.png │ └── ic_launcher_round.png │ ├── values-night │ └── themes.xml │ └── values │ ├── attrs.xml │ ├── colors.xml │ ├── strings.xml │ └── themes.xml ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── image └── MatrixImageView.gif └── settings.gradle /.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 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 19 | 20 | -------------------------------------------------------------------------------- /.idea/jarRepositories.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 14 | 15 | 19 | 20 | 24 | 25 | 29 | 30 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 49 | 50 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 105 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /MatrixImageView.apk: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/MatrixImageView.apk -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # MatrixImage 2 | 3 | [![](https://img.shields.io/badge/APK%20download-4.45M-green.svg)](https://github.com/alidili/MatrixImage/raw/main/MatrixImageView.apk) 4 | 5 | ## 效果图 6 | 7 | [《Android自定义控件支持移动、缩放、旋转功能的ImageView》](https://www.jianshu.com/p/c954e2aea2f3) 8 | 9 | ![MatrixImage](https://github.com/alidili/MatrixImage/blob/main/image/MatrixImageView.gif) 10 | 11 | ## License 12 | 13 | ``` 14 | Copyright (C) 2023 YangLe 15 | 16 | Licensed under the Apache License, Version 2.0 (the "License"); 17 | you may not use this file except in compliance with the License. 18 | You may obtain a copy of the License at 19 | 20 | http://www.apache.org/licenses/LICENSE-2.0 21 | 22 | Unless required by applicable law or agreed to in writing, software 23 | distributed under the License is distributed on an "AS IS" BASIS, 24 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 25 | See the License for the specific language governing permissions and 26 | limitations under the License. 27 | ``` -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | plugins { 2 | id 'com.android.application' 3 | id 'kotlin-android' 4 | } 5 | 6 | android { 7 | namespace 'tech.yangle.matriximage' 8 | compileSdkVersion 33 9 | buildToolsVersion "33.0.2" 10 | 11 | defaultConfig { 12 | applicationId "tech.yangle.matriximage" 13 | minSdkVersion 21 14 | targetSdkVersion 33 15 | versionCode 1 16 | versionName "1.0" 17 | } 18 | 19 | viewBinding { 20 | enabled = true 21 | } 22 | 23 | buildTypes { 24 | release { 25 | minifyEnabled false 26 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 27 | } 28 | } 29 | 30 | compileOptions { 31 | sourceCompatibility JavaVersion.VERSION_17 32 | targetCompatibility JavaVersion.VERSION_17 33 | } 34 | 35 | kotlinOptions { 36 | jvmTarget = '17' 37 | } 38 | } 39 | 40 | dependencies { 41 | implementation 'androidx.appcompat:appcompat:1.6.1' 42 | implementation 'com.google.android.material:material:1.7.0' 43 | implementation 'androidx.constraintlayout:constraintlayout:2.1.4' 44 | implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.1' 45 | implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.6.1' 46 | } -------------------------------------------------------------------------------- /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/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /app/src/main/java/tech/yangle/matriximage/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package tech.yangle.matriximage 2 | 3 | import androidx.appcompat.app.AppCompatActivity 4 | import android.os.Bundle 5 | import android.widget.Toast 6 | import tech.yangle.matriximage.databinding.ActivityMainBinding 7 | 8 | /** 9 | * 首页 10 | *

11 | * Created by yangle on 2021/8/10. 12 | * Website：http://www.yangle.tech 13 | */ 14 | class MainActivity : AppCompatActivity() { 15 | 16 | private lateinit var binding: ActivityMainBinding 17 | 18 | override fun onCreate(savedInstanceState: Bundle?) { 19 | super.onCreate(savedInstanceState) 20 | binding = ActivityMainBinding.inflate(layoutInflater) 21 | setContentView(binding.root) 22 | 23 | binding.mivSample.setOnImageLongClickListener { view, pointF -> 24 | Toast.makeText(this, "长按事件 x:${pointF.x} y:${pointF.y}", Toast.LENGTH_LONG).show() 25 | } 26 | } 27 | } -------------------------------------------------------------------------------- /app/src/main/java/tech/yangle/matriximage/MatrixImageView.kt: -------------------------------------------------------------------------------- 1 | package tech.yangle.matriximage 2 | 3 | import android.annotation.SuppressLint 4 | import android.content.Context 5 | import android.graphics.* 6 | import android.graphics.Bitmap.createScaledBitmap 7 | import android.graphics.BitmapFactory.decodeResource 8 | import android.util.AttributeSet 9 | import android.util.TypedValue 10 | import android.util.TypedValue.COMPLEX_UNIT_DIP 11 | import android.view.MotionEvent 12 | import android.view.MotionEvent.* 13 | import android.view.View 14 | import androidx.appcompat.widget.AppCompatImageView 15 | import kotlinx.coroutines.Dispatchers.Main 16 | import kotlinx.coroutines.Job 17 | import tech.yangle.matriximage.utils.MatrixImageUtils 18 | import tech.yangle.matriximage.utils.MatrixImageUtils.TouchMode.* 19 | import tech.yangle.matriximage.utils.MatrixImageUtils.callRotation 20 | import tech.yangle.matriximage.utils.MatrixImageUtils.getDistanceOf2Points 21 | import tech.yangle.matriximage.utils.MatrixImageUtils.getImageRectF 22 | import tech.yangle.matriximage.utils.MatrixImageUtils.getTouchMode 23 | import tech.yangle.matriximage.utils.coroutineDelay 24 | import kotlin.math.abs 25 | 26 | /** 27 | * 支持移动、缩放、旋转功能的ImageView 28 | *

29 | * Created by yangle on 2021/8/10. 30 | * Website：http://www.yangle.tech 31 | */ 32 | class MatrixImageView : AppCompatImageView { 33 | 34 | // 控件宽度 35 | private var mWidth = 0 36 | 37 | // 控件高度 38 | private var mHeight = 0 39 | 40 | // 第一次绘制 41 | private var mFirstDraw = true 42 | 43 | // 是否显示控制框 44 | private var mShowFrame = false 45 | 46 | // 当前Image矩阵 47 | private var mImgMatrix = Matrix() 48 | 49 | // 画笔 50 | private lateinit var mPaint: Paint 51 | 52 | // 触摸模式 53 | private var touchMode: MatrixImageUtils.TouchMode? = null 54 | 55 | // 第二根手指是否按下 56 | private var mIsPointerDown = false 57 | 58 | // 按下点x坐标 59 | private var mDownX = 0f 60 | 61 | // 按下点y坐标 62 | private var mDownY = 0f 63 | 64 | // 上一次的触摸点x坐标 65 | private var mLastX = 0f 66 | 67 | // 上一次的触摸点y坐标 68 | private var mLastY = 0f 69 | 70 | // 旋转角度 71 | private var mDegree: Float = 0.0f 72 | 73 | // 旋转图标 74 | private lateinit var mRotateIcon: Bitmap 75 | 76 | // 图片控制框颜色 77 | private var mFrameColor = Color.parseColor("#1677FF") 78 | 79 | // 连接线宽度 80 | private var mLineWidth = dp2px(context, 2f) 81 | 82 | // 缩放控制点半径 83 | var mScaleDotRadius = dp2px(context, 5f) 84 | 85 | // 旋转控制点半径 86 | var mRotateDotRadius = dp2px(context, 12f) 87 | 88 | // 按下监听 89 | private var mDownClickListener: ((view: View, pointF: PointF) -> Unit)? = null 90 | 91 | // 长按监听 92 | private var mLongClickListener: ((view: View, pointF: PointF) -> Unit)? = null 93 | 94 | // 移动监听 95 | private var mMoveListener: ((view: View, pointF: PointF) -> Unit)? = null 96 | 97 | // 长按监听计时任务 98 | private var mLongClickJob: Job? = null 99 | 100 | constructor(context: Context) : this(context, null) 101 | 102 | constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0) 103 | 104 | constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super( 105 | context, 106 | attrs, 107 | defStyleAttr 108 | ) { 109 | setAttribute(attrs) 110 | init() 111 | } 112 | 113 | private fun setAttribute(attrs: AttributeSet?) { 114 | if (attrs == null) { 115 | return 116 | } 117 | val typedArray = context.obtainStyledAttributes(attrs, R.styleable.MatrixImageView) 118 | val indexCount = typedArray.indexCount 119 | for (i in 0 until indexCount) { 120 | when (val attr = typedArray.getIndex(i)) { 121 | R.styleable.MatrixImageView_fcLineWidth -> { // 连接线宽度 122 | mLineWidth = typedArray.getDimension(attr, mLineWidth) 123 | } 124 | R.styleable.MatrixImageView_fcScaleDotRadius -> { // 缩放控制点半径 125 | mScaleDotRadius = typedArray.getDimension(attr, mScaleDotRadius) 126 | } 127 | R.styleable.MatrixImageView_fcRotateDotRadius -> { // 旋转控制点半径 128 | mRotateDotRadius = typedArray.getDimension(attr, mRotateDotRadius) 129 | } 130 | R.styleable.MatrixImageView_fcFrameColor -> { // 图片控制框颜色 131 | mFrameColor = typedArray.getColor(attr, mFrameColor) 132 | } 133 | } 134 | } 135 | typedArray.recycle() 136 | } 137 | 138 | private fun init() { 139 | mPaint = Paint() 140 | mPaint.isAntiAlias = true 141 | mPaint.strokeWidth = mLineWidth 142 | mPaint.color = mFrameColor 143 | mPaint.style = Paint.Style.FILL 144 | 145 | // Matrix模式 146 | scaleType = ScaleType.MATRIX 147 | 148 | // 旋转图标 149 | val rotateIcon = decodeResource(resources, R.mipmap.ic_mi_rotate) 150 | val rotateIconWidth = (mRotateDotRadius * 1.6f).toInt() 151 | mRotateIcon = createScaledBitmap(rotateIcon, rotateIconWidth, rotateIconWidth, true) 152 | } 153 | 154 | override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) { 155 | super.onSizeChanged(w, h, oldw, oldh) 156 | this.mWidth = w 157 | this.mHeight = h 158 | } 159 | 160 | override fun draw(canvas: Canvas?) { 161 | super.draw(canvas) 162 | if (canvas == null || drawable == null) { 163 | return 164 | } 165 | 166 | val imgRect = getImageRectF(this) 167 | // 左上角x坐标 168 | val left = imgRect.left 169 | // 左上角y坐标 170 | val top = imgRect.top 171 | // 右下角x坐标 172 | val right = imgRect.right 173 | // 右下角y坐标 174 | val bottom = imgRect.bottom 175 | 176 | // 图片移动到控件中心 177 | if (mFirstDraw) { 178 | mFirstDraw = false 179 | val centerX = (mWidth / 2).toFloat() 180 | val centerY = (mHeight / 2).toFloat() 181 | val imageWidth = right - left 182 | val imageHeight = bottom - top 183 | mImgMatrix.postTranslate(centerX - imageWidth / 2, centerY - imageHeight / 2) 184 | // 如果图片较大，缩放0.5倍 185 | if (imageWidth > width || imageHeight > height) { 186 | mImgMatrix.postScale(0.5f, 0.5f, centerX, centerY) 187 | } 188 | imageMatrix = mImgMatrix 189 | } 190 | 191 | // 不绘制控制框 192 | if (!mShowFrame) { 193 | return 194 | } 195 | 196 | // 上边框 197 | canvas.drawLine(left, top, right, top, mPaint) 198 | // 下边框 199 | canvas.drawLine(left, bottom, right, bottom, mPaint) 200 | // 左边框 201 | canvas.drawLine(left, top, left, bottom, mPaint) 202 | // 右边框 203 | canvas.drawLine(right, top, right, bottom, mPaint) 204 | 205 | // 左上角控制点，等比缩放 206 | canvas.drawCircle(left, top, mScaleDotRadius, mPaint) 207 | // 右上角控制点，等比缩放 208 | canvas.drawCircle(right, top, mScaleDotRadius, mPaint) 209 | // 左中间控制点，横向缩放 210 | canvas.drawCircle(left, top + (bottom - top) / 2, mScaleDotRadius, mPaint) 211 | // 右中间控制点，横向缩放 212 | canvas.drawCircle(right, top + (bottom - top) / 2, mScaleDotRadius, mPaint) 213 | // 左下角控制点，等比缩放 214 | canvas.drawCircle(left, bottom, mScaleDotRadius, mPaint) 215 | // 右下角控制点，等比缩放 216 | canvas.drawCircle(right, bottom, mScaleDotRadius, mPaint) 217 | // 下中间控制点，竖向缩放 218 | val middleX = (right - left) / 2 + left 219 | canvas.drawCircle(middleX, bottom, mScaleDotRadius, mPaint) 220 | // 上中间控制点，旋转 221 | val rotateLine = mRotateDotRadius / 3 222 | canvas.drawLine(middleX, top - rotateLine, middleX, top, mPaint) 223 | canvas.drawCircle(middleX, top - rotateLine - mRotateDotRadius, mRotateDotRadius, mPaint) 224 | // 上中间控制点，旋转图标 225 | canvas.drawBitmap( 226 | mRotateIcon, 227 | middleX - mRotateIcon.width / 2, 228 | top - rotateLine - mRotateDotRadius - mRotateIcon.width / 2, 229 | mPaint 230 | ) 231 | } 232 | 233 | @SuppressLint("ClickableViewAccessibility") 234 | override fun onTouchEvent(event: MotionEvent?): Boolean { 235 | if (event == null || drawable == null) { 236 | return super.onTouchEvent(event) 237 | } 238 | // x坐标 239 | val x = event.x 240 | // y坐标 241 | val y = event.y 242 | // 图片显示区域 243 | val imageRect = getImageRectF(this) 244 | // 图片中心点x坐标 245 | val centerX = (imageRect.right - imageRect.left) / 2 + imageRect.left 246 | // 图片中心点y坐标 247 | val centerY = (imageRect.bottom - imageRect.top) / 2 + imageRect.top 248 | 249 | when (event.action.and(ACTION_MASK)) { 250 | ACTION_DOWN -> { 251 | // 按下监听 252 | mDownClickListener?.invoke(this, PointF(x, y)) 253 | // 判断是否在图片实际显示区域内 254 | touchMode = getTouchMode(this, x, y) 255 | if (touchMode == TOUCH_OUTSIDE) { 256 | mShowFrame = false 257 | invalidate() 258 | return super.onTouchEvent(event) 259 | } 260 | mDownX = x 261 | mDownY = y 262 | mLastX = x 263 | mLastY = y 264 | // 旋转控制点，点击后以图片中心为基准，计算当前旋转角度 265 | if (touchMode == TOUCH_ROTATE) { 266 | // 旋转角度 267 | mDegree = callRotation(centerX, centerY, x, y) 268 | } 269 | mShowFrame = true 270 | invalidate() 271 | 272 | // 长按监听计时 273 | mLongClickJob = coroutineDelay(Main, 500) { 274 | val offsetX = abs(x - mLastX) 275 | val offsetY = abs(y - mLastY) 276 | val offset = dp2px(context, 10f) 277 | if (offsetX <= offset && offsetY <= offset) { 278 | mLongClickListener?.invoke(this, PointF(x, y)) 279 | } 280 | } 281 | return true 282 | } 283 | ACTION_CANCEL -> { 284 | mLongClickJob?.cancel() 285 | } 286 | ACTION_POINTER_DOWN -> { 287 | mLongClickJob?.cancel() 288 | mDegree = callRotation(event) 289 | mIsPointerDown = true 290 | return true 291 | } 292 | ACTION_MOVE -> { 293 | // 旋转事件 294 | if (event.pointerCount == 2) { 295 | if (!mIsPointerDown) { 296 | return true 297 | } 298 | val rotate = callRotation(event) 299 | val rotateNow = rotate - mDegree 300 | mDegree = rotate 301 | mImgMatrix.postRotate(rotateNow, centerX, centerY) 302 | imageMatrix = mImgMatrix 303 | return true 304 | } 305 | if (mIsPointerDown) { 306 | return true 307 | } 308 | // 移动、缩放事件 309 | touchMove(x, y, imageRect) 310 | mLastX = x 311 | mLastY = y 312 | invalidate() 313 | val offsetX = abs(x - mDownX) 314 | val offsetY = abs(y - mDownY) 315 | val offset = dp2px(context, 10f) 316 | if (offsetX > offset || offsetY > offset) { 317 | mMoveListener?.invoke(this, PointF(x, y)) 318 | } 319 | return true 320 | } 321 | ACTION_UP -> { 322 | mLongClickJob?.cancel() 323 | touchMode = null 324 | mIsPointerDown = false 325 | mDegree = 0f 326 | } 327 | } 328 | return super.onTouchEvent(event) 329 | } 330 | 331 | /** 332 | * 手指移动 333 | * 334 | * @param x x坐标 335 | * @param y y坐标 336 | * @param imageRect 图片显示区域 337 | */ 338 | private fun touchMove(x: Float, y: Float, imageRect: RectF) { 339 | // 左上角x坐标 340 | val left = imageRect.left 341 | // 左上角y坐标 342 | val top = imageRect.top 343 | // 右下角x坐标 344 | val right = imageRect.right 345 | // 右下角y坐标 346 | val bottom = imageRect.bottom 347 | // 总的缩放距离，斜角 348 | val totalTransOblique = getDistanceOf2Points(left, top, right, bottom) 349 | // 总的缩放距离，水平 350 | val totalTransHorizontal = getDistanceOf2Points(left, top, right, top) 351 | // 总的缩放距离，垂直 352 | val totalTransVertical = getDistanceOf2Points(left, top, left, bottom) 353 | // 当前缩放距离 354 | val scaleTrans = getDistanceOf2Points(mLastX, mLastY, x, y) 355 | // 缩放系数，x轴方向 356 | val scaleFactorX: Float 357 | // 缩放系数，y轴方向 358 | val scaleFactorY: Float 359 | // 缩放基准点x坐标 360 | val scaleBaseX: Float 361 | // 缩放基准点y坐标 362 | val scaleBaseY: Float 363 | 364 | when (touchMode) { 365 | TOUCH_IMAGE -> { 366 | mImgMatrix.postTranslate(x - mLastX, y - mLastY) 367 | imageMatrix = mImgMatrix 368 | return 369 | } 370 | TOUCH_ROTATE -> { 371 | // 图片中心点x坐标 372 | val centerX = (imageRect.right - imageRect.left) / 2 + imageRect.left 373 | // 图片中心点y坐标 374 | val centerY = (imageRect.bottom - imageRect.top) / 2 + imageRect.top 375 | // 旋转角度 376 | val rotate = callRotation(centerX, centerY, x, y) 377 | val rotateNow = rotate - mDegree 378 | mDegree = rotate 379 | mImgMatrix.postRotate(rotateNow, centerX, centerY) 380 | imageMatrix = mImgMatrix 381 | return 382 | } 383 | TOUCH_CONTROL_1 -> { 384 | // 缩小 385 | scaleFactorX = if (x - mLastX > 0) { 386 | (totalTransOblique - scaleTrans) / totalTransOblique 387 | } else { 388 | (totalTransOblique + scaleTrans) / totalTransOblique 389 | } 390 | scaleFactorY = scaleFactorX 391 | // 右下角 392 | scaleBaseX = imageRect.right 393 | scaleBaseY = imageRect.bottom 394 | } 395 | TOUCH_CONTROL_2 -> { 396 | // 缩小 397 | scaleFactorX = if (x - mLastX < 0) { 398 | (totalTransOblique - scaleTrans) / totalTransOblique 399 | } else { 400 | (totalTransOblique + scaleTrans) / totalTransOblique 401 | } 402 | scaleFactorY = scaleFactorX 403 | // 左下角 404 | scaleBaseX = imageRect.left 405 | scaleBaseY = imageRect.bottom 406 | } 407 | TOUCH_CONTROL_3 -> { 408 | // 缩小 409 | scaleFactorX = if (x - mLastX > 0) { 410 | (totalTransOblique - scaleTrans) / totalTransOblique 411 | } else { 412 | (totalTransOblique + scaleTrans) / totalTransOblique 413 | } 414 | scaleFactorY = scaleFactorX 415 | // 右上角 416 | scaleBaseX = imageRect.right 417 | scaleBaseY = imageRect.top 418 | } 419 | TOUCH_CONTROL_4 -> { 420 | // 缩小 421 | scaleFactorX = if (x - mLastX < 0) { 422 | (totalTransOblique - scaleTrans) / totalTransOblique 423 | } else { 424 | (totalTransOblique + scaleTrans) / totalTransOblique 425 | } 426 | scaleFactorY = scaleFactorX 427 | // 左上角 428 | scaleBaseX = imageRect.left 429 | scaleBaseY = imageRect.top 430 | } 431 | TOUCH_CONTROL_5 -> { 432 | // 缩小 433 | scaleFactorX = if (x - mLastX > 0) { 434 | (totalTransHorizontal - scaleTrans) / totalTransHorizontal 435 | } else { 436 | (totalTransHorizontal + scaleTrans) / totalTransHorizontal 437 | } 438 | scaleFactorY = 1f 439 | // 右上角 440 | scaleBaseX = imageRect.right 441 | scaleBaseY = imageRect.top 442 | } 443 | TOUCH_CONTROL_6 -> { 444 | // 缩小 445 | scaleFactorX = if (x - mLastX < 0) { 446 | (totalTransHorizontal - scaleTrans) / totalTransHorizontal 447 | } else { 448 | (totalTransHorizontal + scaleTrans) / totalTransHorizontal 449 | } 450 | scaleFactorY = 1f 451 | // 左上角 452 | scaleBaseX = imageRect.left 453 | scaleBaseY = imageRect.top 454 | } 455 | TOUCH_CONTROL_7 -> { 456 | // 缩小 457 | scaleFactorX = 1f 458 | scaleFactorY = if (y - mLastY < 0) { 459 | (totalTransVertical - scaleTrans) / totalTransVertical 460 | } else { 461 | (totalTransVertical + scaleTrans) / totalTransVertical 462 | } 463 | // 左上角 464 | scaleBaseX = imageRect.left 465 | scaleBaseY = imageRect.top 466 | } 467 | else -> { 468 | return 469 | } 470 | } 471 | 472 | // 最小缩放值限制 473 | val scaleMatrix = Matrix(mImgMatrix) 474 | scaleMatrix.postScale(scaleFactorX, scaleFactorY, scaleBaseX, scaleBaseY) 475 | val scaleRectF = getImageRectF(this, scaleMatrix) 476 | if (scaleRectF.right - scaleRectF.left < mScaleDotRadius * 6 477 | || scaleRectF.bottom - scaleRectF.top < mScaleDotRadius * 6 478 | ) { 479 | return 480 | } 481 | // 缩放 482 | mImgMatrix.postScale(scaleFactorX, scaleFactorY, scaleBaseX, scaleBaseY) 483 | imageMatrix = mImgMatrix 484 | } 485 | 486 | /** 487 | * 隐藏控制框 488 | */ 489 | fun hideControlFrame() { 490 | mShowFrame = false 491 | invalidate() 492 | } 493 | 494 | /** 495 | * 设置按下监听 496 | * 497 | * @param listener 监听回调 498 | */ 499 | fun setOnImageDownClickListener(listener: (view: View, pointF: PointF) -> Unit) { 500 | this.mDownClickListener = listener 501 | } 502 | 503 | /** 504 | * 设置长按监听 505 | * 506 | * @param listener 监听回调 507 | */ 508 | fun setOnImageLongClickListener(listener: (view: View, pointF: PointF) -> Unit) { 509 | this.mLongClickListener = listener 510 | } 511 | 512 | /** 513 | * 设置移动监听 514 | * 515 | * @param listener 监听回调 516 | */ 517 | fun setOnImageMoveListener(listener: (view: View, pointF: PointF) -> Unit) { 518 | this.mMoveListener = listener 519 | } 520 | 521 | /** 522 | * dp转px 523 | * 524 | * @param context 上下文 525 | * @param dp dp单位值 526 | * @return px单位制 527 | */ 528 | private fun dp2px(context: Context, dp: Float): Float { 529 | return TypedValue.applyDimension(COMPLEX_UNIT_DIP, dp, context.resources.displayMetrics) 530 | } 531 | } -------------------------------------------------------------------------------- /app/src/main/java/tech/yangle/matriximage/utils/CoroutineUtils.kt: -------------------------------------------------------------------------------- 1 | package tech.yangle.matriximage.utils 2 | 3 | import android.util.Log 4 | import androidx.lifecycle.LifecycleCoroutineScope 5 | import kotlinx.coroutines.* 6 | import kotlin.coroutines.CoroutineContext 7 | 8 | /** 9 | * 协程工具 10 | *

11 | * Created by yangle on 2021/8/10. 12 | * Website：http://www.yangle.tech 13 | */ 14 | 15 | /** 16 | * 当前线程挂起一段时间，执行后续逻辑，不阻塞当前线程 17 | * 18 | * @param context CoroutineContext 19 | * @param timeMillis 挂起时间|毫秒 20 | * @param exec 执行方法 21 | * @return Job 22 | * @sample 23 | * coroutineDelay(coroutineContext, 100) { 24 | * // 执行逻辑 25 | * } 26 | */ 27 | internal fun coroutineDelay( 28 | context: CoroutineContext, timeMillis: Long, 29 | exec: () -> Unit 30 | ): Job { 31 | val scope = CoroutineScope(context) 32 | return scope.launch(getExceptionHandler("coroutineDelay")) { 33 | delay(timeMillis) 34 | exec() 35 | } 36 | } 37 | 38 | /** 39 | * 当前线程挂起一段时间，执行后续逻辑，不阻塞当前线程 40 | * 在Activity、Fragment中使用此方法，与页面生命周期绑定 41 | * 42 | * @param scope LifecycleCoroutineScope 43 | * @param timeMillis 挂起时间|毫秒 44 | * @param exec 执行方法 45 | * @return Job 46 | * @sample 47 | * coroutineDelay(lifecycleScope, 100) { 48 | * // 执行逻辑 49 | * } 50 | */ 51 | internal fun coroutineDelay( 52 | scope: LifecycleCoroutineScope, timeMillis: Long, 53 | exec: () -> Unit 54 | ): Job = scope.launch(getExceptionHandler("coroutineDelay-Lifecycle")) { 55 | delay(timeMillis) 56 | exec() 57 | } 58 | 59 | /** 60 | * 当前线程周期运行任务 61 | * 62 | * @param context CoroutineContext 63 | * @param timeMillis 运行周期|毫秒 64 | * @param exec 执行方法 65 | * @return Job 66 | * @sample 67 | * val job = coroutineInterval(coroutineContext, 1000) { 68 | * // 执行逻辑 69 | * } 70 | * job.cancel() 71 | */ 72 | internal fun coroutineInterval( 73 | context: CoroutineContext, timeMillis: Long, 74 | exec: (time: Int) -> Unit 75 | ): Job { 76 | val scope = CoroutineScope(context) 77 | return scope.launch(getExceptionHandler("coroutineInterval")) { 78 | repeat(Int.MAX_VALUE) { 79 | exec(it) 80 | delay(timeMillis) 81 | } 82 | } 83 | } 84 | 85 | /** 86 | * 当前线程周期运行任务 87 | * 在Activity、Fragment中使用此方法，与页面生命周期绑定 88 | * 89 | * @param scope LifecycleCoroutineScope 90 | * @param timeMillis 运行周期|毫秒 91 | * @param exec 执行方法 92 | * @return Job 93 | * @sample 94 | * val job = coroutineInterval(lifecycleScope, 1000) { 95 | * // 执行逻辑 96 | * } 97 | * job.cancel() 98 | */ 99 | internal fun coroutineInterval( 100 | scope: LifecycleCoroutineScope, timeMillis: Long, 101 | exec: (time: Int) -> Unit 102 | ): Job = scope.launch(getExceptionHandler("coroutineInterval-Lifecycle")) { 103 | repeat(Int.MAX_VALUE) { 104 | exec(it) 105 | delay(timeMillis) 106 | } 107 | } 108 | 109 | /** 110 | * 在子线程协程中执行任务，在主线程协程中处理结果，不阻塞当前线程 111 | * 112 | * @param context CoroutineContext 113 | * @param worker 子线程协程 114 | * @param main 主线程协程 115 | * @sample 116 | * coroutineSchedule(coroutineContext, worker = { 117 | * // 耗时逻辑 118 | * }, main = { 119 | * // 处理结果 120 | * }) 121 | */ 122 | internal fun coroutineSchedule( 123 | context: CoroutineContext, worker: () -> Unit, 124 | main: () -> Unit 125 | ) { 126 | val scope = CoroutineScope(context) 127 | scope.launch(Dispatchers.IO + getExceptionHandler("coroutineSchedule")) { 128 | worker() 129 | withContext(Dispatchers.Main) { 130 | main() 131 | } 132 | } 133 | } 134 | 135 | /** 136 | * 在子线程协程中执行任务，在主线程协程中处理结果，不阻塞当前线程 137 | * 在Activity、Fragment中使用此方法，与页面生命周期绑定 138 | * 139 | * @param scope LifecycleCoroutineScope 140 | * @param worker 子线程协程 141 | * @param main 主线程协程 142 | * @sample 143 | * coroutineSchedule(lifecycleScope, worker = { 144 | * // 耗时逻辑 145 | * }, main = { 146 | * // 处理结果 147 | * }) 148 | */ 149 | internal fun coroutineSchedule( 150 | scope: LifecycleCoroutineScope, worker: () -> Unit, 151 | main: () -> Unit 152 | ) = scope.launch(Dispatchers.IO + getExceptionHandler("coroutineSchedule-Lifecycle")) { 153 | worker() 154 | withContext(Dispatchers.Main) { 155 | main() 156 | } 157 | } 158 | 159 | /** 160 | * 协程异常处理 161 | * 162 | * @param method 方法名 163 | */ 164 | internal fun getExceptionHandler(method: String): CoroutineExceptionHandler { 165 | return CoroutineExceptionHandler { _, exception -> 166 | Log.e("CoroutineUtils", "[$method] Exception:${exception}") 167 | } 168 | } -------------------------------------------------------------------------------- /app/src/main/java/tech/yangle/matriximage/utils/MatrixImageUtils.kt: -------------------------------------------------------------------------------- 1 | package tech.yangle.matriximage.utils 2 | 3 | import android.graphics.Matrix 4 | import android.graphics.RectF 5 | import android.view.MotionEvent 6 | import android.widget.ImageView 7 | import tech.yangle.matriximage.MatrixImageView 8 | import tech.yangle.matriximage.utils.MatrixImageUtils.TouchMode.* 9 | import kotlin.math.atan2 10 | import kotlin.math.pow 11 | import kotlin.math.sqrt 12 | 13 | /** 14 | * 图片工具 15 | *

16 | * Created by yangle on 2021/8/10. 17 | * Website：http://www.yangle.tech 18 | */ 19 | object MatrixImageUtils { 20 | 21 | /** 22 | * 是否点击了图片的实际显示区域 23 | * 24 | * @param view ImageView 25 | * @param x 点击x坐标 26 | * @param y 点击y坐标 27 | * @return true: 区域内 false: 区域外 28 | */ 29 | internal fun getTouchMode(view: MatrixImageView, x: Float, y: Float): TouchMode { 30 | val imageRect = getImageRectF(view) 31 | val left = imageRect.left 32 | val top = imageRect.top 33 | val right = imageRect.right 34 | val bottom = imageRect.bottom 35 | // 扩大点击区域 36 | val offset = view.mScaleDotRadius * 3 37 | 38 | val rect1 = RectF(left - offset, top - offset, left + offset, top + offset) 39 | if (rect1.contains(x, y)) { 40 | return TOUCH_CONTROL_1 41 | } 42 | val rect2 = RectF(right - offset, top - offset, right + offset, top + offset) 43 | if (rect2.contains(x, y)) { 44 | return TOUCH_CONTROL_2 45 | } 46 | val rect3 = RectF(left - offset, bottom - offset, left + offset, bottom + offset) 47 | if (rect3.contains(x, y)) { 48 | return TOUCH_CONTROL_3 49 | } 50 | val rect4 = RectF(right - offset, bottom - offset, right + offset, bottom + offset) 51 | if (rect4.contains(x, y)) { 52 | return TOUCH_CONTROL_4 53 | } 54 | val rect5Y = (bottom - top) / 2 + top 55 | val rect5 = RectF(left - offset, rect5Y - offset, left + offset, rect5Y + offset) 56 | if (rect5.contains(x, y)) { 57 | return TOUCH_CONTROL_5 58 | } 59 | val rect6Y = (bottom - top) / 2 + top 60 | val rect6 = RectF(right - offset, rect6Y - offset, right + offset, rect6Y + offset) 61 | if (rect6.contains(x, y)) { 62 | return TOUCH_CONTROL_6 63 | } 64 | val rect7X = (right - left) / 2 + left 65 | val rect7 = RectF(rect7X - offset, bottom - offset, rect7X + offset, bottom + offset) 66 | if (rect7.contains(x, y)) { 67 | return TOUCH_CONTROL_7 68 | } 69 | // 旋转控制点半径 70 | val rotateDotRadius = view.mRotateDotRadius 71 | // 旋转控制点的中心x坐标 72 | val rectRotateX = (right - left) / 2 + left 73 | // rotateDotRadius / 3 是连接线的长度 74 | val rectRotate = RectF( 75 | rectRotateX - rotateDotRadius, 76 | top - rotateDotRadius / 3 - rotateDotRadius * 2, 77 | rectRotateX + rotateDotRadius, 78 | top - rotateDotRadius / 3, 79 | ) 80 | if (rectRotate.contains(x, y)) { 81 | return TOUCH_ROTATE 82 | } 83 | if (imageRect.contains(x, y)) { 84 | return TOUCH_IMAGE 85 | } 86 | return TOUCH_OUTSIDE 87 | } 88 | 89 | /** 90 | * 获取图片在ImageView中的实际显示位置 91 | * 92 | * @param view ImageView 93 | * @return RectF 94 | */ 95 | internal fun getImageRectF(view: ImageView): RectF { 96 | // 获得ImageView中Image的变换矩阵 97 | val matrix = view.imageMatrix 98 | return getImageRectF(view, matrix) 99 | } 100 | 101 | /** 102 | * 获取图片在ImageView中的实际显示位置 103 | * 104 | * @param view ImageView 105 | * @param matrix Matrix 106 | * @return RectF 107 | */ 108 | internal fun getImageRectF(view: ImageView, matrix: Matrix): RectF { 109 | // 获得ImageView中Image的显示边界 110 | val bounds = view.drawable.bounds 111 | val rectF = RectF() 112 | matrix.mapRect( 113 | rectF, 114 | RectF( 115 | bounds.left.toFloat(), 116 | bounds.top.toFloat(), 117 | bounds.right.toFloat(), 118 | bounds.bottom.toFloat() 119 | ) 120 | ) 121 | return rectF 122 | } 123 | 124 | /** 125 | * 获取两个点之间的距离 126 | * 127 | * @param x1 第一个点x坐标 128 | * @param y1 第一个点y坐标 129 | * @param x2 第二个点x坐标 130 | * @param y2 第二个点y坐标 131 | * @return 两个点之间的距离 132 | */ 133 | internal fun getDistanceOf2Points(x1: Float, y1: Float, x2: Float, y2: Float): Float { 134 | return sqrt((x1 - x2).pow(2) + (y1 - y2).pow(2)) 135 | } 136 | 137 | /** 138 | * 计算旋转的角度 139 | * 140 | * @param event MotionEvent 141 | * @return 旋转的角度 142 | */ 143 | internal fun callRotation(event: MotionEvent): Float { 144 | val deltaX = (event.getX(0) - event.getX(1)).toDouble() 145 | val deltaY = (event.getY(0) - event.getY(1)).toDouble() 146 | val radius = atan2(deltaY, deltaX) 147 | return Math.toDegrees(radius).toFloat() 148 | } 149 | 150 | /** 151 | * 计算旋转的角度 152 | * 153 | * @param baseX 基准点x坐标 154 | * @param baseY 基准点y坐标 155 | * @param rotateX 旋转点x坐标 156 | * @param rotateY 旋转点y坐标 157 | * @return 旋转的角度 158 | */ 159 | internal fun callRotation(baseX: Float, baseY: Float, rotateX: Float, rotateY: Float): Float { 160 | val deltaX = (baseX - rotateX).toDouble() 161 | val deltaY = (baseY - rotateY).toDouble() 162 | val radius = atan2(deltaY, deltaX) 163 | return Math.toDegrees(radius).toFloat() 164 | } 165 | 166 | /** 167 | * 点击模式 168 | */ 169 | internal enum class TouchMode { 170 | /** 171 | * 区域外 172 | */ 173 | TOUCH_OUTSIDE, 174 | 175 | /** 176 | * 图片显示区域 177 | */ 178 | TOUCH_IMAGE, 179 | 180 | /** 181 | * 旋转控制点 182 | */ 183 | TOUCH_ROTATE, 184 | 185 | /** 186 | * 左上角控制点，等比缩放 187 | */ 188 | TOUCH_CONTROL_1, 189 | 190 | /** 191 | * 右上角控制点，等比缩放 192 | */ 193 | TOUCH_CONTROL_2, 194 | 195 | /** 196 | * 左下角控制点，等比缩放 197 | */ 198 | TOUCH_CONTROL_3, 199 | 200 | /** 201 | * 右下角控制点，等比缩放 202 | */ 203 | TOUCH_CONTROL_4, 204 | 205 | /** 206 | * 左中间控制点，横向缩放 207 | */ 208 | TOUCH_CONTROL_5, 209 | 210 | /** 211 | * 右中间控制点，横向缩放 212 | */ 213 | TOUCH_CONTROL_6, 214 | 215 | /** 216 | * 下中间控制点，竖向缩放 217 | */ 218 | TOUCH_CONTROL_7, 219 | } 220 | } -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/bg_sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/drawable/bg_sample.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 13 | 14 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_mi_rotate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xxhdpi/ic_mi_rotate.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/values-night/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | -------------------------------------------------------------------------------- /app/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #FFBB86FC 4 | #FF6200EE 5 | #FF3700B3 6 | #FF03DAC5 7 | #FF018786 8 | #FF000000 9 | #FFFFFFFF 10 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | MatrixImage 3 | -------------------------------------------------------------------------------- /app/src/main/res/values/themes.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | buildscript { 3 | ext.kotlin_version = "1.8.21" 4 | repositories { 5 | google() 6 | mavenCentral() 7 | } 8 | dependencies { 9 | classpath "com.android.tools.build:gradle:8.0.2" 10 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 11 | 12 | // NOTE: Do not place your application dependencies here; they belong 13 | // in the individual module build.gradle files 14 | } 15 | } 16 | 17 | allprojects { 18 | repositories { 19 | google() 20 | mavenCentral() 21 | jcenter() // Warning: this repository is going to shut down soon 22 | } 23 | } 24 | 25 | task clean(type: Delete) { 26 | delete rootProject.buildDir 27 | } -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | # IDE (e.g. Android Studio) users: 3 | # Gradle settings configured through the IDE *will override* 4 | # any settings specified in this file. 5 | # For more details on how to configure your build environment visit 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html 7 | # Specifies the JVM arguments used for the daemon process. 8 | # The setting is particularly useful for tweaking memory settings. 9 | org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8 10 | # When configured, Gradle will run in incubating parallel mode. 11 | # This option should only be used with decoupled projects. More details, visit 12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 13 | # org.gradle.parallel=true 14 | # AndroidX package structure to make it clearer which packages are bundled with the 15 | # Android operating system, and which are packaged with your app"s APK 16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 17 | android.useAndroidX=true 18 | # Kotlin code style for this project: "official" or "obsolete": 19 | kotlin.code.style=official -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Fri Jul 16 16:54:33 CST 2021 2 | distributionBase=GRADLE_USER_HOME 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-8.0-bin.zip 4 | distributionPath=wrapper/dists 5 | zipStorePath=wrapper/dists 6 | zipStoreBase=GRADLE_USER_HOME 7 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /image/MatrixImageView.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alidili/MatrixImage/e2f9a4a34613f81fccf48d2352704c11f3235b5a/image/MatrixImageView.gif -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = "MatrixImage" 2 | include ':app' 3 | --------------------------------------------------------------------------------