[ { "path": ".gitignore", "content": "*.iml\n.gradle\n.kotlin\n/local.properties\n/.idea/caches\n/.idea/libraries\n/.idea/modules.xml\n/.idea/workspace.xml\n/.idea/navEditor.xml\n/.idea/assetWizardSettings.xml\n.DS_Store\n/build\n/captures\n.externalNativeBuild\n.cxx\nlocal.properties\n/doc/docs/reference\n/doc/docs/index.md\n/doc/docs/change_log.md\n/doc/site" }, { "path": ".idea/.name", "content": "scale" }, { "path": ".idea/AndroidProjectSystem.xml", "content": "\n\n \n \n" }, { "path": ".idea/artifacts/img.xml", "content": "\n \n $PROJECT_DIR$/img/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/sampe_kmp.xml", "content": "\n \n $PROJECT_DIR$/sampe-kmp/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/sample_kmp.xml", "content": "\n \n $PROJECT_DIR$/sample-kmp/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/sample_kmp_jvm.xml", "content": "\n \n $PROJECT_DIR$/sample-kmp/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_image_viewer.xml", "content": "\n \n $PROJECT_DIR$/scale-image-viewer/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_image_viewer_jvm.xml", "content": "\n \n $PROJECT_DIR$/scale-image-viewer/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_sampling_decoder.xml", "content": "\n \n $PROJECT_DIR$/scale-sampling-decoder/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_sampling_decoder_jvm.xml", "content": "\n \n $PROJECT_DIR$/scale-sampling-decoder/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_sampling_decoder_kmp.xml", "content": "\n \n $PROJECT_DIR$/scale-sampling-decoder-kmp/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_zoomable_view.xml", "content": "\n \n $PROJECT_DIR$/scale-zoomable-view/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_zoomable_view_js.xml", "content": "\n \n $PROJECT_DIR$/scale-zoomable-view/build/libs\n \n \n" }, { "path": ".idea/artifacts/scale_zoomable_view_jvm.xml", "content": "\n \n $PROJECT_DIR$/scale-zoomable-view/build/libs\n \n \n \n \n" }, { "path": ".idea/artifacts/scale_zoomable_view_wasm_js.xml", "content": "\n \n $PROJECT_DIR$/scale-zoomable-view/build/libs\n \n \n" }, { "path": ".idea/artifacts/shared.xml", "content": "\n \n $PROJECT_DIR$/shared/build/libs\n \n \n \n \n" }, { "path": ".idea/compiler.xml", "content": "\n\n \n \n \n \n \n \n \n \n \n \n" }, { "path": ".idea/deploymentTargetDropDown.xml", "content": "\n\n \n \n \n \n \n \n \n" }, { "path": ".idea/deploymentTargetSelector.xml", "content": "\n\n \n \n \n \n \n \n \n \n" }, { "path": ".idea/gradle.xml", "content": "\n\n \n \n \n \n" }, { "path": ".idea/inspectionProfiles/Project_Default.xml", "content": "\n \n \n" }, { "path": ".idea/kotlinc.xml", "content": "\n\n \n \n" }, { "path": ".idea/migrations.xml", "content": "\n\n \n \n \n" }, { "path": ".idea/misc.xml", "content": "\n \n \n \n \n" }, { "path": ".idea/runConfigurations.xml", "content": "\n\n \n \n \n" }, { "path": ".idea/vcs.xml", "content": "\n\n \n \n \n" }, { "path": ".idea/xcode.xml", "content": "\n\n \n" }, { "path": "CHANGELOG.md", "content": "# **Change Log**\nAll notable changes to this project will be documented in this file.\n\n## 1.1.1-beta.3 (Nov 22, 2025)\n- Fix: Maven包添加Desktop Target;\n- Fix: KotlinDateTime升级至0.7.1;\n\n## 1.1.1-beta.2 (Jul 21, 2025)\n- Feat: SamplingDecoder支持KMP;\n- Feat: 移除LocalTransformItemStateMap;\n- Fix: 动画进行中禁止页面手势;\n\n## 1.1.1-beta.1 (Jun 25, 2025)\n- Feat: Zoomable支持KMP;\n- Feat: ImageViewer支持KMP;\n- Fix: 移除底层对Material的依赖;\n- Fix: 修复下拉关闭手势异常的问题;\n- Fix: 修复图片未加载完成按返回退出页面的问题;\n\n## 1.1.0-alpha.7 (Apr 18, 2025)\n- Fix: 修复部分手机下拉关闭时闪烁的问题;\n\n## 1.1.0-alpha.6 (Mar 7, 2025)\n- Feat: Compose版本更新支持1.7.8;\n\n## 1.1.0-alpha.5 (Aug 15, 2024)\n- Feat: 根据当前环境获取transformItemStateMap;\n- Feat: Pager、ImagePager增加是否允许滚动的参数;\n- Feat: 限制动画进行时页面滚动;\n- Fix: 修复animating状态需等图片加载完才标记结束的问题;\n- Fix: 修复openTransform过程中偶发崩溃的问题;\n- Fix: 修复页面快速切换导致图片不显示的问题;\n\n## 1.1.0-alpha.4 (Jun 23, 2024)\n- Fix: 修复PopupPreviewer显示与关闭完成状态不正确的问题;\n\n## 1.1.0-alpha.3 (Jun 14, 2024)\n- Fix: Compose回退到稳定版本1.6.8;\n\n## 1.1.0-alpha.2 (Jun 9, 2024)\n- Feat: 发布到MavenCentral;\n- Feat: 增加ModelProcessor;\n- Feat: ImageDecoder、ImageCanvas更名为SamplingDecoder、SamplingCanvas;\n- Feat: 新增[使用文档](https://jvziyaoyao.github.io/scale/) 、[API文档](https://jvziyaoyao.github.io/scale/reference/);\n- Feat: 更换开源协议为Apache2.0;\n- Fix: 修复enterTransform后close小图未显示的问题;\n- Fix: 修复ZoomablePager中state与页码不匹配的问题;\n- Fix: 修复TransformPreviewer在缩放率大于1时关闭动画错乱的问题;\n- Fix: 将Zoomable最大缩放比调整回4;\n\n## 1.1.0-alpha.1 (May 25, 2024)\n- Feat: 弃用com.origeek.imageViewer;\n- Feat: 重构ImageViewer;\n- Feat: 重构ImageGallery为ImagePager;\n- Feat: 重构ImagePreviewer;\n- Feat: 新增ZoomableView;\n- Feat: 新增ZoomablePager;\n- Feat: 新增Previewer;\n\n## 1.0.2-alpha.8 (Dec 1, 2023)\n- Feat: galleryState添加pageCount;\n\n## 1.0.2-alpha.6 (Oct 8, 2023)\n- Feat: 支持上下滑手势关闭图片预览;\n\n## 1.0.2-alpha.5 (Aug 18, 2023)\n- Feat: 适配到高版本的HorizontalPager;\n \n## 1.0.2-alpha.4 (Jun 19, 2023)\n- Fix: 修复imageDecoder release之后获取长宽导致崩溃的问题;\n- Fix: 解决TransformItem在LazyList中不及时刷新的问题;\n- Feat: 支持大图进行图片旋转;\n- Feat: 重构ComposeModel部分以支持手势操作;\n\n## 1.0.2-alpha.3 (May 12, 2023)\n- Fix: 移除TransformImageView中的movable，提高滚动性能;\n- Feat: Pager组件更新到官方的Pager;\n\n## 1.0.2-alpha.2 (Jan 11, 2023)\n- Fix: OrigeekUI切换到发布版本1.0.1-alpha.1\n\n## 1.0.2-alpha.1 (Jan 10, 2023)\n- Feat: 支持transform动画效果\n- Feat: 支持viewer下拉关闭\n- Feat: viewer支持placeholder\n- Feat: 对自定义动画曲线提供更完善的支持\n- Feat: Canvas大图组件增加淡入淡出效果\n- Fix: 集成Viewer时不需要额外集成Pager\n- Fix: 优化各组件的参数配置，提高代码简洁度\n- Fix: 修复大图预览时卡顿的问题\n- Fix: 修复各组件旋转屏幕时状态丢失的问题\n\n## 1.0.1-alpha.3 (Oct 5, 2022)\n- Fix crash caused by screen orientationn changed (#7)\n\n## 1.0.1-alpha.2 (Jun 23, 2022)\n- Create a sample for this library\n\n## 1.0.1-alpha.1 \n- Create this repository and release the first version\n" }, { "path": "LICENSE", "content": " Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n\n APPENDIX: How to apply the Apache License to your work.\n\n To apply the Apache License to your work, attach the following\n boilerplate notice, with the fields enclosed by brackets \"[]\"\n replaced with your own identifying information. (Don't include\n the brackets!) The text should be enclosed in the appropriate\n comment syntax for the file format. We also recommend that a\n file or class name and description of purpose be included on the\n same \"printed page\" as the copyright notice for easier\n identification within third-party archives.\n\n Copyright 2022 jvziyaoyao\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License." }, { "path": "README.md", "content": "\"Scale\"\n\n----\n\n🖼 An image viewer for jetpack compose multiplatform.\n\n一款基于`Jetpack Compose Multiplatform`开发的图片浏览库，支持过渡变换和超大图片的显示\n\nThe latest version: \n\"version\n\n### 🥳 1.1.1 全新版本～`Scale`支持`Multiplatform`啦！\n\n#### 📓 开发文档 👉 [DOCS](https://jvziyaoyao.github.io/scale)\n\n#### 📝 更新日志 👉 [CHANGELOG](/CHANGELOG.md)\n\n#### 📑 产品与应用 👉 [小小检查单](https://www.origeek.com)\n\n#### 👨‍💻 产品与开源 👉 [JVZIYAOYAO](https://www.jvziyaoyao.com)\n\n\n
\n\n🌟 案例\n--------\n#### 📷 RawCamera 👉 [GITHUB](https://github.com/jvziyaoyao/raw-camera)\n\n#### 🌆 ImagePicker 👉 [GITHUB](https://github.com/jvziyaoyao/ImagePicker)\n\n👌 特性\n--------\n- 基于Jetpack Compose Multiplatform开发；\n- 符合直觉的手势动效；\n- 支持超大图片显示；\n- 提供图片列表浏览组件；\n- 支持图片弹出预览组件；\n- 支持图片弹出预览的过渡动画；\n- 支持定制化可扩展性高；\n- 不依赖第三方图片库；\n\n🖇️ 跨平台\n--------\n| 兼容性 | Android | IOS | Desktop | JS/WasmJS |\n|----------------------------|:--------:|:--------:|:-------:|:---------:|\n| scale-zoomable-view | ✅ | ✅ | ✅ | ⛔️ |\n| scale-image-viewer | ✅ | ✅ | ✅ | ⛔️ |\n| scale-sampling-decoder | ✅ | ✅ | ✅ | ⛔️ |\n| scale-image-viewer-classic | ⚠️废弃 | ⚠️废弃 | ⚠️废弃 | ⛔️ |\n\n🧐 预览\n--------\n\n\n\n📓 API\n--------\n 💽 接口文档 👉 [API REFERENCE](https://jvziyaoyao.github.io/scale/reference)\n\n👓 示例\n--------\n👋 示例代码请参考:\n\nAndroid 👉 [SAMPLE-ANDROID](https://github.com/jvziyaoyao/scale/tree/dev/sample/src/main/java/com/jvziyaoyao/scale/sample-android)\n\nIOS 👉 [SAMPLE-IOS](https://github.com/jvziyaoyao/scale/tree/dev/sample/src/main/java/com/jvziyaoyao/scale/sample-ios)\n\n🛒 引入\n--------\nScale is available on `mavenCentral()`\n```kotlin\n// 使用MavenCentral仓库\nrepositories {\n mavenCentral()\n}\n\nval version = \"1.1.1-beta.3\"\n// 图片浏览库\nimplementation(\"com.jvziyaoyao.scale:image-viewer:$version\")\n// 大型图片支持（可选）\nimplementation(\"com.jvziyaoyao.scale:sampling-decoder:$version\")\n```\n\n🛵 使用方式\n--------\n\n### 1️⃣ 缩放组件\n```kotlin\nval painter = painterResource(id = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nZoomableView(state = state) {\n Image(\n modifier = Modifier.fillMaxSize(), // 这里请务必要充满整个图层\n painter = painter,\n contentDescription = null,\n )\n}\n```\n\n### 2️⃣ 查看图片\n\n```kotlin\nval scope = rememberCoroutineScope()\nval state = rememberZoomableState()\nImageViewer(\n state = state,\n model = painterResource(id = R.drawable.light_02),\n modifier = Modifier.fillMaxSize(),\n detectGesture = ZoomableGestureScope(onDoubleTap = {\n // 双击放大缩小\n scope.launch {\n state.toggleScale(it)\n }\n })\n)\n```\n\n### 3️⃣ 加载超大图\n\n\n添加`SamplingDecoder`依赖支持：\n```kotlin\nimplementation(\"com.jvziyaoyao.scale:sampling-decoder:$version\")\n```\n\n‼ 仅在`model`类型为`SamplingDecoder`才会被当做大图进行加载\n```kotlin\nval bytes = remember { mutableStateOf(null) }\nLaunchedEffect(Unit) { bytes.value = Res.readBytes(\"files/a350.jpg\") }\nval (samplingDecoder) = rememberSamplingDecoder(bytes.value)\nif (samplingDecoder != null) {\n val state = rememberZoomableState(\n contentSize = samplingDecoder.intrinsicSize\n )\n ImageViewer(\n model = samplingDecoder,\n state = state,\n processor = ModelProcessor(samplingProcessorPair),\n )\n}\n```\n### 4️⃣ 图片列表浏览\n\n```kotlin\nval images = remember {\n mutableStateListOf(\n R.drawable.light_01,\n R.drawable.light_02,\n )\n}\nImagePager(\n modifier = Modifier.fillMaxSize(),\n pagerState = rememberZoomablePagerState { images.size },\n imageLoader = { index ->\n val painter = painterResource(images[index])\n return@ImagePager Pair(painter, painter.intrinsicSize)\n },\n)\n```\n### 5️⃣ 图片弹出预览\n\n```kotlin\nval images = remember {\n listOf(\n R.drawable.img_01,\n R.drawable.img_02,\n )\n}\nval previewerState = rememberPreviewerState(pageCount = { images.size })\nval scope = rememberCoroutineScope()\nImagePreviewer(\n state = previewerState,\n detectGesture = PagerGestureScope(onTap = {\n scope.launch {\n // 关闭预览组件\n previewerState.close()\n }\n }),\n imageLoader = { index ->\n val painter = painterResource(id = images[index])\n Pair(painter, painter.intrinsicSize)\n }\n)\n\n// 显示预览组件\npreviewerState.open()\n```\n\n### 6️⃣ 图片弹出预览（带转换效果）\n\n```kotlin\nval images = remember {\n listOf(\n // 依次声明图片的key、缩略图、原图（实际情况按实际情况来，这里只是示例）\n Triple(\"001\", R.drawable.thumb_01, R.drawable.img_01),\n Triple(\"002\", R.drawable.thumb_02, R.drawable.img_02),\n )\n}\n// 为组件提供获取数据长度和获取key的方法\nval previewerState = rememberPreviewerState(\n pageCount = { images.size },\n getKey = { images[it].first }\n)\n// 显示缩略图小图的示例代码\nval index = 1\nval scope = rememberCoroutineScope()\nTransformImageView(\n modifier = Modifier\n .size(120.dp)\n .clickable {\n scope.launch {\n // 点击事件触发动效\n previewerState.enterTransform(index)\n }\n },\n imageLoader = {\n val key = images[index].first\n val imageDrawableId = images[index].second\n val painter = painterResource(id = imageDrawableId) // 这里使用的是缩略图\n // 必须依次返回key、图片数据、图片的尺寸\n Triple(key, painter, painter.intrinsicSize)\n },\n transformState = previewerState,\n)\n// 这里声明图片预览组件\nImagePreviewer(\n state = previewerState,\n detectGesture = PagerGestureScope(onTap = {\n scope.launch {\n // 点击界面后关闭组件\n previewerState.exitTransform()\n }\n }),\n imageLoader = {\n val painter = painterResource(id = images[it].third) // 这里使用的是原图\n // 这里必须依次返回图片数据、图片的尺寸\n return@ImagePreviewer Pair(painter, painter.intrinsicSize)\n }\n)\n```\n\n🕵️‍♀️ 开源许可\n--------\nCopyright 2022 jvziyaoyao\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n" }, { "path": "build.gradle.kts", "content": "import scale.versionName\n\nplugins {\n id(\"org.jetbrains.dokka\")\n}\n\ntasks.dokkaHtmlMultiModule {\n moduleName.set(\"Scale\")\n moduleVersion.set(project.versionName)\n outputDirectory.set(file(\"$rootDir/doc/docs/reference\"))\n}" }, { "path": "buildSrc/.gitignore", "content": "/build" }, { "path": "buildSrc/build.gradle.kts", "content": "plugins {\n `kotlin-dsl-base`\n}\n\nrepositories {\n google()\n mavenCentral()\n}\n\ndependencies {\n implementation(libs.gradle.plugin.android)\n implementation(libs.gradle.plugin.jetbrains.compose)\n implementation(libs.gradle.plugin.compose.compiler)\n implementation(libs.gradle.plugin.kotlin)\n implementation(libs.gradle.plugin.maven.publish)\n implementation(libs.gradle.plugin.dokka)\n}" }, { "path": "buildSrc/settings.gradle.kts", "content": "rootProject.name = \"scale\"\n\ndependencyResolutionManagement {\n versionCatalogs {\n create(\"libs\") {\n from(files(\"../gradle/libs.versions.toml\"))\n }\n }\n}\n\npluginManagement {\n plugins {\n id(\"org.jetbrains.kotlin.android\") version \"2.1.0\"\n id(\"com.android.library\") version \"8.4.0\"\n }\n\n repositories {\n google()\n gradlePluginPortal()\n mavenCentral()\n }\n}" }, { "path": "buildSrc/src/main/kotlin/scale/hierarchyTemplate.kt", "content": "@file:OptIn(ExperimentalKotlinGradlePluginApi::class)\n\npackage scale\n\nimport org.jetbrains.kotlin.gradle.ExperimentalKotlinGradlePluginApi\nimport org.jetbrains.kotlin.gradle.dsl.KotlinMultiplatformExtension\nimport org.jetbrains.kotlin.gradle.plugin.KotlinHierarchyBuilder\nimport org.jetbrains.kotlin.gradle.plugin.KotlinHierarchyTemplate\nimport org.jetbrains.kotlin.gradle.plugin.KotlinSourceSetTree\n\nprivate val hierarchyTemplate = KotlinHierarchyTemplate {\n withSourceSetTree(\n KotlinSourceSetTree.main,\n KotlinSourceSetTree.test,\n )\n\n common {\n withCompilations { true }\n\n groupNonAndroid()\n groupJsCommon()\n groupNonJsCommon()\n groupJvmCommon()\n groupNonJvmCommon()\n groupNative()\n groupNonNative()\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupNonAndroid() {\n group(\"nonAndroid\") {\n withJvm()\n groupJsCommon()\n groupNative()\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupJsCommon() {\n group(\"jsCommon\") {\n withJs()\n withWasmJs()\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupNonJsCommon() {\n group(\"nonJsCommon\") {\n groupJvmCommon()\n groupNative()\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupJvmCommon() {\n group(\"jvmCommon\") {\n withAndroidTarget()\n withJvm()\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupNonJvmCommon() {\n group(\"nonJvmCommon\") {\n groupJsCommon()\n groupNative()\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupNative() {\n group(\"native\") {\n withNative()\n\n group(\"apple\") {\n withApple()\n\n group(\"ios\") {\n withIos()\n }\n\n group(\"macos\") {\n withMacos()\n }\n }\n }\n}\n\nprivate fun KotlinHierarchyBuilder.groupNonNative() {\n group(\"nonNative\") {\n groupJsCommon()\n groupJvmCommon()\n }\n}\n\nfun KotlinMultiplatformExtension.applyScaleHierarchyTemplate() {\n applyHierarchyTemplate(hierarchyTemplate)\n}" }, { "path": "buildSrc/src/main/kotlin/scale/util.kt", "content": "package scale\n\nimport org.gradle.api.Project\n\nval Project.minSdk: Int\n get() = project.properties[\"minSdk\"].toString().toInt()\n\nval Project.targetSdk: Int\n get() = project.properties[\"targetSdk\"].toString().toInt()\n\nval Project.compileSdk: Int\n get() = project.properties[\"compileSdk\"].toString().toInt()\n\nval Project.versionName: String\n get() = project.properties[\"VERSION_NAME\"].toString()" }, { "path": "doc/assemble_dokka.sh", "content": "set -e\nrm -rf docs/reference\n../gradlew -p ../ clean dokkaHtmlMultiModule" }, { "path": "doc/change_index_path.py", "content": "import os\n\ntarget_file = 'docs/index.md'\n\nwith open(target_file, 'r') as src:\n content = src.read()\n\ncontent = content.replace('doc/docs/image/', 'image/')\ncontent = content.replace('/CHANGELOG.md', 'change_log.md/')\n\nwith open(target_file, 'w') as tgt:\n tgt.write(content)" }, { "path": "doc/copy_root_doc.sh", "content": "rm -rf docs/index.md\nrm -rf docs/change_log.md\ncp ../README.md docs/index.md\ncp ../CHANGELOG.md docs/change_log.md\n\npython3 change_index_path.py" }, { "path": "doc/deploy_docs.sh", "content": "# 刷新dokka文档\n./assemble_dokka.sh\n\n# 复制首页的文档\n./copy_root_doc.sh\n\n# 发布到分支\npython3 -m mkdocs gh-deploy --force" }, { "path": "doc/docs/getting_started.md", "content": "# Getting Started\n\n## 📦 Artifacts\n`Scale`使用`mavenCentral()`进行分发，包含以下四个模块：\n\n* `com.jvziyaoyao.scale:image-viewer` 提供了图片放大缩小、列表浏览、弹出预览组件和动效的图片浏览库，开箱即用\n* `com.jvziyaoyao.scale:zoomable-view` `ImageViewer`的基础库，包含`ZoomableView`、`ZoomablePager`、`Previewer`，具有较高的扩展性\n* `com.jvziyaoyao.scale:sampling-decoder` 提供了对大型图片进行二次采样显示的支持\n* `com.jvziyaoyao.scale:image-viewer-classic` 老版本`ImageViewer`\n\n## 🖼️ ImageViewer\n\n对一张图片进行放大缩小：\n\n```kotlin\nval painter = painterResource(id = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nImageViewer(model = painter, state = state)\n```\n\n## 🔎 ZoomableView\n\n对任意一个Composable进行放大缩小：\n\n```kotlin\nval painter = painterResource(id = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nZoomableView(state = state) {\n Image(\n modifier = Modifier.fillMaxSize(), // 这里请务必要充满整个图层\n painter = painter,\n contentDescription = null,\n )\n}\n```\n\n## 💽 SamplingDecoder\n\n对大型图片进行二次采样：\n\n```kotlin\nval context = LocalContext.current\nval inputStream = remember { context.assets.open(\"a350.jpg\") }\nval (samplingDecoder) = rememberSamplingDecoder(inputStream = inputStream)\nif (samplingDecoder != null) {\n val state = rememberZoomableState(\n contentSize = samplingDecoder.intrinsicSize\n )\n ImageViewer(\n model = samplingDecoder,\n state = state,\n processor = ModelProcessor(samplingProcessorPair)\n )\n}\n```\n\n## 🎞️ ImagePager\n\n展示图片列表：\n\n```kotlin\nval images = remember {\n mutableStateListOf(R.drawable.light_01, R.drawable.light_02)\n}\nval pagerState = rememberZoomablePagerState { images.size }\nImagePager(\n pagerState = pagerState,\n imageLoader = { page ->\n val painter = painterResource(id = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n)\n```\n\n## 📖 ImagePreviewer\n\n图片弹出预览：\n\n```kotlin\nval images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n}\nval state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\nImagePreviewer(\n state = state,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n)\n\n// 展开\nstate.open()\n// 关闭\nstate.close()\n```\n\n支持过渡动画：\n\n```kotlin\nRow {\n images.forEachIndexed { index, url ->\n TransformImageView(\n modifier = Modifier\n .size(120.dp)\n .clickable {\n scope.launch {\n state.enterTransform(index)\n }\n },\n imageLoader = {\n val painter = rememberAsyncImagePainter(model = url)\n Triple(url, painter, painter.intrinsicSize)\n },\n transformState = state,\n )\n }\n}\n```" }, { "path": "doc/docs/image_pager.md", "content": "# ImagePager\n\n`ImagePager`是一个展示图片列表的组件\n\n## 🥃 简单使用\n```kotlin\nval images = remember {\n mutableStateListOf(R.drawable.light_01, R.drawable.light_02)\n}\nval pagerState = rememberZoomablePagerState { images.size }\nImagePager(\n pagerState = pagerState,\n imageLoader = { page ->\n val painter = painterResource(id = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n)\n```\n\n## 🍷 结合Coil使用\n```kotlin\nval images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n}\nval pagerState = rememberZoomablePagerState { images.size }\nImagePager(\n pagerState = pagerState,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n)\n```\n\n\n## 🥂 ProceedPresentation\n\n在`imageLoader`中，要求返回一个`Pair`类型的数据，第一个是图片数据，第二个为图片的固有大小，组件会根据两个数据的状态来判断是显示图片还是`loading`，这个逻辑可以通过复写`proceedPresentation`来修改\n\n```kotlin\n// 声明一个ProceedPresentation\nval myProceedPresentation: ProceedPresentation =\n { model, size, processor, imageLoading ->\n if (model != null && model is AnyComposable && size == null) {\n model.composable.invoke()\n true\n } else if (model != null && size != null) {\n ZoomablePolicy(intrinsicSize = size) {\n processor.Deploy(model = model, state = it)\n }\n size.isSpecified\n } else {\n imageLoading?.invoke()\n false\n }\n }\n\n// 设置参数proceedPresentation\nImagePager(\n proceedPresentation = myProceedPresentation\n)\n```\n\n## 🍸 自定义loading\n\n```kotlin\nImagePager(\n imageLoading = {\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(\n modifier = Modifier.align(Alignment.Center),\n color = Color.Blue,\n )\n }\n }\n)\n```\n\n## 🍹 页面自定义\n\n```kotlin\nImagePager(\n pageDecoration = { page, innerPage ->\n Box(modifier = Modifier.background(Color.LightGray)) {\n innerPage.invoke()\n\n // 设置每一页的前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 20.dp)\n .clip(RoundedCornerShape(8.dp))\n .background(Color.White)\n .padding(8.dp)\n .align(Alignment.BottomCenter),\n ) {\n Text(text = \"${page + 1}/${images.size}\")\n }\n }\n }\n)\n```\n\n## 🍶 类型拓展\n\n`ImagePager`可以通过`ModelProcessor`增加`model`支持的类型，参考文档：[`ImageViewer 类型拓展`](image_viewer.md#imageviewermodelprocessor)\n\n## 🧉 手势回调\n\nImagePager手势监听与ZoomablePager一样，使用PagerGestureScope，参考文档：[`ZoomablePager PagerGestureScope`](zoomable_pager.md#pagergesturescope)\n\n## 🥛 状态控制\n\nImagePager通过ZoomablePagerState进行状态控制，请参考文档：[`ZoomablePager ZoomablePagerState`](zoomable_pager.md#zoomablepagerstate)\n" }, { "path": "doc/docs/image_previewer.md", "content": "# ImagePreviewer\n\n通过`ImagePreviewer`可以很方便地实现一个类似微信朋友圈放大查看图片的组件\n\n## 🌭 基本用法\n```kotlin\n// 准备一个图片列表\nval images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n}\n// 声明一个PreviewerState\nval state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n// 创建一个ImagePreviewer\nImagePreviewer(\n state = state,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n)\n\n// 展开\nstate.open()\n// 关闭\nstate.close()\n```\n\n## 🍔 过渡动效\n\n使用`TransformImageView`替代`Image`，点击图片，图片放大并进入到预览列表\n\n```kotlin\nBox(modifier = Modifier.fillMaxSize()) {\n Row(\n modifier = Modifier.align(Alignment.Center),\n horizontalArrangement = Arrangement.spacedBy(8.dp)\n ) {\n images.forEachIndexed { index, url ->\n TransformImageView(\n modifier = Modifier\n .size(120.dp)\n .clickable {\n scope.launch {\n state.enterTransform(index)\n }\n },\n imageLoader = {\n val painter = rememberAsyncImagePainter(model = url)\n Triple(url, painter, painter.intrinsicSize)\n },\n transformState = state,\n )\n }\n }\n}\n```\n\n如上述代码所示，`TransformImageView`的`imageLoader`需要返回一个`Triple`类型的数据，\n其中第一个参数为`key`，第二个为显示的图片数据，第三个为图片的固有大小\n\n⚠️‼️ 注意`Key`与`Index`的一致性\n```kotlin\nval images = remember {\n mutableStateListOf(\n // key to image\n \"001\" to R.drawable.img_01,\n \"002\" to R.drawable.img_02,\n )\n}\n\nval state = rememberPreviewerState(\n pageCount = { images.size },\n getKey = { index -> images[index].first } // 获取key\n)\n\nimages.forEachIndexed { index, image ->\n TransformImageView(\n imageLoader = {\n val painter = painterResource(id = image.second)\n // key model size\n Triple(image.first, painter, painter.intrinsicSize)\n }\n )\n}\n\n// index要与key的position一致\nstate.enterTransform(index)\n```\n\n在同一个界面中，如果存在同一个`key`同时出现在不同的部位时，此时使用弹出动画会导致动画位置不符合预期的情况，可以通过指定`ItemStateMap`的方式来解决\n```kotlin\nval imageIds = remember { listOf(R.drawable.img_03, R.drawable.img_06) }\n\nval itemStateMap01 = remember { mutableStateMapOf() }\nval previewerState01 = rememberPreviewerState(\n transformItemStateMap = itemStateMap01,\n pageCount = { imageIds.size },\n getKey = { imageIds[it] },\n)\n\nval itemStateMap02 = remember { mutableStateMapOf() }\nval previewerState02 = rememberPreviewerState(\n transformItemStateMap = itemStateMap02,\n pageCount = { imageIds.size },\n getKey = { imageIds[it] },\n)\n\nCompositionLocalProvider(LocalTransformItemStateMap provides itemStateMap01) {\n imageIds.forEach {\n ImagePreviewer(\n state = previewerState01,\n imageLoader = { }\n )\n }\n}\n\nCompositionLocalProvider(LocalTransformItemStateMap provides itemStateMap02) {\n imageIds.forEach {\n ImagePreviewer(\n state = previewerState02,\n imageLoader = { }\n )\n }\n}\n```\n\n如果`TransformImageView`无法满足功能需求时，可以考虑使用`TransformItemView`，使用方式见文档：[`Previewer 过渡动效`](previewer.md#transformitemview)\n\n## 🥪 编辑图层\n\n在`ImagePreviewer`中，设置`previewerLayer`来编辑`Previewer`的图层，通过`pageDecoration`来控制每一页的显示，\n这里需要注意的是，`pageDecoration`要求返回一个`Boolean`类型的值，这个值可以通过调用`pageDecoration`传入的参数`innerPage`来获得\n\n```kotlin\nImagePreviewer(\n state = state,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n },\n pageDecoration = { _, innerPage ->\n var mounted = false\n // 单独设置每一页的背景颜色\n Box(modifier = Modifier.background(Color.Cyan.copy(0.2F))) {\n // 通过调用页面获取imageLoader的状态\n mounted = innerPage()\n // 设置前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 48.dp)\n .size(56.dp)\n .shadow(4.dp, CircleShape)\n .background(Color.White)\n .align(Alignment.BottomCenter),\n ) {\n Text(\n modifier = Modifier.align(Alignment.Center),\n fontSize = 36.sp,\n text = \"❤️\",\n )\n }\n }\n // 这里需要返回页面的挂载情况\n mounted\n },\n previewerLayer = TransformLayerScope(\n previewerDecoration = { innerPreviewer ->\n // 设置ImagePreviewer的背景颜色\n Box(\n modifier = Modifier\n .background(Color.Black)\n ) {\n innerPreviewer.invoke()\n }\n }\n ),\n)\n```\n\n## 🌮 类型拓展\n\n`ImagePreviewer`可以通过`ModelProcessor`增加`model`支持的类型，参考文档：[`ImageViewer 类型拓展`](image_viewer.md#imageviewermodelprocessor)\n\n## 🌯 Previewer\n\n`ImagePreviewer`是基于`Previewer`封装而来的，其参数设置、状态控制、手势回调等用法一致，详情可参考文档：[`Previewer 基本配置`](previewer.md#previewersetting)\n" }, { "path": "doc/docs/image_viewer.md", "content": "# ImageViewer\n\n`ImageViewer`是一个图片放大缩小查看的组件，提供了默认配置，简化组件的使用流程\n\n## 🍭 基本使用\n```kotlin\nval painter = painterResource(id = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nImageViewer(model = painter, state = state)\n```\n\n⚠️ ‼️ 这里需要注意的是，提供图片的固有尺寸是必须的，没有的话`ImageViewer`不会正常显示\n\n## 🍰 结合Coil使用\n```kotlin\nval painter = rememberAsyncImagePainter(model = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nImageViewer(model = painter, state = state)\n```\n\n## 🍨 自定义内容\n\n`ImageViewer`通过传人的`model`类型来自动选择使用何种方式进行图片显示，与`Image`类似，默认支持`Painter`、`ImageBitmap`、`ImageVector`，也支持通过`AnyComposable`传入一个`Composable`\n\n```kotlin\n// 设定显示内容的固有大小\nval rectSize = 100.dp\nval density = LocalDensity.current\nval rectSizePx = density.run { rectSize.toPx() }\nval size = Size(rectSizePx, rectSizePx)\nval state = rememberZoomableState(contentSize = size)\nImageViewer(\n state = state,\n model = AnyComposable {\n // 自定义内容\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Cyan)\n ) {\n Box(\n modifier = Modifier\n .fillMaxSize(0.6F)\n .clip(CircleShape)\n .background(Color.White)\n .align(Alignment.BottomEnd)\n )\n Text(\n modifier = Modifier.align(Alignment.Center), \n text = \"Hello Compose\"\n )\n }\n }\n)\n```\n\n但是，事实上这里并不推荐使用`AnyComposable`，`ImageViewer`是对`ZoomableView`进行封装而来，有较高的定制化需求可以考虑直接使用 [`ZoomableView`](zoomable_view.md)\n\n\n## 🧁 类型拓展\n\n`ImageViewer`可以通过`ModelProcessor`增加`model`支持的类型\n\n```kotlin\nval stringProcessorPair: ModelProcessorPair = String::class to { model, _ ->\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.LightGray)\n ) {\n Text(\n modifier = Modifier.align(Alignment.Center), \n text = model as String\n )\n }\n}\n```\n\n如上述代码所示，声明一个`ModelProcessorPair`，类型为`Pair Unit>`,\n即传入`String`类型的`model`时，将按此方式进行显示\n\n```kotlin\nval message = \"好家伙\"\nval state = rememberZoomableState(contentSize = Size(100F, 100F))\nImageViewer(\n model = message,\n state = state,\n processor = ModelProcessor(stringProcessorPair)\n)\n```\n\n`Scale`提供了对大型图片二次采样的支持，详情见文档：[`SamplingDecoder`](sampling_decoder.md)\n\n```kotlin\nImageViewer(\n processor = ModelProcessor(samplingProcessorPair)\n)\n```\n\n## 🍦 手势与状态\n\n`ImageViewer`手势事件回调为`ZoomableGestureScope`，状态与控制使用`ZoomableViewState`，见文档 [`ZoomableView ZoomableGestureScope ZoomableViewState`](zoomable_view.md#zoomablegesturescope)" }, { "path": "doc/docs/previewer.md", "content": "# Previewer\n\n`Scale`提供了一个`Previewer`组件，用以帮助开发者实现图片弹出预览的功能，\n同时提供了类似微信朋友圈图片放大查看的过渡动画效果\n\n## 🧀 简单使用\n```kotlin\n// 准备一个图片列表\nval images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n}\n// 声明一个PreviewerState\nval state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n// 创建一个Previewer\nPreviewer(\n state = state,\n) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n painter.intrinsicSize.isSpecified\n}\n\n// 展开\nstate.open()\n// 关闭\nstate.close()\n```\n\n\n## 🍞 过渡动效\n\n过渡动效依赖`TransformItemView`，预览组件展开时，会按照 `TransformItemView -> Previewer` \n的顺序进行`UI`变换，请确保`PreviewerState`中提供的`Key`与`TransformItemView`设置的`Key`一致，\n通过调用`PreviewerState.enterTransform`展开，`PreviewerState.exitTransform`关闭\n\n```kotlin\nval scope = rememberCoroutineScope()\nBox(modifier = Modifier.fillMaxSize()) {\n Row(\n modifier = Modifier.align(Alignment.Center),\n horizontalArrangement = Arrangement.spacedBy(8.dp)\n ) {\n images.forEachIndexed { index, url ->\n val painter = rememberAsyncImagePainter(model = url)\n val itemState = rememberTransformItemState(\n intrinsicSize = painter.intrinsicSize\n )\n TransformItemView(\n modifier = Modifier\n .size(120.dp)\n .clickable {\n scope.launch {\n state.enterTransform(index)\n }\n },\n key = url,\n transformState = state,\n itemState = itemState,\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n contentScale = ContentScale.Crop\n )\n }\n }\n }\n}\n```\n\n⚠️‼️ 注意`Key`与`Index`的一致性\n```kotlin\nval images = remember {\n mutableStateListOf(\n // key to image\n \"001\" to R.drawable.img_01,\n \"002\" to R.drawable.img_02,\n )\n}\n\nval state = rememberPreviewerState(\n pageCount = { images.size },\n getKey = { index -> images[index].first } // 获取key\n)\n\nimages.forEachIndexed { index, image ->\n TransformItemView(\n key = image.first, // 设置key\n )\n}\n\n// index要与key的position一致\nstate.enterTransform(index)\n```\n\n在同一个界面中，如果存在同一个`key`同时出现在不同的部位时，此时使用弹出动画会导致动画位置不符合预期的情况，可以通过指定`ItemStateMap`的方式来解决\n```kotlin\nval imageIds = remember { listOf(R.drawable.img_03, R.drawable.img_06) }\n\nval itemStateMap01 = remember { mutableStateMapOf() }\nval previewerState01 = rememberPreviewerState(\n transformItemStateMap = itemStateMap01,\n pageCount = { imageIds.size },\n getKey = { imageIds[it] },\n)\n\nval itemStateMap02 = remember { mutableStateMapOf() }\nval previewerState02 = rememberPreviewerState(\n transformItemStateMap = itemStateMap02,\n pageCount = { imageIds.size },\n getKey = { imageIds[it] },\n)\n\nCompositionLocalProvider(LocalTransformItemStateMap provides itemStateMap01) {\n imageIds.forEach {\n TransformItemView(key = it) { }\n }\n}\n\nCompositionLocalProvider(LocalTransformItemStateMap provides itemStateMap02) {\n imageIds.forEach {\n TransformItemView(key = it) { }\n }\n}\n```\n\n## 🥯 编辑图层\n\n在`Previewer`中，设置`previewerLayer`来编辑`Previewer`的图层，通过`zoomablePolicy`来控制每一页的显示\n\n```kotlin\nPreviewer(\n state = state,\n previewerLayer = TransformLayerScope(\n previewerDecoration = {\n // 设置组件的背景图层\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Black.copy(0.2F))\n ) {\n // 组件内容本身\n it.invoke()\n // 设置前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 48.dp)\n .size(56.dp)\n .shadow(4.dp, CircleShape)\n .background(Color.White)\n .align(Alignment.BottomCenter),\n ) {\n Text(\n modifier = Modifier.align(Alignment.Center),\n fontSize = 36.sp,\n text = \"❤️\",\n )\n }\n }\n },\n ),\n) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n if (!painter.intrinsicSize.isSpecified) {\n // 加载中\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(\n modifier = Modifier.align(Alignment.Center)\n )\n }\n }\n painter.intrinsicSize.isSpecified\n}\n```\n\n\n## 🥐 基本配置\n\n可以通过`itemSpacing`设置每一页的间隙，`beyondViewportPageCount`设置预加载的页数，展开时，\n如果不使用转换动效，可以设置展开和关闭动画，与`AnimatedVisibility`的使用方式一样\n\n```kotlin\nPreviewer(\n itemSpacing = 20.dp, // 设置页面的间隙\n beyondViewportPageCount = 2, // 除当前页面外，预先加载其他页面的数量\n\n enter = fadeIn(), // 展开动画\n exit = fadeOut(), // 关闭动画\n)\n```\n\n展开预览后，在缩放率为`1`的情况下，支持垂直方向上的手势操作，例如上下拖拽关闭预览\n```kotlin\nval previewerState = rememberPreviewerState(\n verticalDragType = VerticalDragType.Down, // 设置垂直手势类型\n pageCount = { images.size },\n getKey = { images[it] }\n)\n```\n\n## 🥞 手势回调\n\nPreviewer手势监听与ZoomablePager一样，使用PagerGestureScope，参考文档：[`ZoomablePager PagerGestureScope`](zoomable_pager.md#pagergesturescope)\n\n## 🍕 状态控制\n\n`PreviewerState`可以获取`Previewer`的各种状态参数，也可以通过代码来控制展开和关闭\n```kotlin\npreviewerState.open() // 展开\npreviewerState.close() // 关闭\npreviewerState.enterTransform(0) // 带转换动画展开\npreviewerState.exitTransform() // 带转换动画关闭\n\npreviewerState.visible // 当前组件是否可见\npreviewerState.visibleTarget // 当前组件可见状态的目标值\npreviewerState.animating // 是否正在进行动画\npreviewerState.canOpen // 是否允许展开\npreviewerState.canClose // 是否允许关闭\n```" }, { "path": "doc/docs/sampling_decoder.md", "content": "# SamplingDecoder\n\n`Scale`提供了`SamplingDecoder`、`SamplingCanvas`用于实现超级大图的预览，`SamplingDecoder`对`BitmapRegionDecoder`进行了封装，有助于开发者通过简单的`API`调用实现大型图片的加载显示，避免`OOM`\n\n添加`SamplingDecoder`依赖支持：\n\n```kotlin\nimplementation(\"com.jvziyaoyao.scale:sampling-decoder:$version\")\n```\n\n## 🍋 简单使用\n```kotlin\nval context = LocalContext.current\nval inputStream = remember { context.assets.open(\"a350.jpg\") }\nval (samplingDecoder) = rememberSamplingDecoder(inputStream = inputStream)\nif (samplingDecoder != null) {\n val state = rememberZoomableState(\n contentSize = samplingDecoder.intrinsicSize\n )\n ImageViewer(\n model = samplingDecoder,\n state = state,\n // 添加SamplingDecoder的支持\n processor = ModelProcessor(samplingProcessorPair)\n )\n}\n```\n\n`SamplingDecoder`支持常见位图，如：`JPEG`、`PNG`、`HEIF`等，`RAW`、`GIF`这些并不支持，在使用`rememberSamplingDecoder`方法时，格式无法解析时会返回异常\n\n```kotlin\n// exception为报错信息\nval (samplingDecoder,exception) = \n rememberSamplingDecoder(inputStream = inputStream)\n```\n\n也可以自行创建一个`SamplingDecoder`，不过在组件销毁的时候务必要把`SamplingDecoder`移除，否则将导致内存泄漏\n\n```kotlin\nval bitmapRegionDecoder = // 创建一个BitmapRegionDecoder\nval samplingDecoder = \n createSamplingDecoder(decoder, SamplingDecoder.Rotation.ROTATION_0)\n\n// 组件退出的时候release\nDisposableEffect(Unit) {\n onDispose {\n samplingDecoder.release()\n }\n}\n```\n\n`SamplingDecoder`支持对图片进行旋转操作，例如某些文件会将旋转信息写到`Exif`中，请参考以下代码：\n\n```kotlin\nval file = // 图片文件\nval inputStream = FileInputStream(file)\nval exifInterface = ExifInterface(file)\nval rotation = exifInterface.getDecoderRotation()\nval samplingDecoder = rememberSamplingDecoder(inputStream, rotation)\n```\n\n## 🍊 在ZoomableView中使用\n```kotlin\nval state = rememberZoomableState(contentSize = samplingDecoder.intrinsicSize)\nZoomableView(state = state) {\n SamplingCanvas(\n samplingDecoder = samplingDecoder,\n viewPort = state.getViewPort()\n )\n}\n```\n\n## 🍐 直接使用SamplingCanvas\n```kotlin\nval context = LocalContext.current\nval inputStream = remember { context.assets.open(\"a350.jpg\") }\nval (samplingDecoder) = rememberSamplingDecoder(inputStream = inputStream)\nif (samplingDecoder != null) {\n val offset = remember { mutableStateOf(Offset.Zero) }\n val scale = remember { mutableStateOf(1F) }\n Box(\n modifier = Modifier\n .fillMaxSize()\n .pointerInput(Unit) {\n detectTransformGestures { _, pan, zoom, _, _ ->\n offset.value += pan\n scale.value *= zoom\n true\n }\n }\n ) {\n val ratio = samplingDecoder.intrinsicSize.run {\n width.div(height)\n }\n Box(\n modifier = Modifier\n .graphicsLayer {\n translationX = offset.value.x\n translationY = offset.value.y\n scaleX = scale.value\n scaleY = scale.value\n }\n .fillMaxWidth()\n .aspectRatio(ratio)\n .align(Alignment.Center)\n ) {\n SamplingCanvas(\n samplingDecoder = samplingDecoder,\n viewPort = SamplingCanvasViewPort(\n scale = 8F,\n visualRect = Rect(0.4F, 0.4F, 0.6F, 0.8F)\n )\n )\n }\n }\n}\n```" }, { "path": "doc/docs/zoomable_pager.md", "content": "# ZoomablePager\n\n`ZoomablePager`基于`ZoomableView`和`Jetpack Compose Pager`实现，提供对横向列表类型界面的支持，简化了手势处理和`ZoomableView`状态的持有\n\n## 🍙 简单使用\n```kotlin\n// 准备一个图片列表\nval images = remember {\n mutableStateListOf(R.drawable.light_01, R.drawable.light_02)\n}\n// 创建一个PagerState\nval pagerState = rememberZoomablePagerState { images.size }\n// Pager组件\nZoomablePager(state = pagerState) { page ->\n val painter = painterResource(id = images[page])\n // 必须要调用的Composable函数\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n}\n```\n\n`ZoomablePolicy`方法对`ZoomableView`以及`ZoomableViewState`进行了一层封装，与`ZoomableView`的使用方式类似，必须要为`ZoomablePolicy`提供其中展示内容的固有大小，并且`ZoomablePolicy`的`content`中放置的`Composable`需要设置`Modifier.fillMaxSize()`\n\n## 🍥 通过Coil展示网络图片\n```kotlin\nval images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n}\nval pagerState = rememberZoomablePagerState { images.size }\nZoomablePager(state = pagerState) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n if (!painter.intrinsicSize.isSpecified) {\n // 未加载成功时可以先显示一个loading占位\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(\n modifier = Modifier.align(Alignment.Center)\n )\n }\n }\n}\n```\n\n在使用`Coil`的过程中，某些特殊的写法可能会导致组件不可用：\n\n```kotlin\n// ❌ 错误示范\nZoomablePager(state = pagerState) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n if (painter.intrinsicSize.isSpecified) {\n // 以下代码将永远不会被执行\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n }\n}\n\n// ⭕️ 正确写法\nZoomablePager(state = pagerState) { page ->\n val imageRequest = ImageRequest.Builder(LocalContext.current)\n .data(images[page])\n .size(coil.size.Size.ORIGINAL) // 指定获取图片的大小\n .build()\n val painter = rememberAsyncImagePainter(imageRequest)\n if (painter.intrinsicSize.isSpecified) {\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n }\n}\n```\n\n\n## 🍘 对页面自定义\n```kotlin\nZoomablePager(state = pagerState) { page ->\n val painter = painterResource(id = images[page])\n // 设置背景色奇偶页不同\n val backgroundColor = if (page % 2 == 0) Color.Cyan else Color.Gray\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(backgroundColor.copy(0.2F))\n ) {\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n // 设置每一页的前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 20.dp)\n .clip(RoundedCornerShape(8.dp))\n .background(Color.LightGray)\n .padding(8.dp)\n .align(Alignment.BottomCenter),\n ) {\n Text(text = \"${page + 1}/${images.size}\")\n }\n }\n}\n```\n\n与`Pager`一样，可以通过`itemSpacing`设置每一页的间隙，`beyondViewportPageCount`设置预加载的页数，`userScrollEnabled`设置是否允许用户滚动页面：\n\n```kotlin\nZoomablePager(\n itemSpacing = 20.dp, // 设置页面的间隙\n beyondViewportPageCount = 2, // 除当前页面外，预先加载其他页面的数量\n userScrollEnabled = true, // 允许用户滚动页面\n) { }\n```\n\n----\n\n`ZoomablePager`通过`PagerGestureScope`获取手势事件的回调，与`ZoomableView`类似，目前仅支持`onTap`、`onDoubleTap`、`onLongPress`\n\n\n## 🍣 PagerGestureScope\n```kotlin\nZoomablePager(\n state = pagerState,\n detectGesture = PagerGestureScope(\n onTap = {\n // 点击事件\n },\n onDoubleTap = {\n // 双击事件\n // 如果返回false，会执行默认操作，把当前页面放大到最大\n // 如果返回true，则不会有任何操作\n return@PagerGestureScope false\n },\n onLongPress = {\n // 长按事件\n }\n )\n) { }\n```\n\n\n## 🍤 ZoomablePagerState\n\n`ZoomablePagerState`可以获取`ZoomablePager`的各种状态参数，也可以通过代码来切换当前页面：\n\n```kotlin\nval pagerState = rememberZoomablePagerState { images.size }\n// 获取当前页面的页码\npagerState.currentPage \n// 动画滚动到下一个页面\npagerState.animateScrollToPage(1)\n// 滚动到下一个页面\npagerState.scrollToPage(1)\n```" }, { "path": "doc/docs/zoomable_view.md", "content": "# ZoomableView\n\n`ZoomableView`是这个库最基本的组件，通过`ZoomableView`可以对任意`Composable`进行放大、缩小等操作\n\n## 🥑 简单使用\n```kotlin\nval painter = painterResource(id = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nZoomableView(state = state) {\n Image(\n modifier = Modifier.fillMaxSize(), // 这里请务必要充满整个图层\n painter = painter,\n contentDescription = null,\n )\n}\n```\n\n在使用`ZoomableView`时，必须为组件提供一个`ZoomableViewState`，并且告知组件需要显示的内容的固有大小，否则组件不会正常显示\n\n## 🍑 结合Coil使用\n```kotlin\nval painter = rememberAsyncImagePainter(model = R.drawable.light_02)\nval state = rememberZoomableState(contentSize = painter.intrinsicSize)\nZoomableView(state = state) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n}\n```\n\n`ZoomableView`会根据`ZoomableViewState`中获得的尺寸大小，将内容缩放到刚好能够完全显示，在`ZoomableView`的`content`中放置内容时需要为`Composable`设置`Modifier.fillMaxSize()`,否则会导致显示出问题\n\n## 🍉 展示一个Composable\n```kotlin\nval density = LocalDensity.current\nval rectSize = 100.dp\nval rectSizePx = density.run { rectSize.toPx() }\nval size = Size(rectSizePx, rectSizePx)\nval state = rememberZoomableState(contentSize = size)\nZoomableView(state = state) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Cyan)\n ) {\n Box(\n modifier = Modifier\n .fillMaxSize(0.6F)\n .clip(CircleShape)\n .background(Color.White)\n .align(Alignment.BottomEnd)\n )\n Text(\n modifier = Modifier.align(Alignment.Center), \n text = \"Hello Compose\"\n )\n }\n}\n```\n\n------\n\n需要从`ZoomableView`获取手势事件的回调，可以使用`ZoomableGestureScope`，目前仅支持`onTap`、`onDoubleTap`、`onLongPress`\n\n\n## 🥥 ZoomableGestureScope\n```kotlin\nZoomableView(\n state = rememberZoomableState(),\n detectGesture = ZoomableGestureScope(\n // 点击事件\n onTap = { offset ->\n\n },\n // 双击事件\n onDoubleTap = { offset ->\n\n },\n // 长按事件\n onLongPress = { offset ->\n\n }\n )\n) { }\n```\n\n\n## 🥭 ZoomableViewState\n\n在`ZoomableView`中展示的内容有一个最大缩放率，可以通过`maxScale`来设置，进行放大、缩小超过极值时会有一个恢复的过程动画，可以配置一个`animationSpec`来修改这个动画的规格\n\n```kotlin\n// 获取一张图片\nval painter = painterResource(id = R.drawable.light_02)\n// 创建一个ZoomableViewState\nval state = rememberZoomableState(\n contentSize = painter.intrinsicSize,\n // 设置组件最大缩放率\n maxScale = 4F,\n // 设置组件进行动画时的动画规格\n animationSpec = tween(1200)\n)\n```\n\n通过`ZoomableViewState`可以获取`ZoomableView`的各种状态参数：\n\n```kotlin\nstate.isRunning() // 获取组件是否在动画状态\nstate.displaySize // 获取组件1倍显示的大小\nstate.scale // 获取组件当前相对于1倍显示大小的缩放率\nstate.offsetX // 获取组件的X轴位移\nstate.offsetY // 获取组件的Y轴位移\nstate.rotation // 获取组件旋转角度\n```\n\n通过`ZoomableViewState`控制`ZoomableView`的缩放率在最大值、最小值间切换：\n\n```kotlin\nval scope = rememberCoroutineScope()\nZoomableView(\n state = state,\n detectGesture = ZoomableGestureScope(\n onDoubleTap = { offset ->\n scope.launch {\n // 在最大和最小显示倍率间切换，如果当前缩放率即不是最大值，\n // 也不是最小值，会恢复到默认显示大小\n state.toggleScale(offset)\n }\n },\n onLongPress = { _ ->\n // 恢复到默认显示大小\n scope.launch { state.reset() }\n }\n )\n) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n}\n```" }, { "path": "doc/mkdocs.yml", "content": "# Project information\nsite_name: Scale\nsite_description: An image viewer for jetpack compose\nsite_author: 2022 jvziyaoyao\nsite_url: https://jvziyaoyao.github.io/scale/\nremote_branch: gh-pages\n\n# Configuration\ntheme:\n name: material\n language: zh\n favicon: 'image/scale_icon.svg'\n logo: 'image/scale_icon.svg'\n palette:\n # Palette toggle for automatic mode\n - media: \"(prefers-color-scheme)\"\n toggle:\n icon: material/brightness-auto\n name: Switch to light mode\n\n # Palette toggle for light mode\n - media: \"(prefers-color-scheme: light)\"\n scheme: default\n primary: white\n accent: white\n toggle:\n icon: material/brightness-7\n name: Switch to dark mode\n\n # Palette toggle for dark mode\n - media: \"(prefers-color-scheme: dark)\"\n scheme: slate\n primary: black\n accent: black\n toggle:\n icon: material/brightness-4\n name: Switch to light mode\n font:\n text: 'Roboto'\n code: 'Roboto Mono'\n\n# Repository\nrepo_name: Scale\nrepo_url: https://github.com/jvziyaoyao/scale\n\n# Copyright\ncopyright: Copyright © 2022 jvziyaoyao\n\n# Customization\nextra:\n social:\n - icon: fontawesome/brands/github\n link: https://github.com/jvziyaoyao/scale\n - icon: fontawesome/solid/mug-hot\n link: https://www.jvziyaoyao.com\n\n\nnav:\n - Overview: index.md\n - Getting Started: getting_started.md\n - ImageViewer: image_viewer.md\n - ImagePager: image_pager.md\n - ImagePreviewer: image_previewer.md\n - SamplingDecoder: sampling_decoder.md\n - ZoomableView: zoomable_view.md\n - ZoomablePager: zoomable_pager.md\n - Previewer: previewer.md\n - Reference ⏏: reference/index.html\n - Change Log: change_log.md" }, { "path": "doc/run_doc_server.sh", "content": "# 启动文档服务\npython3 -m mkdocs serve" }, { "path": "gradle/libs.versions.toml", "content": "[versions]\nbignum = \"0.3.10\"\ncompose-compiler = \"1.5.0\"\ncompose = \"1.9.3\"\ncoil = \"3.0.0-rc01\"\naccompanist = \"0.34.0\"\nandroid-gradle-plugin = \"8.10.1\"\ncore-ktx = \"1.16.0\"\njunit = \"4.13.2\"\nandroidx-test-ext-junit = \"1.2.1\"\nespresso-core = \"3.6.1\"\nappcompat = \"1.7.0\"\nmaterial = \"1.12.0\"\nmaterial-icons = \"1.7.8\"\nkotlin = \"2.2.21\"\nkotlinStdlib = \"2.2.21\"\nkotlinTest = \"2.1.0\"\nrunner = \"1.5.2\"\ncore = \"1.7.0\"\ncompose-plugin = \"1.8.1\"\nkotlin-datetime = \"0.7.1\"\nktor = \"3.0.0\"\nmaven-publish = \"0.32.0\"\nskiko = \"0.9.4.2\"\ndokka = \"1.9.20\"\nkotlinx-coroutines = \"1.10.2\"\n\nscale = \"1.1.1-beta.3\"\n\n[libraries]\nandroidx-exif = \"androidx.exifinterface:exifinterface:1.4.0\"\n\nandroidx-lifecycle-runtime = \"androidx.lifecycle:lifecycle-runtime-ktx:2.8.7\"\nandroidx-activity-compose = \"androidx.activity:activity-compose:1.9.0\"\n\nandroidx-constraintlayout-compose = \"androidx.constraintlayout:constraintlayout-compose:1.1.1\"\nandroidx-navigation-compose = \"androidx.navigation:navigation-compose:2.8.9\"\n\nbignum = { module = \"com.ionspin.kotlin:bignum\", version.ref = \"bignum\" }\njvziyaoyao-origeek-ui = \"com.github.jvziyaoyao:OrigeekUI:1.0.1-alpha.7\"\n\nandroidx-compose-ui-util = { group = \"androidx.compose.ui\", name = \"ui-util\", version.ref = \"compose\" }\nandroidx-compose-ui = { group = \"androidx.compose.ui\", name = \"ui\", version.ref = \"compose\" }\nandroidx-compose-material = { group = \"androidx.compose.material\", name = \"material\", version.ref = \"compose\" }\nandroidx-compose-ui-tooling-preview = { group = \"androidx.compose.ui\", name = \"ui-tooling-preview\", version.ref = \"compose\" }\nandroidx-compose-ui-test = { group = \"androidx.compose.ui\", name = \"ui-test-junit4\", version.ref = \"compose\" }\nandroidx-compose-ui-tooling = { group = \"androidx.compose.ui\", name = \"ui-tooling\", version.ref = \"compose\" }\nandroidx-compose-material-icons-extended = { group = \"androidx.compose.material\", name = \"material-icons-extended\", version.ref = \"material-icons\" }\n\ncoil = { group = \"io.coil-kt\", name = \"coil\", version.ref = \"coil\" }\ncoil-gif = { group = \"io.coil-kt\", name = \"coil-gif\", version.ref = \"coil\" }\n#coil-compose = { group = \"io.coil-kt\", name = \"coil-compose\", version.ref = \"coil\" }\ncoil-compose = { module = \"io.coil-kt.coil3:coil-compose\", version.ref = \"coil\" }\ncoil-network-ktor3 = { module = \"io.coil-kt.coil3:coil-network-ktor3\", version.ref = \"coil\" }\ncoil-svg = { module = \"io.coil-kt.coil3:coil-svg\", version.ref = \"coil\" }\n\nktor-client-core = { module = \"io.ktor:ktor-client-core\", version.ref = \"ktor\" }\nktor-client-logging = { module = \"io.ktor:ktor-client-logging\", version.ref = \"ktor\" }\nktor-client-okhttp = { module = \"io.ktor:ktor-client-okhttp\", version.ref = \"ktor\" }\nktor-client-darwin = { module = \"io.ktor:ktor-client-darwin\", version.ref = \"ktor\" }\n\nkotlinx-coroutines-swing = { group = \"org.jetbrains.kotlinx\", name = \"kotlinx-coroutines-swing\", version.ref = \"kotlinx-coroutines\" }\n\ngoogle-accompanist-permissions = { group = \"com.google.accompanist\", name = \"accompanist-permissions\", version.ref = \"accompanist\" }\ngoogle-accompanist-systemuicontroller = { group = \"com.google.accompanist\", name = \"accompanist-systemuicontroller\", version.ref = \"accompanist\" }\ncore-ktx = { group = \"androidx.core\", name = \"core-ktx\", version.ref = \"core-ktx\" }\njunit-junit = { group = \"junit\", name = \"junit\", version.ref = \"junit\" }\nandroidx-test-ext-junit = { group = \"androidx.test.ext\", name = \"junit\", version.ref = \"androidx-test-ext-junit\" }\nespresso-core = { group = \"androidx.test.espresso\", name = \"espresso-core\", version.ref = \"espresso-core\" }\nappcompat = { group = \"androidx.appcompat\", name = \"appcompat\", version.ref = \"appcompat\" }\nmaterial = { group = \"com.google.android.material\", name = \"material\", version.ref = \"material\" }\nskiko = { module = \"org.jetbrains.skiko:skiko\", version.ref = \"skiko\" }\n\nscale-image-viewer = { group = \"com.jvziyaoyao.scale\", name = \"image-viewer\", version.ref = \"scale\" }\nscale-image-viewer-classic = { group = \"com.jvziyaoyao.scale\", name = \"image-viewer-classic\", version.ref = \"scale\" }\nscale-sampling-decoder = { group = \"com.jvziyaoyao.scale\", name = \"sampling-decoder\", version.ref = \"scale\" }\nkotlin-stdlib = { group = \"org.jetbrains.kotlin\", name = \"kotlin-stdlib\", version.ref = \"kotlinStdlib\" }\nkotlin-test = { group = \"org.jetbrains.kotlin\", name = \"kotlin-test\", version.ref = \"kotlinTest\" }\nandroidx-runner = { group = \"androidx.test\", name = \"runner\", version.ref = \"runner\" }\nandroidx-core = { group = \"androidx.test\", name = \"core\", version.ref = \"core\" }\n\norg-jetbrains-kotlinx-datetime = { group = \"org.jetbrains.kotlinx\", name = \"kotlinx-datetime\", version.ref = \"kotlin-datetime\" }\n\ngradle-plugin-android = { module = \"com.android.tools.build:gradle\", version.ref = \"android-gradle-plugin\" }\ngradle-plugin-jetbrains-compose = { module = \"org.jetbrains.compose:compose-gradle-plugin\", version.ref = \"compose\" }\ngradle-plugin-compose-compiler = { module = \"org.jetbrains.kotlin.plugin.compose:org.jetbrains.kotlin.plugin.compose.gradle.plugin\", version.ref = \"kotlin\" }\ngradle-plugin-kotlin = { module = \"org.jetbrains.kotlin:kotlin-gradle-plugin\", version.ref = \"kotlin\" }\ngradle-plugin-maven-publish = { module = \"com.vanniktech:gradle-maven-publish-plugin\", version.ref = \"maven-publish\" }\ngradle-plugin-dokka = { module = \"org.jetbrains.dokka:dokka-gradle-plugin\", version.ref = \"dokka\" }" }, { "path": "gradle/wrapper/gradle-wrapper.properties", "content": "#Mon Jun 20 14:14:51 CST 2022\ndistributionBase=GRADLE_USER_HOME\ndistributionUrl=https\\://services.gradle.org/distributions/gradle-8.11.1-bin.zip\ndistributionPath=wrapper/dists\nzipStorePath=wrapper/dists\nzipStoreBase=GRADLE_USER_HOME\n" }, { "path": "gradle.properties", "content": "# Project-wide Gradle settings.\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\norg.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n# AndroidX package structure to make it clearer which packages are bundled with the\n# Android operating system, and which are packaged with your app\"s APK\n# https://developer.android.com/topic/libraries/support-library/androidx-rn\nandroid.useAndroidX=true\n# Kotlin code style for this project: \"official\" or \"obsolete\":\nkotlin.code.style=official\n# Enables namespacing of each library's R class so that its R class includes only the\n# resources declared in the library itself and none from the library's dependencies,\n# thereby reducing the size of the R class for that library\nandroid.nonTransitiveRClass=true\n# run sdk with module or remote aar\nisApplyModule=true\n#android.defaults.buildfeatures.buildconfig=true\nandroid.nonFinalResIds=false\n\n# Config\nminSdk=24\ntargetSdk=35\ncompileSdk=35\n\n# Maven\n#\n#GROUP=com.jvziyaoyao.scaler\n#VERSION_NAME=1.1.1-alpha.10\nGROUP=com.jvziyaoyao.scale\nVERSION_NAME=1.1.1-beta.3\nRELEASE_SIGNING_ENABLED=true\nSONATYPE_HOST=CENTRAL_PORTAL\n#\nPOM_DESCRIPTION=An image viewer for jetpack compose.\nPOM_INCEPTION_YEAR=2022\nPOM_URL=https://github.com/jvziyaoyao/scale\n#\nPOM_SCM_URL=https://github.com/jvziyaoyao/scale\nPOM_SCM_CONNECTION=https://github.com/jvziyaoyao/scale.git\nPOM_SCM_DEV_CONNECTION=https://github.com/jvziyaoyao/scale.git\n#\nPOM_LICENCE_NAME=The Apache License, Version 2.0\nPOM_LICENCE_URL=https://www.apache.org/licenses/LICENSE-2.0.txt\nPOM_LICENCE_DIST=repo\n#\nPOM_DEVELOPER_ID=jvziyaoyao\nPOM_DEVELOPER_NAME=jvziyaoyao\nPOM_DEVELOPER_URL=https://github.com/jvziyaoyao" }, { "path": "gradlew", "content": "#!/usr/bin/env sh\n\n#\n# Copyright 2015 the original author or authors.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n# https://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n\n##############################################################################\n##\n## Gradle start up script for UN*X\n##\n##############################################################################\n\n# Attempt to set APP_HOME\n# Resolve links: $0 may be a link\nPRG=\"$0\"\n# Need this for relative symlinks.\nwhile [ -h \"$PRG\" ] ; do\n ls=`ls -ld \"$PRG\"`\n link=`expr \"$ls\" : '.*-> \\(.*\\)$'`\n if expr \"$link\" : '/.*' > /dev/null; then\n PRG=\"$link\"\n else\n PRG=`dirname \"$PRG\"`\"/$link\"\n fi\ndone\nSAVED=\"`pwd`\"\ncd \"`dirname \\\"$PRG\\\"`/\" >/dev/null\nAPP_HOME=\"`pwd -P`\"\ncd \"$SAVED\" >/dev/null\n\nAPP_NAME=\"Gradle\"\nAPP_BASE_NAME=`basename \"$0\"`\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS='\"-Xmx64m\" \"-Xms64m\"'\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=\"maximum\"\n\nwarn () {\n echo \"$*\"\n}\n\ndie () {\n echo\n echo \"$*\"\n echo\n exit 1\n}\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"`uname`\" in\n CYGWIN* )\n cygwin=true\n ;;\n Darwin* )\n darwin=true\n ;;\n MINGW* )\n msys=true\n ;;\n NONSTOP* )\n nonstop=true\n ;;\nesac\n\nCLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar\n\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n # IBM's JDK on AIX uses strange locations for the executables\n JAVACMD=\"$JAVA_HOME/jre/sh/java\"\n else\n JAVACMD=\"$JAVA_HOME/bin/java\"\n fi\n if [ ! -x \"$JAVACMD\" ] ; then\n die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nelse\n JAVACMD=\"java\"\n which java >/dev/null 2>&1 || die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\nfi\n\n# Increase the maximum file descriptors if we can.\nif [ \"$cygwin\" = \"false\" -a \"$darwin\" = \"false\" -a \"$nonstop\" = \"false\" ] ; then\n MAX_FD_LIMIT=`ulimit -H -n`\n if [ $? -eq 0 ] ; then\n if [ \"$MAX_FD\" = \"maximum\" -o \"$MAX_FD\" = \"max\" ] ; then\n MAX_FD=\"$MAX_FD_LIMIT\"\n fi\n ulimit -n $MAX_FD\n if [ $? -ne 0 ] ; then\n warn \"Could not set maximum file descriptor limit: $MAX_FD\"\n fi\n else\n warn \"Could not query maximum file descriptor limit: $MAX_FD_LIMIT\"\n fi\nfi\n\n# For Darwin, add options to specify how the application appears in the dock\nif $darwin; then\n GRADLE_OPTS=\"$GRADLE_OPTS \\\"-Xdock:name=$APP_NAME\\\" \\\"-Xdock:icon=$APP_HOME/media/gradle.icns\\\"\"\nfi\n\n# For Cygwin or MSYS, switch paths to Windows format before running java\nif [ \"$cygwin\" = \"true\" -o \"$msys\" = \"true\" ] ; then\n APP_HOME=`cygpath --path --mixed \"$APP_HOME\"`\n CLASSPATH=`cygpath --path --mixed \"$CLASSPATH\"`\n\n JAVACMD=`cygpath --unix \"$JAVACMD\"`\n\n # We build the pattern for arguments to be converted via cygpath\n ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`\n SEP=\"\"\n for dir in $ROOTDIRSRAW ; do\n ROOTDIRS=\"$ROOTDIRS$SEP$dir\"\n SEP=\"|\"\n done\n OURCYGPATTERN=\"(^($ROOTDIRS))\"\n # Add a user-defined pattern to the cygpath arguments\n if [ \"$GRADLE_CYGPATTERN\" != \"\" ] ; then\n OURCYGPATTERN=\"$OURCYGPATTERN|($GRADLE_CYGPATTERN)\"\n fi\n # Now convert the arguments - kludge to limit ourselves to /bin/sh\n i=0\n for arg in \"$@\" ; do\n CHECK=`echo \"$arg\"|egrep -c \"$OURCYGPATTERN\" -`\n CHECK2=`echo \"$arg\"|egrep -c \"^-\"` ### Determine if an option\n\n if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition\n eval `echo args$i`=`cygpath --path --ignore --mixed \"$arg\"`\n else\n eval `echo args$i`=\"\\\"$arg\\\"\"\n fi\n i=`expr $i + 1`\n done\n case $i in\n 0) set -- ;;\n 1) set -- \"$args0\" ;;\n 2) set -- \"$args0\" \"$args1\" ;;\n 3) set -- \"$args0\" \"$args1\" \"$args2\" ;;\n 4) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" ;;\n 5) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" ;;\n 6) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" ;;\n 7) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" ;;\n 8) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" \"$args7\" ;;\n 9) set -- \"$args0\" \"$args1\" \"$args2\" \"$args3\" \"$args4\" \"$args5\" \"$args6\" \"$args7\" \"$args8\" ;;\n esac\nfi\n\n# Escape application args\nsave () {\n for i do printf %s\\\\n \"$i\" | sed \"s/'/'\\\\\\\\''/g;1s/^/'/;\\$s/\\$/' \\\\\\\\/\" ; done\n echo \" \"\n}\nAPP_ARGS=`save \"$@\"`\n\n# Collect all arguments for the java command, following the shell quoting and substitution rules\neval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS \"\\\"-Dorg.gradle.appname=$APP_BASE_NAME\\\"\" -classpath \"\\\"$CLASSPATH\\\"\" org.gradle.wrapper.GradleWrapperMain \"$APP_ARGS\"\n\nexec \"$JAVACMD\" \"$@\"\n" }, { "path": "gradlew.bat", "content": "@rem\n@rem Copyright 2015 the original author or authors.\n@rem\n@rem Licensed under the Apache License, Version 2.0 (the \"License\");\n@rem you may not use this file except in compliance with the License.\n@rem You may obtain a copy of the License at\n@rem\n@rem https://www.apache.org/licenses/LICENSE-2.0\n@rem\n@rem Unless required by applicable law or agreed to in writing, software\n@rem distributed under the License is distributed on an \"AS IS\" BASIS,\n@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n@rem See the License for the specific language governing permissions and\n@rem limitations under the License.\n@rem\n\n@if \"%DEBUG%\" == \"\" @echo off\n@rem ##########################################################################\n@rem\n@rem Gradle startup script for Windows\n@rem\n@rem ##########################################################################\n\n@rem Set local scope for the variables with windows NT shell\nif \"%OS%\"==\"Windows_NT\" setlocal\n\nset DIRNAME=%~dp0\nif \"%DIRNAME%\" == \"\" set DIRNAME=.\nset APP_BASE_NAME=%~n0\nset APP_HOME=%DIRNAME%\n\n@rem Resolve any \".\" and \"..\" in APP_HOME to make it shorter.\nfor %%i in (\"%APP_HOME%\") do set APP_HOME=%%~fi\n\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nset DEFAULT_JVM_OPTS=\"-Xmx64m\" \"-Xms64m\"\n\n@rem Find java.exe\nif defined JAVA_HOME goto findJavaFromJavaHome\n\nset JAVA_EXE=java.exe\n%JAVA_EXE% -version >NUL 2>&1\nif \"%ERRORLEVEL%\" == \"0\" goto execute\n\necho.\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\necho.\necho Please set the JAVA_HOME variable in your environment to match the\necho location of your Java installation.\n\ngoto fail\n\n:findJavaFromJavaHome\nset JAVA_HOME=%JAVA_HOME:\"=%\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\n\nif exist \"%JAVA_EXE%\" goto execute\n\necho.\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%\necho.\necho Please set the JAVA_HOME variable in your environment to match the\necho location of your Java installation.\n\ngoto fail\n\n:execute\n@rem Setup the command line\n\nset CLASSPATH=%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\n\n\n@rem Execute Gradle\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" org.gradle.wrapper.GradleWrapperMain %*\n\n:end\n@rem End local scope for the variables with windows NT shell\nif \"%ERRORLEVEL%\"==\"0\" goto mainEnd\n\n:fail\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\nrem the _cmd.exe /c_ return code!\nif not \"\" == \"%GRADLE_EXIT_CONSOLE%\" exit 1\nexit /b 1\n\n:mainEnd\nif \"%OS%\"==\"Windows_NT\" endlocal\n\n:omega\n" }, { "path": "sample-android/.gitignore", "content": "/build" }, { "path": "sample-android/build.gradle.kts", "content": "import scale.compileSdk\nimport scale.minSdk\nimport scale.targetSdk\n\nplugins {\n id(\"org.jetbrains.kotlin.plugin.compose\")\n id(\"com.android.application\")\n id(\"org.jetbrains.compose\")\n id(\"kotlin-android\")\n}\n\nval kmpResDir = \"composeResources/scale.sample_kmp.generated.resources\"\ntasks.register(\"copySharedResources\") {\n from(project(\":sample-kmp\").file(\"src/commonMain/composeResources\"))\n into(layout.buildDirectory.dir(\"generated/kmpCopy/$kmpResDir\"))\n}\n\nandroid {\n namespace = \"com.jvziyaoyao.scale.sample\"\n compileSdk = project.compileSdk\n\n defaultConfig {\n applicationId = \"com.jvziyaoyao.scale.sample\"\n minSdk = project.minSdk\n targetSdk = project.targetSdk\n versionCode = 1\n versionName = \"1.1.0-alpha.1\"\n testInstrumentationRunner = \"androidx.test.runner.AndroidJUnitRunner\"\n vectorDrawables {\n useSupportLibrary = true\n }\n }\n\n buildTypes {\n release {\n isMinifyEnabled = true\n proguardFiles(\n getDefaultProguardFile(\"proguard-android-optimize.txt\"), \"proguard-rules.pro\"\n )\n }\n }\n compileOptions {\n sourceCompatibility = JavaVersion.VERSION_1_8\n targetCompatibility = JavaVersion.VERSION_1_8\n }\n kotlinOptions {\n jvmTarget = \"1.8\"\n }\n buildFeatures {\n compose = true\n }\n composeOptions {\n kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()\n }\n// packagingOptions {\n// resources {\n// excludes += \"/META-INF/{AL2.0,LGPL2.1}\"\n// }\n// }\n\n sourceSets.getByName(\"main\") {\n assets.srcDirs(\n \"src/main/assets\",\n layout.buildDirectory.dir(\"generated/kmpCopy\"),\n )\n }\n\n // composeResources/scale.sample_kmp.generated.resources/files/a350.jpg\n applicationVariants.all {\n this.mergeAssetsProvider.configure {\n dependsOn(\"copySharedResources\")\n }\n }\n}\n\ndependencies {\n implementation(project(\":scale-image-viewer-classic\"))\n implementation(project(\":scale-image-viewer\"))\n implementation(project(\":scale-sampling-decoder\"))\n// implementation(project(\":scale-sampling-decoder-kmp\"))\n implementation(project(\":scale-zoomable-view\"))\n\n implementation(project(\":sample-kmp\"))\n// implementation(libs.scale.image.viewer)\n// implementation(libs.scale.image.viewer.classic)\n// implementation(libs.scale.sampling.decoder)\n\n implementation(libs.androidx.exif)\n\n implementation(compose.components.resources)\n\n implementation(libs.androidx.navigation.compose)\n\n implementation(libs.jvziyaoyao.origeek.ui)\n\n// implementation(libs.coil)\n implementation(libs.coil.svg)\n// implementation(libs.coil.gif)\n implementation(libs.coil.compose)\n\n implementation(libs.google.accompanist.permissions)\n implementation(libs.google.accompanist.systemuicontroller)\n\n implementation(libs.androidx.constraintlayout.compose)\n\n implementation(libs.core.ktx)\n implementation(libs.appcompat)\n implementation(libs.material)\n\n implementation(libs.androidx.compose.ui)\n implementation(libs.androidx.compose.material)\n implementation(libs.androidx.compose.ui.tooling.preview)\n debugImplementation(libs.androidx.compose.ui.tooling)\n implementation(libs.androidx.compose.ui.util)\n androidTestImplementation(libs.androidx.compose.ui.test)\n implementation(libs.androidx.compose.material.icons.extended)\n\n implementation(libs.androidx.lifecycle.runtime)\n implementation(libs.androidx.activity.compose)\n testImplementation(libs.junit.junit)\n androidTestImplementation(libs.androidx.test.ext.junit)\n androidTestImplementation(libs.espresso.core)\n}" }, { "path": "sample-android/proguard-rules.pro", "content": "# Add project specific ProGuard rules here.\n# You can control the set of applied configuration files using the\n# proguardFiles setting in build.gradle.kts.\n#\n# For more details, see\n# http://developer.android.com/guide/developing/tools/proguard.html\n\n# If your project uses WebView with JS, uncomment the following\n# and specify the fully qualified class name to the JavaScript interface\n# class:\n#-keepclassmembers class fqcn.of.javascript.interface.for.webview {\n# public *;\n#}\n\n# Uncomment this to preserve the line number information for\n# debugging stack traces.\n#-keepattributes SourceFile,LineNumberTable\n\n# If you keep the line number information, uncomment this to\n# hide the original source file name.\n#-renamesourcefileattribute SourceFile" }, { "path": "sample-android/src/androidTest/java/com/jvziyaoyao/image/viewer/ExampleInstrumentedTest.kt", "content": "package com.jvziyaoyao.image.viewer\n\nimport androidx.test.platform.app.InstrumentationRegistry\nimport androidx.test.ext.junit.runners.AndroidJUnit4\n\nimport org.junit.Test\nimport org.junit.runner.RunWith\n\nimport org.junit.Assert.*\n\n/**\n * Instrumented test, which will execute on an Android device.\n *\n * See [testing documentation](http://d.android.com/tools/testing).\n */\n@RunWith(AndroidJUnit4::class)\nclass ExampleInstrumentedTest {\n @Test\n fun useAppContext() {\n // Context of the app under test.\n val appContext = InstrumentationRegistry.getInstrumentation().targetContext\n assertEquals(\"com.origeek.imageviewer\", appContext.packageName)\n }\n}" }, { "path": "sample-android/src/main/AndroidManifest.xml", "content": "\n\n\n \n\n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/base/BaseActivity.kt", "content": "package com.jvziyaoyao.scale.sample.base\n\nimport android.content.res.Configuration\nimport androidx.activity.ComponentActivity\nimport androidx.activity.SystemBarStyle\nimport androidx.activity.compose.setContent\nimport androidx.activity.enableEdgeToEdge\nimport androidx.compose.runtime.Composable\nimport com.jvziyaoyao.scale.sample.ui.theme.ScaleSampleTheme\nimport com.jvziyaoyao.scale.sample.ui.theme.ViewerDemoTheme\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.cancel\n\nopen class BaseActivity : ComponentActivity(), CoroutineScope by MainScope() {\n\n fun setBasicContent(\n content: @Composable () -> Unit,\n ) {\n val systemBarStyle =\n when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) {\n Configuration.UI_MODE_NIGHT_NO -> SystemBarStyle.light(\n android.graphics.Color.TRANSPARENT,\n android.graphics.Color.TRANSPARENT\n )\n\n Configuration.UI_MODE_NIGHT_YES -> SystemBarStyle.dark(android.graphics.Color.TRANSPARENT)\n else -> SystemBarStyle.light(\n android.graphics.Color.TRANSPARENT,\n android.graphics.Color.TRANSPARENT\n )\n }\n enableEdgeToEdge(\n statusBarStyle = systemBarStyle,\n navigationBarStyle = systemBarStyle,\n )\n setContent {\n ScaleSampleTheme {\n content()\n }\n }\n }\n\n override fun onDestroy() {\n cancel()\n super.onDestroy()\n }\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/base/BasePermission.kt", "content": "package com.jvziyaoyao.scale.sample.base\n\nimport android.content.Context\nimport android.content.Intent\nimport android.net.Uri\nimport android.provider.Settings\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.statusBarsPadding\nimport androidx.compose.material.Button\nimport androidx.compose.material.ButtonDefaults\nimport androidx.compose.material.LocalContentColor\nimport androidx.compose.material.MaterialTheme\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.platform.LocalContext\nimport androidx.compose.ui.unit.dp\nimport com.google.accompanist.permissions.ExperimentalPermissionsApi\nimport com.google.accompanist.permissions.rememberMultiplePermissionsState\n\n/**\n * @program: TestFocusable\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2024-01-23 20:55\n **/\n\nfun Context.openSetting() {\n val intent = Intent(\n Settings.ACTION_APPLICATION_DETAILS_SETTINGS,\n Uri.fromParts(\"package\", packageName, null)\n )\n startActivity(intent)\n}\n\n@OptIn(ExperimentalPermissionsApi::class)\n@Composable\nfun CommonPermissions(\n permissions: List,\n onPermissionChange: (Boolean) -> Unit,\n content: @Composable () -> Unit\n) {\n val permissionState =\n rememberMultiplePermissionsState(\n permissions = permissions,\n )\n LaunchedEffect(key1 = permissionState.allPermissionsGranted, block = {\n onPermissionChange(permissionState.allPermissionsGranted)\n })\n if (permissionState.allPermissionsGranted) {\n content()\n } else {\n val context = LocalContext.current\n CommonPermissionNotGranted(\n launchPermissionRequest = {\n permissionState.launchMultiplePermissionRequest()\n },\n goSetting = {\n context.openSetting()\n }\n )\n }\n}\n\n@Composable\nfun CommonPermissionNotGranted(\n label: String = \"👋 我们需要获取权限才能使用该功能~\",\n launchPermissionRequest: () -> Unit,\n goSetting: () -> Unit,\n) {\n Column(Modifier.fillMaxSize()) {\n Spacer(modifier = Modifier.statusBarsPadding())\n\n Column(\n modifier = Modifier\n .fillMaxWidth()\n .weight(1F)\n .padding(bottom = 32.dp),\n verticalArrangement = Arrangement.Center,\n horizontalAlignment = Alignment.CenterHorizontally\n ) {\n Text(text = label)\n Spacer(modifier = Modifier.height(24.dp))\n Button(onClick = {\n launchPermissionRequest()\n }) {\n Text(text = \"🛸 授予权限\", color = MaterialTheme.colors.surface)\n }\n Spacer(modifier = Modifier.height(60.dp))\n Text(\n text = \"如果无法授予权限，请通过下方按钮前往设置~\",\n color = LocalContentColor.current.copy(0.8F)\n )\n Spacer(modifier = Modifier.height(18.dp))\n Text(text = \"👇\")\n Spacer(modifier = Modifier.height(18.dp))\n Button(\n onClick = {\n goSetting()\n },\n colors = ButtonDefaults.buttonColors(\n backgroundColor = MaterialTheme.colors.background\n )\n ) {\n Text(text = \"🚑 前往设置\", color = MaterialTheme.colors.primary)\n }\n }\n }\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/DecoderActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-05 14:31\n **/\nclass DecoderActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n DecoderBody()\n }\n }\n\n}\n\n//@Composable\n//fun DecoderBody() {\n// BoxWithConstraints(\n// modifier = Modifier\n// .fillMaxSize(),\n// ) {\n// val key = \"2887\"\n// val context = LocalContext.current\n// val scope = rememberCoroutineScope()\n// val previewerState = rememberPreviewerState(\n// verticalDragType = VerticalDragType.Down,\n// pageCount = { 1 },\n// getKey = { key },\n// )\n// val inputStream = remember { context.assets.open(\"a350.jpg\") }\n// val painter = painterResource(R.drawable.a350_temp)\n// val itemState = rememberTransformItemState(\n// intrinsicSize = painter.intrinsicSize,\n// )\n// val horizontal = this@BoxWithConstraints.maxWidth > maxHeight\n// // Save\n// var transformEnable by rememberSaveable { mutableStateOf(true) }\n// var loadDelay by rememberSaveable { mutableStateOf(0F) }\n// var rotation by rememberSaveable { mutableStateOf(0F) }\n// if (previewerState.canClose || previewerState.animating) BackHandler {\n// if (previewerState.canClose) scope.launch {\n// if (transformEnable) {\n// previewerState.exitTransform()\n// } else {\n// previewerState.close()\n// }\n// }\n// }\n// Column(\n// modifier = Modifier\n// .fillMaxSize(),\n// horizontalAlignment = Alignment.CenterHorizontally,\n// verticalArrangement = Arrangement.Center,\n// ) {\n// Box(\n// Modifier.size(120.dp), contentAlignment = Alignment.Center\n// ) {\n// ScaleGrid(\n// detectGesture = DetectScaleGridGesture(\n// onPress = {\n// scope.launch {\n// if (transformEnable) {\n// previewerState.enterTransform(0)\n// } else {\n// previewerState.open(0)\n// }\n// }\n// }\n// )\n// ) {\n// TransformItemView(\n// key = key,\n// itemState = itemState,\n// transformState = previewerState,\n// ) {\n// Image(\n// modifier = Modifier.fillMaxSize(),\n// painter = painter,\n// contentScale = ContentScale.Crop,\n// contentDescription = null,\n// )\n// }\n// }\n// }\n// Spacer(modifier = Modifier.height(if (horizontal) 12.dp else 24.dp))\n// Text(text = \"👆 Clickable\")\n// Spacer(modifier = Modifier.height(if (horizontal) 24.dp else 72.dp))\n// Column(modifier = Modifier.fillMaxWidth(if (horizontal) 0.4F else 0.6F)) {\n// Row(\n// modifier = Modifier.fillMaxWidth(),\n// verticalAlignment = Alignment.CenterVertically,\n// horizontalArrangement = Arrangement.SpaceBetween,\n// ) {\n// Text(text = \"Transform:\")\n// Switch(\n// checked = transformEnable,\n// onCheckedChange = {\n// transformEnable = it\n// },\n// colors = SwitchDefaults.colors(\n// checkedThumbColor = MaterialTheme.colors.primary\n// )\n// )\n// }\n// Spacer(modifier = Modifier.height(if (horizontal) 10.dp else 20.dp))\n// Row(\n// modifier = Modifier.fillMaxWidth(),\n// verticalAlignment = Alignment.CenterVertically,\n// horizontalArrangement = Arrangement.SpaceBetween,\n// ) {\n// Text(text = \"Delay ${loadDelay.toLong()}:\")\n// Slider(\n// modifier = Modifier\n// .height(48.dp)\n// .width(100.dp),\n// value = loadDelay,\n// valueRange = 0F..4000F,\n// onValueChange = {\n// loadDelay = it\n// },\n// )\n// }\n// Spacer(modifier = Modifier.height(if (horizontal) 10.dp else 20.dp))\n// Row(\n// modifier = Modifier.fillMaxWidth(),\n// verticalAlignment = Alignment.CenterVertically,\n// horizontalArrangement = Arrangement.SpaceBetween,\n// ) {\n// Text(text = \"Rotation ${ceil(rotation).toInt()}:\")\n// Slider(\n// modifier = Modifier\n// .height(48.dp)\n// .width(100.dp),\n// value = rotation,\n// valueRange = 0F..270F,\n// steps = 2,\n// onValueChange = {\n// rotation = it\n// },\n// )\n// }\n// }\n// }\n//\n// ImagePreviewer(\n// state = previewerState,\n// processor = ModelProcessor(samplingProcessorPair),\n// imageLoader = { _ ->\n// val decoderRotation = when (rotation.toInt()) {\n// SamplingDecoder.Rotation.ROTATION_90.radius -> SamplingDecoder.Rotation.ROTATION_90\n// SamplingDecoder.Rotation.ROTATION_180.radius -> SamplingDecoder.Rotation.ROTATION_180\n// SamplingDecoder.Rotation.ROTATION_270.radius -> SamplingDecoder.Rotation.ROTATION_270\n// else -> SamplingDecoder.Rotation.ROTATION_0\n// }\n// val (samplingDecoder, error) = rememberSamplingDecoder(\n// inputStream = inputStream,\n// rotation = decoderRotation\n// )\n// val realSamplingDecoder = remember { mutableStateOf(null) }\n// LaunchedEffect(samplingDecoder) {\n// if (samplingDecoder != null) {\n// delay(loadDelay.toLong())\n// realSamplingDecoder.value = samplingDecoder\n// }\n// }\n// return@ImagePreviewer Pair(\n// realSamplingDecoder.value,\n// realSamplingDecoder.value?.intrinsicSize\n// )\n// }\n// )\n// }\n//}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/DuplicateActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\nclass DuplicateActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n DuplicateBody()\n }\n }\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/GalleryActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\nclass GalleryActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n GalleryBody()\n// GalleryBody01()\n// GalleryBody02()\n }\n }\n\n}\n" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/HomeActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.content.Intent\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\nclass HomeActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n HomeBody(\n onZoomable = {\n val intent = Intent(this, ZoomableActivity::class.java)\n startActivity(intent)\n },\n onNormal = {\n val intent = Intent(this, NormalActivity::class.java)\n startActivity(intent)\n },\n onHuge = {\n val intent = Intent(this, HugeActivity::class.java)\n startActivity(intent)\n },\n onGallery = {\n val intent = Intent(this, GalleryActivity::class.java)\n startActivity(intent)\n },\n onPreviewer = {\n val intent = Intent(this, PreviewerActivity::class.java)\n startActivity(intent)\n },\n onTransform = {\n val intent = Intent(this, TransformActivity::class.java)\n startActivity(intent)\n },\n onDecoder = {\n val intent = Intent(this, DecoderActivity::class.java)\n startActivity(intent)\n },\n onDuplicate = {\n val intent = Intent(this, DuplicateActivity::class.java)\n startActivity(intent)\n },\n )\n }\n }\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/HugeActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\nclass HugeActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n HugeBody()\n// HugeBody01()\n }\n }\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/NormalActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\nclass NormalActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n NormalBody()\n }\n }\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/PicturesActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.Manifest\nimport android.os.Build\nimport android.os.Bundle\nimport android.os.Environment\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.aspectRatio\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.layout.statusBarsPadding\nimport androidx.compose.foundation.lazy.grid.GridCells\nimport androidx.compose.foundation.lazy.grid.LazyVerticalGrid\nimport androidx.compose.material.Icon\nimport androidx.compose.material.LocalContentColor\nimport androidx.compose.material.MaterialTheme\nimport androidx.compose.material.Text\nimport androidx.compose.material.icons.Icons\nimport androidx.compose.material.icons.filled.Error\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.DisposableEffect\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.asImageBitmap\nimport androidx.compose.ui.graphics.painter.BitmapPainter\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.platform.LocalContext\nimport androidx.compose.ui.unit.dp\nimport androidx.core.graphics.drawable.toBitmap\nimport com.jvziyaoyao.scale.image.previewer.ImagePreviewer\nimport com.jvziyaoyao.scale.image.sampling.SamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.createSamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.samplingProcessorPair\nimport com.jvziyaoyao.scale.image.viewer.AnyComposable\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\nimport com.jvziyaoyao.scale.sample.base.CommonPermissions\nimport com.jvziyaoyao.scale.zoomable.previewer.PreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\nimport com.origeek.ui.common.compose.DetectScaleGridGesture\nimport com.origeek.ui.common.compose.ScaleGrid\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.launch\nimport java.io.File\n\nval requirePermissions = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {\n listOf(\n Manifest.permission.READ_MEDIA_IMAGES,\n Manifest.permission.READ_MEDIA_AUDIO,\n Manifest.permission.READ_MEDIA_VIDEO,\n )\n} else {\n listOf(\n Manifest.permission.WRITE_EXTERNAL_STORAGE,\n Manifest.permission.READ_EXTERNAL_STORAGE\n )\n}\n\nclass PicturesActivity : BaseActivity() {\n\n private val imagesFileList = mutableStateListOf()\n\n // TODO 这里需要换一个更通用的路径\n private fun getStoragePath(): File {\n val picturesFile =\n Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES).absoluteFile\n val storageFile = File(picturesFile, \"yao\")\n if (!storageFile.exists()) storageFile.mkdirs()\n return storageFile\n }\n\n private fun fetchImages() {\n val yaoDirectory = getStoragePath()\n val fileList = yaoDirectory.listFiles()\n ?.filter { it.isFile }\n// ?.filter { it.length() > 0 }\n ?.toList()?.reversed() ?: emptyList()\n imagesFileList.clear()\n imagesFileList.addAll(fileList)\n }\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n CommonPermissions(\n permissions = requirePermissions,\n onPermissionChange = {\n if (it) launch(Dispatchers.IO) {\n fetchImages()\n }\n }\n ) {\n// PicturesBody(\n// images = imagesFileList,\n// )\n }\n }\n }\n\n}\n\n//@Composable\n//fun PicturesBody(\n// images: List,\n//) {\n// Box(modifier = Modifier.fillMaxSize()) {\n// val previewerState = rememberPreviewerState(\n// pageCount = { images.size },\n// getKey = { images[it].absolutePath },\n// )\n// PicturesGridLayer(\n// images = images,\n// previewerState = previewerState,\n// )\n// PicturesDecoderPreviewLayer(\n// images = images,\n// previewerState = previewerState,\n// )\n// }\n//}\n//\n//@Composable\n//fun PicturesDecoderPreviewLayer(\n// images: List,\n// previewerState: PreviewerState,\n//) {\n// val context = LocalContext.current\n// val scope = rememberCoroutineScope()\n// ImagePreviewer(\n// state = previewerState,\n// debugMode = true,\n// processor = ModelProcessor(samplingProcessorPair),\n// imageLoader = { page ->\n// val file = images[page]\n// val pair = remember { mutableStateOf>(Pair(null, null)) }\n// LaunchedEffect(Unit) {\n// scope.launch(Dispatchers.IO) {\n// try {\n// createSamplingDecoder(file)?.let {\n// pair.value = Pair(it, it.intrinsicSize)\n// }\n// } catch (e: Exception) {\n// e.printStackTrace()\n// }\n// if (pair.value.first != null) return@launch\n// loadPainter(context, file)?.let {\n// val painter = BitmapPainter(it.toBitmap().asImageBitmap())\n// pair.value = Pair(painter, painter.intrinsicSize)\n// }\n// if (pair.value.first != null) return@launch\n// pair.value = Pair(AnyComposable {\n// ErrorPlaceHolder()\n// }, null)\n// }\n// }\n// DisposableEffect(Unit) {\n// onDispose {\n// if (pair.value.first is SamplingDecoder) {\n// (pair.value.first as SamplingDecoder).release()\n// }\n// }\n// }\n// pair.value\n// },\n// )\n//\n//}\n//\n//@Composable\n//fun ErrorPlaceHolder() {\n// Column(\n// modifier = Modifier\n// .fillMaxSize(),\n// horizontalAlignment = Alignment.CenterHorizontally,\n// verticalArrangement = Arrangement.Center,\n// ) {\n// val color = Color.White.copy(0.4F)\n// Icon(\n// modifier = Modifier\n// .size(40.dp),\n// imageVector = Icons.Filled.Error,\n// tint = color,\n// contentDescription = null\n// )\n// Spacer(modifier = Modifier.height(12.dp))\n// Text(text = \"图片加载失败\", color = color)\n// }\n//}\n//\n//@Composable\n//fun PicturesGridLayer(\n// images: List,\n// previewerState: PreviewerState,\n//) {\n// val scope = rememberCoroutineScope()\n// val lineCount = 4\n// LazyVerticalGrid(\n// modifier = Modifier.statusBarsPadding(),\n// columns = GridCells.Fixed(lineCount)\n// ) {\n// images.forEachIndexed { index, item ->\n// item(key = item.absolutePath) {\n// val needStart = index % lineCount != 0\n// Box(\n// modifier = Modifier\n// .fillMaxWidth()\n// .aspectRatio(1F)\n// .padding(start = if (needStart) 2.dp else 0.dp, bottom = 2.dp),\n// contentAlignment = Alignment.Center\n// ) {\n// ScaleGrid(\n// detectGesture = DetectScaleGridGesture(\n// onPress = {\n// scope.launch {\n// previewerState.enterTransform(index)\n// }\n// }\n// )\n// ) {\n// val painter = rememberAsyncImagePainter(item)\n// val itemState =\n// rememberTransformItemState(\n// intrinsicSize = painter.intrinsicSize\n// )\n// TransformItemView(\n// modifier = Modifier\n// .background(MaterialTheme.colors.background),\n// key = item.absolutePath,\n// itemState = itemState,\n// transformState = previewerState,\n// ) {\n// Box(\n// modifier = Modifier\n// .fillMaxSize()\n// ) {\n// Image(\n// modifier = Modifier.fillMaxSize(),\n// painter = painter,\n// contentScale = ContentScale.Crop,\n// contentDescription = null,\n// )\n// if (painter.state is AsyncImagePainter.State.Error) {\n// Icon(\n// modifier = Modifier\n// .size(30.dp)\n// .align(Alignment.Center),\n// imageVector = Icons.Filled.Error,\n// tint = LocalContentColor.current.copy(0.04F),\n// contentDescription = null\n// )\n// }\n// }\n// }\n// }\n// }\n// }\n// }\n// }\n//}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/PreviewerActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\nimport com.origeek.ui.common.util.hideSystemUI\nimport com.origeek.ui.common.util.showSystemUI\n\nconst val SYSTEM_UI_VISIBILITY = \"SYSTEM_UI_VISIBILITY\"\n\nclass PreviewerActivity : BaseActivity() {\n\n private var systemUIVisible = true\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n handlerSystemUI(savedInstanceState?.getBoolean(SYSTEM_UI_VISIBILITY) ?: true)\n setBasicContent {\n PreviewerBody {\n if (systemUIVisible != !it) {\n handlerSystemUI(!it)\n }\n }\n }\n }\n\n override fun onSaveInstanceState(outState: Bundle) {\n outState.putBoolean(SYSTEM_UI_VISIBILITY, systemUIVisible)\n super.onSaveInstanceState(outState)\n }\n\n private fun handlerSystemUI(visible: Boolean) {\n systemUIVisible = visible\n if (systemUIVisible) {\n showSystemUI(window)\n } else {\n hideSystemUI(window)\n }\n }\n\n}\n" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/TransformActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-09-21 18:20\n **/\nclass TransformActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n TransformBody()\n }\n }\n\n}\n\n" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/page/ZoomableActivity.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport android.os.Bundle\nimport com.jvziyaoyao.scale.sample.base.BaseActivity\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-11-24 16:24\n **/\nclass ZoomableActivity : BaseActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setBasicContent {\n ZoomableBody()\n }\n }\n\n}\n\n//@Composable\n//fun ZoomableBody() {\n// val scope = rememberCoroutineScope()\n//\n// val url = \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\"\n// val painter = rememberCoilImagePainter(url)\n// val zoomableState = rememberZoomableState(contentSize = painter.intrinsicSize)\n//\n// Box(\n// modifier = Modifier\n// .fillMaxSize()\n// .padding(40.dp)\n// ) {\n// zoomableState.apply {\n// ZoomableView(\n// modifier = Modifier\n// .fillMaxSize()\n// .background(Color.Blue.copy(0.2F)),\n// state = zoomableState,\n// boundClip = false,\n// detectGesture = ZoomableGestureScope(\n// onTap = {\n//\n// },\n// onDoubleTap = {\n// scope.launch {\n// zoomableState.toggleScale(it)\n// }\n// },\n// onLongPress = {\n//\n// },\n// ),\n// ) {\n// Image(\n// modifier = Modifier.fillMaxSize(),\n// painter = painter,\n// contentDescription = null,\n// )\n// }\n// Box(\n// modifier = Modifier\n// .graphicsLayer {\n// translationX = gestureCenter.value.x - 6.dp.toPx()\n// translationY = gestureCenter.value.y - 6.dp.toPx()\n// }\n// .clip(CircleShape)\n// .background(Color.Red.copy(0.4f))\n// .size(12.dp)\n// )\n// Box(\n// modifier = Modifier\n// .clip(CircleShape)\n// .background(Color.Cyan)\n// .size(12.dp)\n// .align(Alignment.Center)\n// )\n// }\n// Box(\n// modifier = Modifier\n// .fillMaxSize()\n// .background(Color.Yellow.copy(0.2F))\n// )\n// }\n//}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/component/ImageLoader.kt", "content": "package com.jvziyaoyao.scale.sample.ui.component\n\n//import android.content.Context\n//import android.graphics.BitmapRegionDecoder\n//import android.graphics.drawable.Drawable\n//import android.os.Build\n//import androidx.compose.runtime.Composable\n//import androidx.compose.runtime.DisposableEffect\n//import androidx.compose.runtime.LaunchedEffect\n//import androidx.compose.runtime.getValue\n//import androidx.compose.runtime.mutableStateOf\n//import androidx.compose.runtime.remember\n//import androidx.compose.runtime.setValue\n//import androidx.compose.ui.graphics.painter.Painter\n//import androidx.compose.ui.platform.LocalContext\n//import coil.compose.rememberAsyncImagePainter\n//import coil.imageLoader\n//import coil.request.ImageRequest\n//import com.jvziyaoyao.scale.image.sampling.SamplingDecoder\n//import kotlinx.coroutines.Dispatchers\n//import kotlinx.coroutines.delay\n//import kotlinx.coroutines.launch\n//import java.io.InputStream\n//import kotlin.coroutines.resume\n//import kotlin.coroutines.suspendCoroutine\n//\n//@Composable\n//fun rememberCoilImagePainter(image: Any): Painter {\n// // 加载图片\n// val imageRequest = ImageRequest.Builder(LocalContext.current)\n// .data(image)\n// .size(coil.size.Size.ORIGINAL)\n// .build()\n// // 获取图片的初始大小\n// return rememberAsyncImagePainter(imageRequest)\n//}\n//\n//suspend fun loadPainter(context: Context, data: Any) = suspendCoroutine { c ->\n// val imageRequest = ImageRequest.Builder(context)\n// .data(data)\n// .size(coil.size.Size.ORIGINAL)\n// .target(\n// onSuccess = {\n// c.resume(it)\n// },\n// onError = {\n// c.resume(null)\n// }\n// )\n// .build()\n// context.imageLoader.enqueue(imageRequest)\n//}\n//\n//@Composable\n//fun rememberBitmapRegionDecoder(\n// inputStream: InputStream,\n//): BitmapRegionDecoder? {\n// val decoder = remember { mutableStateOf(null) }\n// LaunchedEffect(inputStream) {\n// launch(Dispatchers.IO) {\n// decoder.value = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {\n// BitmapRegionDecoder.newInstance(inputStream)\n// } else {\n// BitmapRegionDecoder.newInstance(inputStream,false)\n// }\n// }\n// }\n// return decoder.value\n//}\n//\n//@Composable\n//fun rememberDecoderImagePainter(\n// inputStream: InputStream,\n// rotation: Int = 0,\n// delay: Long? = null,\n//): SamplingDecoder? {\n// var samplingDecoder by remember { mutableStateOf(null) }\n// LaunchedEffect(inputStream) {\n// launch(Dispatchers.IO) {\n// if (delay != null) delay(delay)\n// samplingDecoder = try {\n// val decoder = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {\n// BitmapRegionDecoder.newInstance(inputStream)\n// } else {\n// BitmapRegionDecoder.newInstance(inputStream,false)\n// }\n// if (decoder == null) {\n// null\n// } else {\n// val decoderRotation = when(rotation) {\n// SamplingDecoder.Rotation.ROTATION_90.radius -> SamplingDecoder.Rotation.ROTATION_90\n// SamplingDecoder.Rotation.ROTATION_180.radius -> SamplingDecoder.Rotation.ROTATION_180\n// SamplingDecoder.Rotation.ROTATION_270.radius -> SamplingDecoder.Rotation.ROTATION_270\n// else -> SamplingDecoder.Rotation.ROTATION_0\n// }\n// SamplingDecoder(\n// decoder = decoder,\n// rotation = decoderRotation\n// )\n// }\n// } catch (e: Exception) {\n// e.printStackTrace()\n// null\n// }\n// }\n// }\n// DisposableEffect(Unit) {\n// onDispose {\n// samplingDecoder?.release()\n// }\n// }\n// return samplingDecoder\n//}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/component/Layout.kt", "content": "package com.jvziyaoyao.scale.sample.ui.component\n\n" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/theme/Color.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\nimport androidx.compose.ui.graphics.Color\n\n// light\nval light_f = Color(0xFFFFFFFF)\n\n// font\nval font_f = Color(0XFF111727)\n\n// accent\nval accent_f = Color(0xFF456DE6)\nval accent_dark_f = Color(0xFF999999)\n\n// second\nval second_f = Color(0xFFF3F5FD)\n\n// second\nval surface = Color(0x08456DE6)\n\n// error\nval error_f = Color(0xFFAC483B)\n\n// success\nval success_f = Color(0xFFB6D7C4)\n\n// back\nval back_dark_f = Color(0xFF272727)\n\nval pink_f = Color(0xFFF3ACC6)\nval royal_f = Color(0xFFBAA3FC)\nval stable_f = Color(0xFFEFEFEF)" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/theme/Layout.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\nimport androidx.compose.foundation.layout.BoxWithConstraintsScope\nimport androidx.compose.foundation.shape.RoundedCornerShape\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.TextUnit\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.unit.sp\n\n/**\n * @program: ImageGallery\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-07-28 19:50\n **/\n\nclass Padding(\n val pxxs: Dp = 2.dp,\n val pxs: Dp = 4.dp,\n val ps: Dp = 8.dp,\n val pm: Dp = 12.dp,\n val pl: Dp = 20.dp,\n val pxl: Dp = 36.dp,\n val pxxl: Dp = 48.dp,\n)\n\nclass FontSize(\n val fxxs: TextUnit = 10.sp,\n val fxs: TextUnit = 12.sp,\n val fs: TextUnit = 14.sp,\n val fm: TextUnit = 16.sp,\n val fl: TextUnit = 18.sp,\n val fxl: TextUnit = 24.sp,\n val fxxl: TextUnit = 28.sp,\n val fh: TextUnit = 32.sp,\n)\n\nclass RoundShape(\n val rs_dp: Dp = 6.dp,\n val rm_dp: Dp = 12.dp,\n val rl_dp: Dp = 18.dp,\n val rxl_dp: Dp = 28.dp,\n val rs: RoundedCornerShape = RoundedCornerShape(rs_dp),\n val rm: RoundedCornerShape = RoundedCornerShape(rm_dp),\n val rl: RoundedCornerShape = RoundedCornerShape(rl_dp),\n val rxl: RoundedCornerShape = RoundedCornerShape(rxl_dp),\n)\n\nobject Layout {\n\n private val defaultPadding = Padding()\n private val defaultFontSize = FontSize()\n private val defaultRoundShape = RoundShape()\n\n val padding: Padding\n @Composable\n get() = defaultPadding\n\n val fontSize: FontSize\n @Composable\n get() = defaultFontSize\n\n val roundShape: RoundShape\n @Composable\n get() = defaultRoundShape\n\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/theme/Shape.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\nimport androidx.compose.foundation.shape.RoundedCornerShape\nimport androidx.compose.material.Shapes\nimport androidx.compose.ui.unit.dp\n\nval Shapes = Shapes(\n small = RoundedCornerShape(4.dp),\n medium = RoundedCornerShape(4.dp),\n large = RoundedCornerShape(0.dp)\n)" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/theme/Theme.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\nimport androidx.compose.foundation.isSystemInDarkTheme\nimport androidx.compose.material.MaterialTheme\nimport androidx.compose.material.darkColors\nimport androidx.compose.material.lightColors\nimport androidx.compose.runtime.Composable\n\nval DarkColorPalette = darkColors(\n primary = accent_dark_f,\n secondary = second_f.copy(0.1f),\n background = back_dark_f,\n surface = light_f.copy(0.08f),\n onPrimary = light_f.copy(0.8f),\n onSecondary = font_f.copy(0.8f),\n onBackground = light_f.copy(0.72f),\n onSurface = font_f.copy(0.8f),\n error = error_f,\n)\n\nval LightColorPalette = lightColors(\n primary = accent_f,\n secondary = stable_f.copy(0.6f),\n background = stable_f,\n surface = light_f,\n onPrimary = light_f.copy(0.8f),\n onSecondary = font_f.copy(0.8f),\n onBackground = font_f.copy(0.8f),\n onSurface = font_f.copy(0.8f),\n error = error_f,\n)\n\n@Composable\nfun ViewerDemoTheme(\n darkTheme: Boolean = isSystemInDarkTheme(),\n content: @Composable() () -> Unit\n) {\n val colors = if (darkTheme) {\n DarkColorPalette\n } else {\n LightColorPalette\n }\n\n MaterialTheme(\n colors = colors,\n typography = Typography,\n shapes = Shapes,\n content = content\n )\n}" }, { "path": "sample-android/src/main/java/com/jvziyaoyao/scale/sample/ui/theme/Type.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\nimport androidx.compose.material.Typography\nimport androidx.compose.ui.text.TextStyle\nimport androidx.compose.ui.text.font.FontFamily\nimport androidx.compose.ui.text.font.FontWeight\nimport androidx.compose.ui.unit.sp\n\n// Set of Material typography styles to start with\nval Typography = Typography(\n body1 = TextStyle(\n fontFamily = FontFamily.Default,\n fontWeight = FontWeight.Normal,\n fontSize = 16.sp\n )\n /* Other default text styles to override\n button = TextStyle(\n fontFamily = FontFamily.Default,\n fontWeight = FontWeight.W500,\n fontSize = 14.sp\n ),\n caption = TextStyle(\n fontFamily = FontFamily.Default,\n fontWeight = FontWeight.Normal,\n fontSize = 12.sp\n )\n */\n)" }, { "path": "sample-android/src/main/res/drawable/ic_dark_bg.xml", "content": "\n \n\n" }, { "path": "sample-android/src/main/res/drawable/ic_empty_image.xml", "content": "\n \n \n \n \n \n\n" }, { "path": "sample-android/src/main/res/drawable/ic_launcher_foreground.xml", "content": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n" }, { "path": "sample-android/src/main/res/mipmap-anydpi-v26/ic_launcher.xml", "content": "\n\n \n \n" }, { "path": "sample-android/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml", "content": "\n\n \n \n" }, { "path": "sample-android/src/main/res/values/colors.xml", "content": "\n\n #00FFFFFF\n #FF000000\n\n \n #FFFFFFFF\n #CCFFFFFF\n #99FFFFFF\n #00FFFFFF\n #33FFFFFF\n \n #FF111727\n #99111727\n #33111727\n #CC111727\n #FF414552\n \n #FF456DE6\n #CC456DE6\n #FF0043B3\n #FF000018\n #FF819BFF\n \n #FFAAB6CB\n #FF7B869A\n #FFDCE8FE\n\n #FFAC483B\n #FFFFD9A0\n #FFB6D7C4\n #FFF3ACC6\n #FFBAA3FC\n\n #FFEFEFEF\n #CCEFEFEF\n" }, { "path": "sample-android/src/main/res/values/ic_launcher_background.xml", "content": "\n\n #FFFFFF\n" }, { "path": "sample-android/src/main/res/values/strings.xml", "content": "\n ImageViewer\n" }, { "path": "sample-android/src/main/res/values/themes.xml", "content": "\n \n \n\n \n\n \n" }, { "path": "sample-android/src/main/res/values-v27/themes.xml", "content": "\n\n\n \n" }, { "path": "sample-android/src/main/res/xml/network_security_config.xml", "content": "\n\n \n" }, { "path": "sample-android/src/test/java/com/jvziyaoyao/image/viewer/ExampleUnitTest.kt", "content": "package com.jvziyaoyao.image.viewer\n\nimport org.junit.Test\n\nimport org.junit.Assert.*\n\n/**\n * Example local unit test, which will execute on the development machine (host).\n *\n * See [testing documentation](http://d.android.com/tools/testing).\n */\nclass ExampleUnitTest {\n @Test\n fun addition_isCorrect() {\n assertEquals(4, 2 + 2)\n }\n}" }, { "path": "sample-ios/iosSample/Assets.xcassets/AccentColor.colorset/Contents.json", "content": "{\n \"colors\" : [\n {\n \"idiom\" : \"universal\"\n }\n ],\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n" }, { "path": "sample-ios/iosSample/Assets.xcassets/AppIcon.appiconset/Contents.json", "content": "{\n \"images\" : [\n {\n \"filename\" : \"appIcon.jpg\",\n \"idiom\" : \"universal\",\n \"platform\" : \"ios\",\n \"size\" : \"1024x1024\"\n },\n {\n \"appearances\" : [\n {\n \"appearance\" : \"luminosity\",\n \"value\" : \"dark\"\n }\n ],\n \"idiom\" : \"universal\",\n \"platform\" : \"ios\",\n \"size\" : \"1024x1024\"\n },\n {\n \"appearances\" : [\n {\n \"appearance\" : \"luminosity\",\n \"value\" : \"tinted\"\n }\n ],\n \"idiom\" : \"universal\",\n \"platform\" : \"ios\",\n \"size\" : \"1024x1024\"\n }\n ],\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n" }, { "path": "sample-ios/iosSample/Assets.xcassets/Contents.json", "content": "{\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n" }, { "path": "sample-ios/iosSample/ContentView.swift", "content": "//\n// ContentView.swift\n// iosSample\n//\n// Created by 橘子妖妖 on 2025/6/27.\n//\n\nimport SwiftUI\n\nstruct ContentView: View {\n var body: some View {\n VStack {\n Image(systemName: \"globe\")\n .imageScale(.large)\n .foregroundStyle(.tint)\n Text(\"Hello, world!\")\n }\n .padding()\n }\n}\n\n#Preview {\n ContentView()\n}\n" }, { "path": "sample-ios/iosSample/Preview Content/Preview Assets.xcassets/Contents.json", "content": "{\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n" }, { "path": "sample-ios/iosSample/component/ComposeView.swift", "content": "//\n// ComposeView.swift\n// iosSample\n//\n// Created by 橘子妖妖 on 2025/6/27.\n//\n\nimport UIKit\nimport SwiftUI\nimport SampleKmpKit\n\nstruct ComposeView: UIViewControllerRepresentable {\n\n var getViewController: () -> UIViewController\n \n func makeUIViewController(context: Context) -> UIViewController {\n return getViewController()\n }\n\n func updateUIViewController(_ uiViewController: UIViewController, context: Context) {}\n}\n\n\nstruct NavigationStackGestureEnabler: UIViewControllerRepresentable {\n func makeUIViewController(context: Context) -> UIViewController {\n let vc = UIViewController()\n DispatchQueue.main.async {\n if let navigationController = vc.navigationController {\n navigationController.interactivePopGestureRecognizer?.delegate = nil\n navigationController.interactivePopGestureRecognizer?.isEnabled = true\n }\n }\n return vc\n }\n\n func updateUIViewController(_ uiViewController: UIViewController, context: Context) {}\n}\n\n\nstruct ComposeSwiperView: View {\n let content: () -> Content\n let barWidth: CGFloat\n let needSwiper: Bool\n\n init(barWidth: CGFloat = 20, needSwiper: Bool = true, @ViewBuilder content: @escaping () -> Content) {\n self.content = content\n self.barWidth = barWidth\n self.needSwiper = needSwiper\n }\n\n var body: some View {\n GeometryReader { geometry in\n ZStack(alignment: .leading) {\n content()\n\n if needSwiper {\n Rectangle()\n .foregroundColor(.white)\n .opacity(0.012)\n .frame(width: barWidth, height: geometry.size.height)\n .contentShape(Rectangle())\n .allowsHitTesting(true)\n }\n }\n .ignoresSafeArea(.all, edges: .all)\n .toolbar(.hidden)\n .background(NavigationStackGestureEnabler())\n }\n }\n}\n" }, { "path": "sample-ios/iosSample/iosSampleApp.swift", "content": "//\n// iosSampleApp.swift\n// iosSample\n//\n// Created by 橘子妖妖 on 2025/6/27.\n//\n\nimport SwiftUI\n\n@main\nstruct iosSampleApp: App {\n var body: some Scene {\n WindowGroup {\n NavigationPageView {\n HomePageView()\n }\n }\n }\n}\n" }, { "path": "sample-ios/iosSample/page/HomeViewController.swift", "content": "//\n// HomeViewController.swift\n// iosSample\n//\n// Created by 橘子妖妖 on 2025/6/28.\n//\n\n\nimport SwiftUI\nimport SampleKmpKit\n\nstruct HomePageView: View {\n \n @EnvironmentObject var navigationManager: NavigationManager\n \n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.homeViewController(\n onZoomable: {\n navigationManager.next(page: .Zoomable)\n },\n onNormal: {\n navigationManager.next(page: .Normal)\n },\n onHuge: {\n navigationManager.next(page: .Huge)\n },\n onGallery: {\n navigationManager.next(page: .Gallery)\n },\n onPreviewer: {\n navigationManager.next(page: .Previewer)\n },\n onTransform: {\n navigationManager.next(page: .Transform)\n },\n onDecoder: {\n navigationManager.next(page: .Decoder)\n },\n onDuplicate: {\n navigationManager.next(page: .Duplicate)\n }\n )\n }\n }\n }\n \n}\n\nstruct ZoomablePageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.zoomableViewController()\n }\n }\n }\n}\n\nstruct NormalPageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.normalViewController()\n }\n }\n }\n}\n\n\nstruct HugePageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.hugeViewController()\n }\n }\n }\n}\n\nstruct GalleryPageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.galleryViewController()\n }\n }\n }\n}\n\nstruct PreviewerPageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.previewerViewController()\n }\n }\n }\n}\n\nstruct TransformPageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.transformViewController()\n }\n }\n }\n}\n\nstruct DecoderPageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.decoderViewController()\n }\n }\n }\n}\n\nstruct DuplicatePageView: View {\n @EnvironmentObject var navigationManager: NavigationManager\n var body: some View {\n ComposeSwiperView {\n ComposeView {\n return ViewControllerKt.duplicateViewController()\n }\n }\n }\n}\n" }, { "path": "sample-ios/iosSample/page/NavigationPageView.swift", "content": "//\n// NavigationPageView.swift\n// iosSample\n//\n// Created by 橘子妖妖 on 2025/6/28.\n//\n\nimport SampleKmpKit\nimport SwiftUI\n\nclass NavigationManager: ObservableObject {\n @Published var path = NavigationPath()\n\n func next(page: Page) {\n path.append(page)\n }\n\n func back() {\n DispatchQueue.main.async {\n if self.path.count > 0 {\n self.path.removeLast()\n }\n }\n }\n\n func goHome() {\n while path.count > 0 {\n path.removeLast(path.count)\n }\n }\n}\n\nstruct NavigationPageView: View {\n @StateObject private var navigationManager = NavigationManager()\n\n var content: () -> Content\n\n var body: some View {\n NavigationStack(path: $navigationManager.path) {\n ZStack {\n self.content()\n }\n .navigationDestination(for: Page.self) { target in\n target.view\n }\n }\n .environmentObject(navigationManager)\n .ignoresSafeArea(.all, edges: .all)\n .toolbar(.hidden)\n }\n}\n\nenum Page: Hashable {\n case Home\n case Zoomable\n case Normal\n case Huge\n case Gallery\n case Previewer\n case Transform\n case Decoder\n case Duplicate\n\n @ViewBuilder\n var view: some View {\n switch self {\n case .Home:\n HomePageView()\n case .Zoomable:\n ZoomablePageView()\n case .Normal:\n NormalPageView()\n case .Huge:\n HugePageView()\n case .Gallery:\n GalleryPageView()\n case .Previewer:\n PreviewerPageView()\n case .Transform:\n TransformPageView()\n case .Decoder:\n DecoderPageView()\n case .Duplicate:\n DuplicatePageView()\n }\n }\n}\n\nstruct NotFoundPageView: View {\n var body: some View {\n Text(\"页面找不到～\")\n }\n}\n\nstruct RoomTestPage: View {\n var body: some View {\n Text(\"好家伙\")\n }\n}\n" }, { "path": "sample-ios/iosSample.xcodeproj/project.pbxproj", "content": "// !$*UTF8*$!\n{\n\tarchiveVersion = 1;\n\tclasses = {\n\t};\n\tobjectVersion = 77;\n\tobjects = {\n\n/* Begin PBXContainerItemProxy section */\n\t\tC8086DFF2E0EE62D00D32B13 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = C8086DE62E0EE62C00D32B13 /* Project object */;\n\t\t\tproxyType = 1;\n\t\t\tremoteGlobalIDString = C8086DED2E0EE62C00D32B13;\n\t\t\tremoteInfo = iosSample;\n\t\t};\n\t\tC8086E092E0EE62D00D32B13 /* PBXContainerItemProxy */ = {\n\t\t\tisa = PBXContainerItemProxy;\n\t\t\tcontainerPortal = C8086DE62E0EE62C00D32B13 /* Project object */;\n\t\t\tproxyType = 1;\n\t\t\tremoteGlobalIDString = C8086DED2E0EE62C00D32B13;\n\t\t\tremoteInfo = iosSample;\n\t\t};\n/* End PBXContainerItemProxy section */\n\n/* Begin PBXFileReference section */\n\t\tC8086DEE2E0EE62C00D32B13 /* iosSample.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = iosSample.app; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\tC8086DFE2E0EE62D00D32B13 /* iosSampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = iosSampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\tC8086E082E0EE62D00D32B13 /* iosSampleUITests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = iosSampleUITests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };\n/* End PBXFileReference section */\n\n/* Begin PBXFileSystemSynchronizedRootGroup section */\n\t\tC8086DF02E0EE62C00D32B13 /* iosSample */ = {\n\t\t\tisa = PBXFileSystemSynchronizedRootGroup;\n\t\t\tpath = iosSample;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tC8086E012E0EE62D00D32B13 /* iosSampleTests */ = {\n\t\t\tisa = PBXFileSystemSynchronizedRootGroup;\n\t\t\tpath = iosSampleTests;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tC8086E0B2E0EE62D00D32B13 /* iosSampleUITests */ = {\n\t\t\tisa = PBXFileSystemSynchronizedRootGroup;\n\t\t\tpath = iosSampleUITests;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXFileSystemSynchronizedRootGroup section */\n\n/* Begin PBXFrameworksBuildPhase section */\n\t\tC8086DEB2E0EE62C00D32B13 /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\tC8086DFB2E0EE62D00D32B13 /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\tC8086E052E0EE62D00D32B13 /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXFrameworksBuildPhase section */\n\n/* Begin PBXGroup section */\n\t\tC8086DE52E0EE62C00D32B13 = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tC8086DF02E0EE62C00D32B13 /* iosSample */,\n\t\t\t\tC8086E012E0EE62D00D32B13 /* iosSampleTests */,\n\t\t\t\tC8086E0B2E0EE62D00D32B13 /* iosSampleUITests */,\n\t\t\t\tC8086DEF2E0EE62C00D32B13 /* Products */,\n\t\t\t);\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tC8086DEF2E0EE62C00D32B13 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tC8086DEE2E0EE62C00D32B13 /* iosSample.app */,\n\t\t\t\tC8086DFE2E0EE62D00D32B13 /* iosSampleTests.xctest */,\n\t\t\t\tC8086E082E0EE62D00D32B13 /* iosSampleUITests.xctest */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXGroup section */\n\n/* Begin PBXNativeTarget section */\n\t\tC8086DED2E0EE62C00D32B13 /* iosSample */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = C8086E122E0EE62D00D32B13 /* Build configuration list for PBXNativeTarget \"iosSample\" */;\n\t\t\tbuildPhases = (\n\t\t\t\tC8086E2A2E0EE73900D32B13 /* Run Script */,\n\t\t\t\tC8086DEA2E0EE62C00D32B13 /* Sources */,\n\t\t\t\tC8086DEB2E0EE62C00D32B13 /* Frameworks */,\n\t\t\t\tC8086DEC2E0EE62C00D32B13 /* Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t);\n\t\t\tfileSystemSynchronizedGroups = (\n\t\t\t\tC8086DF02E0EE62C00D32B13 /* iosSample */,\n\t\t\t);\n\t\t\tname = iosSample;\n\t\t\tpackageProductDependencies = (\n\t\t\t);\n\t\t\tproductName = iosSample;\n\t\t\tproductReference = C8086DEE2E0EE62C00D32B13 /* iosSample.app */;\n\t\t\tproductType = \"com.apple.product-type.application\";\n\t\t};\n\t\tC8086DFD2E0EE62D00D32B13 /* iosSampleTests */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = C8086E152E0EE62D00D32B13 /* Build configuration list for PBXNativeTarget \"iosSampleTests\" */;\n\t\t\tbuildPhases = (\n\t\t\t\tC8086DFA2E0EE62D00D32B13 /* Sources */,\n\t\t\t\tC8086DFB2E0EE62D00D32B13 /* Frameworks */,\n\t\t\t\tC8086DFC2E0EE62D00D32B13 /* Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t\tC8086E002E0EE62D00D32B13 /* PBXTargetDependency */,\n\t\t\t);\n\t\t\tfileSystemSynchronizedGroups = (\n\t\t\t\tC8086E012E0EE62D00D32B13 /* iosSampleTests */,\n\t\t\t);\n\t\t\tname = iosSampleTests;\n\t\t\tpackageProductDependencies = (\n\t\t\t);\n\t\t\tproductName = iosSampleTests;\n\t\t\tproductReference = C8086DFE2E0EE62D00D32B13 /* iosSampleTests.xctest */;\n\t\t\tproductType = \"com.apple.product-type.bundle.unit-test\";\n\t\t};\n\t\tC8086E072E0EE62D00D32B13 /* iosSampleUITests */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = C8086E182E0EE62D00D32B13 /* Build configuration list for PBXNativeTarget \"iosSampleUITests\" */;\n\t\t\tbuildPhases = (\n\t\t\t\tC8086E042E0EE62D00D32B13 /* Sources */,\n\t\t\t\tC8086E052E0EE62D00D32B13 /* Frameworks */,\n\t\t\t\tC8086E062E0EE62D00D32B13 /* Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t\tC8086E0A2E0EE62D00D32B13 /* PBXTargetDependency */,\n\t\t\t);\n\t\t\tfileSystemSynchronizedGroups = (\n\t\t\t\tC8086E0B2E0EE62D00D32B13 /* iosSampleUITests */,\n\t\t\t);\n\t\t\tname = iosSampleUITests;\n\t\t\tpackageProductDependencies = (\n\t\t\t);\n\t\t\tproductName = iosSampleUITests;\n\t\t\tproductReference = C8086E082E0EE62D00D32B13 /* iosSampleUITests.xctest */;\n\t\t\tproductType = \"com.apple.product-type.bundle.ui-testing\";\n\t\t};\n/* End PBXNativeTarget section */\n\n/* Begin PBXProject section */\n\t\tC8086DE62E0EE62C00D32B13 /* Project object */ = {\n\t\t\tisa = PBXProject;\n\t\t\tattributes = {\n\t\t\t\tBuildIndependentTargetsInParallel = 1;\n\t\t\t\tLastSwiftUpdateCheck = 1600;\n\t\t\t\tLastUpgradeCheck = 1600;\n\t\t\t\tTargetAttributes = {\n\t\t\t\t\tC8086DED2E0EE62C00D32B13 = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 16.0;\n\t\t\t\t\t};\n\t\t\t\t\tC8086DFD2E0EE62D00D32B13 = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 16.0;\n\t\t\t\t\t\tTestTargetID = C8086DED2E0EE62C00D32B13;\n\t\t\t\t\t};\n\t\t\t\t\tC8086E072E0EE62D00D32B13 = {\n\t\t\t\t\t\tCreatedOnToolsVersion = 16.0;\n\t\t\t\t\t\tTestTargetID = C8086DED2E0EE62C00D32B13;\n\t\t\t\t\t};\n\t\t\t\t};\n\t\t\t};\n\t\t\tbuildConfigurationList = C8086DE92E0EE62C00D32B13 /* Build configuration list for PBXProject \"iosSample\" */;\n\t\t\tdevelopmentRegion = en;\n\t\t\thasScannedForEncodings = 0;\n\t\t\tknownRegions = (\n\t\t\t\ten,\n\t\t\t\tBase,\n\t\t\t);\n\t\t\tmainGroup = C8086DE52E0EE62C00D32B13;\n\t\t\tminimizedProjectReferenceProxies = 1;\n\t\t\tpreferredProjectObjectVersion = 77;\n\t\t\tproductRefGroup = C8086DEF2E0EE62C00D32B13 /* Products */;\n\t\t\tprojectDirPath = \"\";\n\t\t\tprojectRoot = \"\";\n\t\t\ttargets = (\n\t\t\t\tC8086DED2E0EE62C00D32B13 /* iosSample */,\n\t\t\t\tC8086DFD2E0EE62D00D32B13 /* iosSampleTests */,\n\t\t\t\tC8086E072E0EE62D00D32B13 /* iosSampleUITests */,\n\t\t\t);\n\t\t};\n/* End PBXProject section */\n\n/* Begin PBXResourcesBuildPhase section */\n\t\tC8086DEC2E0EE62C00D32B13 /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\tC8086DFC2E0EE62D00D32B13 /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\tC8086E062E0EE62D00D32B13 /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXResourcesBuildPhase section */\n\n/* Begin PBXShellScriptBuildPhase section */\n\t\tC8086E2A2E0EE73900D32B13 /* Run Script */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t);\n\t\t\tname = \"Run Script\";\n\t\t\toutputFileListPaths = (\n\t\t\t);\n\t\t\toutputPaths = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = \"/bin/sh\\n./gradlew :shared:embedAndSignAppleFrameworkForXcode\";\n\t\t\tshellScript = \"cd \\\"$SRCROOT/..\\\"\\n./gradlew :sample-kmp:embedAndSignAppleFrameworkForXcode\\n\";\n\t\t};\n/* End PBXShellScriptBuildPhase section */\n\n/* Begin PBXSourcesBuildPhase section */\n\t\tC8086DEA2E0EE62C00D32B13 /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\tC8086DFA2E0EE62D00D32B13 /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n\t\tC8086E042E0EE62D00D32B13 /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXSourcesBuildPhase section */\n\n/* Begin PBXTargetDependency section */\n\t\tC8086E002E0EE62D00D32B13 /* PBXTargetDependency */ = {\n\t\t\tisa = PBXTargetDependency;\n\t\t\ttarget = C8086DED2E0EE62C00D32B13 /* iosSample */;\n\t\t\ttargetProxy = C8086DFF2E0EE62D00D32B13 /* PBXContainerItemProxy */;\n\t\t};\n\t\tC8086E0A2E0EE62D00D32B13 /* PBXTargetDependency */ = {\n\t\t\tisa = PBXTargetDependency;\n\t\t\ttarget = C8086DED2E0EE62C00D32B13 /* iosSample */;\n\t\t\ttargetProxy = C8086E092E0EE62D00D32B13 /* PBXContainerItemProxy */;\n\t\t};\n/* End PBXTargetDependency section */\n\n/* Begin XCBuildConfiguration section */\n\t\tC8086E102E0EE62D00D32B13 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;\n\t\t\t\tCLANG_ANALYZER_NONNULL = YES;\n\t\t\t\tCLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"gnu++20\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_WEAK = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_DOCUMENTATION_COMMENTS = YES;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tDEBUG_INFORMATION_FORMAT = dwarf;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\tENABLE_USER_SCRIPT_SANDBOXING = YES;\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu17;\n\t\t\t\tGCC_DYNAMIC_NO_PIC = NO;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_OPTIMIZATION_LEVEL = 0;\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 18.0;\n\t\t\t\tLOCALIZATION_PREFERS_STRING_CATALOGS = YES;\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;\n\t\t\t\tMTL_FAST_MATH = YES;\n\t\t\t\tONLY_ACTIVE_ARCH = YES;\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tSWIFT_ACTIVE_COMPILATION_CONDITIONS = \"DEBUG $(inherited)\";\n\t\t\t\tSWIFT_OPTIMIZATION_LEVEL = \"-Onone\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\tC8086E112E0EE62D00D32B13 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;\n\t\t\t\tCLANG_ANALYZER_NONNULL = YES;\n\t\t\t\tCLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"gnu++20\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_WEAK = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_DOCUMENTATION_COMMENTS = YES;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tDEBUG_INFORMATION_FORMAT = \"dwarf-with-dsym\";\n\t\t\t\tENABLE_NS_ASSERTIONS = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tENABLE_USER_SCRIPT_SANDBOXING = YES;\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu17;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 18.0;\n\t\t\t\tLOCALIZATION_PREFERS_STRING_CATALOGS = YES;\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = NO;\n\t\t\t\tMTL_FAST_MATH = YES;\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tSWIFT_COMPILATION_MODE = wholemodule;\n\t\t\t\tVALIDATE_PRODUCT = YES;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\tC8086E132E0EE62D00D32B13 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;\n\t\t\t\tCODE_SIGN_STYLE = Automatic;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_ASSET_PATHS = \"\\\"iosSample/Preview Content\\\"\";\n\t\t\t\tDEVELOPMENT_TEAM = JC73H96SXY;\n\t\t\t\tENABLE_PREVIEWS = YES;\n\t\t\t\tENABLE_USER_SCRIPT_SANDBOXING = NO;\n\t\t\t\tGENERATE_INFOPLIST_FILE = YES;\n\t\t\t\tINFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;\n\t\t\t\tINFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;\n\t\t\t\tINFOPLIST_KEY_UILaunchScreen_Generation = YES;\n\t\t\t\tINFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = \"UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight\";\n\t\t\t\tINFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = \"UIInterfaceOrientationPortrait UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.jvziyaoyao.scale.iosSample;\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSWIFT_EMIT_LOC_STRINGS = YES;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tTARGETED_DEVICE_FAMILY = \"1,2\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\tC8086E142E0EE62D00D32B13 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;\n\t\t\t\tCODE_SIGN_STYLE = Automatic;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_ASSET_PATHS = \"\\\"iosSample/Preview Content\\\"\";\n\t\t\t\tDEVELOPMENT_TEAM = JC73H96SXY;\n\t\t\t\tENABLE_PREVIEWS = YES;\n\t\t\t\tENABLE_USER_SCRIPT_SANDBOXING = NO;\n\t\t\t\tGENERATE_INFOPLIST_FILE = YES;\n\t\t\t\tINFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;\n\t\t\t\tINFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;\n\t\t\t\tINFOPLIST_KEY_UILaunchScreen_Generation = YES;\n\t\t\t\tINFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = \"UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight\";\n\t\t\t\tINFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = \"UIInterfaceOrientationPortrait UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight\";\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.jvziyaoyao.scale.iosSample;\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSWIFT_EMIT_LOC_STRINGS = YES;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tTARGETED_DEVICE_FAMILY = \"1,2\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\tC8086E162E0EE62D00D32B13 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tCODE_SIGN_STYLE = Automatic;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = JC73H96SXY;\n\t\t\t\tGENERATE_INFOPLIST_FILE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 18.0;\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.jvziyaoyao.scale.iosSampleTests;\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSWIFT_EMIT_LOC_STRINGS = NO;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tTARGETED_DEVICE_FAMILY = \"1,2\";\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/iosSample.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/iosSample\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\tC8086E172E0EE62D00D32B13 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tBUNDLE_LOADER = \"$(TEST_HOST)\";\n\t\t\t\tCODE_SIGN_STYLE = Automatic;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = JC73H96SXY;\n\t\t\t\tGENERATE_INFOPLIST_FILE = YES;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 18.0;\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.jvziyaoyao.scale.iosSampleTests;\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSWIFT_EMIT_LOC_STRINGS = NO;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tTARGETED_DEVICE_FAMILY = \"1,2\";\n\t\t\t\tTEST_HOST = \"$(BUILT_PRODUCTS_DIR)/iosSample.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/iosSample\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\tC8086E192E0EE62D00D32B13 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tCODE_SIGN_STYLE = Automatic;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = JC73H96SXY;\n\t\t\t\tGENERATE_INFOPLIST_FILE = YES;\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.jvziyaoyao.scale.iosSampleUITests;\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSWIFT_EMIT_LOC_STRINGS = NO;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tTARGETED_DEVICE_FAMILY = \"1,2\";\n\t\t\t\tTEST_TARGET_NAME = iosSample;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\tC8086E1A2E0EE62D00D32B13 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tCODE_SIGN_STYLE = Automatic;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = JC73H96SXY;\n\t\t\t\tGENERATE_INFOPLIST_FILE = YES;\n\t\t\t\tMARKETING_VERSION = 1.0;\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.jvziyaoyao.scale.iosSampleUITests;\n\t\t\t\tPRODUCT_NAME = \"$(TARGET_NAME)\";\n\t\t\t\tSWIFT_EMIT_LOC_STRINGS = NO;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tTARGETED_DEVICE_FAMILY = \"1,2\";\n\t\t\t\tTEST_TARGET_NAME = iosSample;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n/* End XCBuildConfiguration section */\n\n/* Begin XCConfigurationList section */\n\t\tC8086DE92E0EE62C00D32B13 /* Build configuration list for PBXProject \"iosSample\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\tC8086E102E0EE62D00D32B13 /* Debug */,\n\t\t\t\tC8086E112E0EE62D00D32B13 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\tC8086E122E0EE62D00D32B13 /* Build configuration list for PBXNativeTarget \"iosSample\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\tC8086E132E0EE62D00D32B13 /* Debug */,\n\t\t\t\tC8086E142E0EE62D00D32B13 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\tC8086E152E0EE62D00D32B13 /* Build configuration list for PBXNativeTarget \"iosSampleTests\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\tC8086E162E0EE62D00D32B13 /* Debug */,\n\t\t\t\tC8086E172E0EE62D00D32B13 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\tC8086E182E0EE62D00D32B13 /* Build configuration list for PBXNativeTarget \"iosSampleUITests\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\tC8086E192E0EE62D00D32B13 /* Debug */,\n\t\t\t\tC8086E1A2E0EE62D00D32B13 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n/* End XCConfigurationList section */\n\t};\n\trootObject = C8086DE62E0EE62C00D32B13 /* Project object */;\n}\n" }, { "path": "sample-ios/iosSample.xcodeproj/project.xcworkspace/contents.xcworkspacedata", "content": "\n\n \n \n\n" }, { "path": "sample-ios/iosSample.xcodeproj/project.xcworkspace/xcuserdata/jvziyaoyao.xcuserdatad/xcschemes/xcschememanagement.plist", "content": "\n\n\n\n\n" }, { "path": "sample-ios/iosSample.xcodeproj/xcuserdata/jvziyaoyao.xcuserdatad/xcschemes/iosSample.xcscheme", "content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n" }, { "path": "sample-ios/iosSample.xcodeproj/xcuserdata/jvziyaoyao.xcuserdatad/xcschemes/xcschememanagement.plist", "content": "\n\n\n\n\tSchemeUserState\n\t\n\t\tiosSample.xcscheme\n\t\t\n\t\t\torderHint\n\t\t\t0\n\t\t\n\t\n\n\n" }, { "path": "sample-ios/iosSampleTests/iosSampleTests.swift", "content": "//\n// iosSampleTests.swift\n// iosSampleTests\n//\n// Created by 橘子妖妖 on 2025/6/27.\n//\n\nimport Testing\n@testable import iosSample\n\nstruct iosSampleTests {\n\n @Test func example() async throws {\n // Write your test here and use APIs like `#expect(...)` to check expected conditions.\n }\n\n}\n" }, { "path": "sample-ios/iosSampleUITests/iosSampleUITests.swift", "content": "//\n// iosSampleUITests.swift\n// iosSampleUITests\n//\n// Created by 橘子妖妖 on 2025/6/27.\n//\n\nimport XCTest\n\nfinal class iosSampleUITests: XCTestCase {\n\n override func setUpWithError() throws {\n // Put setup code here. This method is called before the invocation of each test method in the class.\n\n // In UI tests it is usually best to stop immediately when a failure occurs.\n continueAfterFailure = false\n\n // In UI tests it’s important to set the initial state - such as interface orientation - required for your tests before they run. The setUp method is a good place to do this.\n }\n\n override func tearDownWithError() throws {\n // Put teardown code here. This method is called after the invocation of each test method in the class.\n }\n\n @MainActor\n func testExample() throws {\n // UI tests must launch the application that they test.\n let app = XCUIApplication()\n app.launch()\n\n // Use XCTAssert and related functions to verify your tests produce the correct results.\n }\n\n @MainActor\n func testLaunchPerformance() throws {\n if #available(macOS 10.15, iOS 13.0, tvOS 13.0, watchOS 7.0, *) {\n // This measures how long it takes to launch your application.\n measure(metrics: [XCTApplicationLaunchMetric()]) {\n XCUIApplication().launch()\n }\n }\n }\n}\n" }, { "path": "sample-ios/iosSampleUITests/iosSampleUITestsLaunchTests.swift", "content": "//\n// iosSampleUITestsLaunchTests.swift\n// iosSampleUITests\n//\n// Created by 橘子妖妖 on 2025/6/27.\n//\n\nimport XCTest\n\nfinal class iosSampleUITestsLaunchTests: XCTestCase {\n\n override class var runsForEachTargetApplicationUIConfiguration: Bool {\n true\n }\n\n override func setUpWithError() throws {\n continueAfterFailure = false\n }\n\n @MainActor\n func testLaunch() throws {\n let app = XCUIApplication()\n app.launch()\n\n // Insert steps here to perform after app launch but before taking a screenshot,\n // such as logging into a test account or navigating somewhere in the app\n\n let attachment = XCTAttachment(screenshot: app.screenshot())\n attachment.name = \"Launch Screen\"\n attachment.lifetime = .keepAlways\n add(attachment)\n }\n}\n" }, { "path": "sample-kmp/.gitignore", "content": "/build" }, { "path": "sample-kmp/build.gradle.kts", "content": "import scale.compileSdk\nimport scale.minSdk\n\nplugins {\n id(\"com.android.kotlin.multiplatform.library\")\n id(\"org.jetbrains.kotlin.plugin.compose\")\n id(\"org.jetbrains.kotlin.multiplatform\")\n id(\"org.jetbrains.compose\")\n}\n\nkotlin {\n androidLibrary {\n namespace = \"com.jvziyaoyao.scale.sample\"\n compileSdk = project.compileSdk\n minSdk = project.minSdk\n }\n\n jvm()\n\n listOf(\n iosX64(),\n iosArm64(),\n iosSimulatorArm64()\n ).forEach { iosTarget ->\n iosTarget.binaries.framework {\n baseName = \"SampleKmpKit\"\n isStatic = true\n }\n }\n\n sourceSets {\n commonMain {\n dependencies {\n implementation(project(\":scale-image-viewer\"))\n implementation(project(\":scale-zoomable-view\"))\n implementation(project(\":scale-sampling-decoder\"))\n\n implementation(compose.materialIconsExtended)\n\n implementation(compose.material)\n implementation(compose.material3)\n\n implementation(libs.coil.compose)\n implementation(libs.coil.network.ktor3)\n\n implementation(libs.kotlin.stdlib)\n\n implementation(compose.runtime)\n implementation(compose.foundation)\n implementation(compose.ui)\n api(compose.components.resources)\n implementation(compose.components.uiToolingPreview)\n\n implementation(libs.org.jetbrains.kotlinx.datetime)\n }\n }\n\n commonTest {\n dependencies {\n implementation(libs.kotlin.test)\n }\n }\n\n androidMain {\n dependencies {\n implementation(libs.androidx.activity.compose)\n // Ktor\n implementation(libs.ktor.client.okhttp)\n }\n }\n\n iosMain {\n dependencies {\n implementation(libs.ktor.client.darwin)\n }\n }\n }\n\n}\n\n//compose.desktop {\n// application {\n// mainClass = \"com.jvziyaoyao.scale.sampe.MainKt\"\n//\n// nativeDistributions {\n// targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb)\n// packageName = \"com.jvziyaoyao.scale.sampe\"\n// packageVersion = \"1.0.1\"\n// }\n// }\n//}" }, { "path": "sample-kmp/src/androidMain/AndroidManifest.xml", "content": "\n\n\n" }, { "path": "sample-kmp/src/androidMain/kotlin/com/jvziyaoyao/scale/sample/base/BaseMathod.android.kt", "content": "package com.jvziyaoyao.scale.sample.base\n\nimport android.util.Log\nimport androidx.compose.runtime.Composable\n\n@Composable\nactual fun BackHandler(enabled: Boolean, onBack: () -> Unit) {\n androidx.activity.compose.BackHandler(enabled) {\n onBack.invoke()\n }\n}\n\nactual fun log(msg: String, tag: String) {\n Log.i(tag, msg)\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/base/BaseMathod.kt", "content": "package com.jvziyaoyao.scale.sample.base\n\nimport androidx.compose.runtime.Composable\n\n@Composable\nexpect fun BackHandler(enabled: Boolean = true, onBack: () -> Unit)\n\nexpect fun log(\n msg: String,\n tag: String = \"ScaleDefaultTag\",\n)" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Decoder.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.layout.width\nimport androidx.compose.material.Slider\nimport androidx.compose.material.Switch\nimport androidx.compose.material3.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.image.previewer.ImagePreviewer\nimport com.jvziyaoyao.scale.image.sampling.SamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.rememberSamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.samplingProcessorPair\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.sample.base.BackHandler\nimport com.jvziyaoyao.scale.sample.ui.component.DetectScaleGridGesture\nimport com.jvziyaoyao.scale.sample.ui.component.ScaleGrid\nimport com.jvziyaoyao.scale.sample.ui.theme.getSlideColors\nimport com.jvziyaoyao.scale.sample.ui.theme.getSwitchColors\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.VerticalDragType\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\nimport kotlinx.coroutines.delay\nimport kotlinx.coroutines.launch\nimport scale.sample_kmp.generated.resources.Res\nimport kotlin.math.ceil\nimport kotlin.math.roundToInt\n\n@Composable\nfun DecoderBody() {\n BoxWithConstraints(\n modifier = Modifier\n .fillMaxSize(),\n ) {\n val key = \"2887\"\n val scope = rememberCoroutineScope()\n val previewerState = rememberPreviewerState(\n verticalDragType = VerticalDragType.Down,\n pageCount = { 1 },\n getKey = { key },\n )\n\n val horizontal = this@BoxWithConstraints.maxWidth > maxHeight\n // Save\n var transformEnable by rememberSaveable { mutableStateOf(true) }\n var loadDelay by rememberSaveable { mutableStateOf(0F) }\n var rotation by rememberSaveable { mutableStateOf(0F) }\n if (previewerState.canClose || previewerState.animating) BackHandler {\n if (previewerState.canClose) scope.launch {\n if (transformEnable) {\n previewerState.exitTransform()\n } else {\n previewerState.close()\n }\n }\n }\n\n val bytes = remember { mutableStateOf(null) }\n LaunchedEffect(Unit) {\n bytes.value = Res.readBytes(\"files/a350.jpg\")\n }\n\n val realRotation = roundToNearest90(rotation)\n val decoderRotation = when (realRotation) {\n SamplingDecoder.Rotation.ROTATION_90.radius -> SamplingDecoder.Rotation.ROTATION_90\n SamplingDecoder.Rotation.ROTATION_180.radius -> SamplingDecoder.Rotation.ROTATION_180\n SamplingDecoder.Rotation.ROTATION_270.radius -> SamplingDecoder.Rotation.ROTATION_270\n else -> SamplingDecoder.Rotation.ROTATION_0\n }\n val (samplingDecoder, error) = rememberSamplingDecoder(\n bytes = bytes.value,\n rotation = decoderRotation\n )\n\n val imageBitmap = remember { mutableStateOf(null) }\n val itemState = rememberTransformItemState(\n intrinsicSize = imageBitmap.value?.let {\n Size(it.width.toFloat(), it.height.toFloat())\n },\n )\n LaunchedEffect(samplingDecoder) {\n if (samplingDecoder != null) {\n imageBitmap.value = samplingDecoder.createTempBitmap()\n }\n }\n\n Column(\n modifier = Modifier\n .fillMaxSize(),\n horizontalAlignment = Alignment.CenterHorizontally,\n verticalArrangement = Arrangement.Center,\n ) {\n Box(\n Modifier.size(120.dp), contentAlignment = Alignment.Center\n ) {\n ScaleGrid(\n detectGesture = DetectScaleGridGesture(\n onPress = {\n scope.launch {\n if (transformEnable) {\n previewerState.enterTransform(0)\n } else {\n previewerState.open(0)\n }\n }\n }\n )\n ) {\n TransformItemView(\n key = key,\n itemState = itemState,\n transformState = previewerState,\n ) {\n imageBitmap.value?.let {\n Image(\n modifier = Modifier.fillMaxSize(),\n bitmap = it,\n contentScale = ContentScale.Crop,\n contentDescription = null,\n )\n }\n }\n }\n }\n Spacer(modifier = Modifier.height(if (horizontal) 12.dp else 24.dp))\n Text(text = \"👆 Clickable\")\n Spacer(modifier = Modifier.height(if (horizontal) 24.dp else 72.dp))\n Column(modifier = Modifier.fillMaxWidth(if (horizontal) 0.4F else 0.6F)) {\n Row(\n modifier = Modifier.fillMaxWidth(),\n verticalAlignment = Alignment.CenterVertically,\n horizontalArrangement = Arrangement.SpaceBetween,\n ) {\n Text(text = \"Transform:\")\n Switch(\n checked = transformEnable,\n onCheckedChange = {\n transformEnable = it\n },\n colors = getSwitchColors(),\n )\n }\n Spacer(modifier = Modifier.height(if (horizontal) 10.dp else 20.dp))\n Row(\n modifier = Modifier.fillMaxWidth(),\n verticalAlignment = Alignment.CenterVertically,\n horizontalArrangement = Arrangement.SpaceBetween,\n ) {\n Text(text = \"Delay ${loadDelay.toLong()}:\")\n Slider(\n modifier = Modifier\n .height(48.dp)\n .width(100.dp),\n colors = getSlideColors(),\n value = loadDelay,\n valueRange = 0F..4000F,\n onValueChange = {\n loadDelay = it\n },\n )\n }\n Spacer(modifier = Modifier.height(if (horizontal) 10.dp else 20.dp))\n Row(\n modifier = Modifier.fillMaxWidth(),\n verticalAlignment = Alignment.CenterVertically,\n horizontalArrangement = Arrangement.SpaceBetween,\n ) {\n Text(text = \"Rotation ${ceil(rotation).toInt()}:\")\n Slider(\n modifier = Modifier\n .height(48.dp)\n .width(100.dp),\n colors = getSlideColors(),\n value = rotation,\n valueRange = 0F..270F,\n steps = 2,\n onValueChange = {\n rotation = it\n },\n )\n }\n }\n }\n\n ImagePreviewer(\n state = previewerState,\n processor = ModelProcessor(samplingProcessorPair),\n imageLoader = { _ ->\n val realSamplingDecoder = remember { mutableStateOf(null) }\n LaunchedEffect(samplingDecoder) {\n if (samplingDecoder != null) {\n delay(loadDelay.toLong())\n realSamplingDecoder.value = samplingDecoder\n }\n }\n return@ImagePreviewer Pair(\n realSamplingDecoder.value,\n realSamplingDecoder.value?.intrinsicSize\n )\n }\n )\n }\n}\n\nfun roundToNearest90(rotation: Float): Int {\n val normalized = rotation % 360f\n val rounded = (normalized / 90f).roundToInt() * 90\n return (rounded % 360 + 360) % 360 // 确保结果在 0..359\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Duplicate.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateMapOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.image.previewer.ImagePreviewer\nimport com.jvziyaoyao.scale.sample.base.BackHandler\nimport com.jvziyaoyao.scale.sample.ui.component.DetectScaleGridGesture\nimport com.jvziyaoyao.scale.sample.ui.component.ScaleGrid\nimport com.jvziyaoyao.scale.zoomable.previewer.PreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemState\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.VerticalDragType\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\nimport kotlinx.coroutines.launch\nimport org.jetbrains.compose.resources.DrawableResource\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.img_03\nimport scale.sample_kmp.generated.resources.img_06\n\n@Composable\nfun DuplicateBody() {\n val scope = rememberCoroutineScope()\n val imageIds = remember { listOf(Res.drawable.img_03, Res.drawable.img_06) }\n\n val itemStateMap01 = remember { mutableStateMapOf() }\n val previewerState01 = rememberPreviewerState(\n verticalDragType = VerticalDragType.UpAndDown,\n transformItemStateMap = itemStateMap01,\n pageCount = { imageIds.size },\n getKey = { imageIds[it] },\n )\n if (previewerState01.canClose || previewerState01.animating) BackHandler {\n if (previewerState01.canClose) scope.launch {\n previewerState01.exitTransform()\n }\n }\n\n val itemStateMap02 = remember { mutableStateMapOf() }\n val previewerState02 = rememberPreviewerState(\n verticalDragType = VerticalDragType.UpAndDown,\n transformItemStateMap = itemStateMap02,\n pageCount = { imageIds.size },\n getKey = { imageIds[it] },\n )\n if (previewerState02.canClose || previewerState02.animating) BackHandler {\n if (previewerState02.canClose) scope.launch {\n previewerState02.exitTransform()\n }\n }\n\n Column(\n modifier = Modifier.fillMaxSize(),\n horizontalAlignment = Alignment.CenterHorizontally,\n verticalArrangement = Arrangement.Center,\n ) {\n DuplicateRow(\n imageIds = imageIds,\n previewerState = previewerState01,\n )\n Spacer(modifier = Modifier.height(20.dp))\n DuplicateRow(\n imageIds = imageIds,\n previewerState = previewerState02,\n )\n }\n\n ImagePreviewer(\n state = previewerState01,\n imageLoader = { index ->\n val painter = painterResource(imageIds[index])\n return@ImagePreviewer Pair(painter, painter.intrinsicSize)\n }\n )\n ImagePreviewer(\n state = previewerState02,\n imageLoader = { index ->\n val painter = painterResource(imageIds[index])\n return@ImagePreviewer Pair(painter, painter.intrinsicSize)\n }\n )\n}\n\n@Composable\nfun DuplicateRow(\n imageIds: List,\n previewerState: PreviewerState,\n) {\n val scope = rememberCoroutineScope()\n Row {\n imageIds.forEachIndexed { index, drawable ->\n val painter = painterResource(drawable)\n val itemState =\n rememberTransformItemState(\n intrinsicSize = painter.intrinsicSize\n )\n Box(\n modifier = Modifier\n .size(120.dp)\n .padding(2.dp)\n ) {\n ScaleGrid(\n detectGesture = DetectScaleGridGesture(\n onPress = {\n scope.launch {\n previewerState.enterTransform(index)\n }\n }\n )\n ) {\n TransformItemView(\n key = drawable,\n itemState = itemState,\n transformState = previewerState,\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentScale = ContentScale.Crop,\n contentDescription = null,\n )\n }\n }\n }\n }\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Gallery.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Color\nimport com.jvziyaoyao.scale.image.pager.ImagePager\nimport com.jvziyaoyao.scale.sample.ui.component.rememberCoilImagePainter\nimport com.jvziyaoyao.scale.zoomable.pager.ZoomablePager\nimport com.jvziyaoyao.scale.zoomable.pager.rememberZoomablePagerState\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.light_01\nimport scale.sample_kmp.generated.resources.light_02\nimport scale.sample_kmp.generated.resources.light_03\n\n@Composable\nfun GalleryBody() {\n// val images = remember {\n// mutableStateListOf(\n// \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n// \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n// \"https://t7.baidu.com/it/u=1423490396,3473826719&fm=193&f=GIF\",\n// \"https://t7.baidu.com/it/u=938052523,709452322&fm=193&f=GIF\",\n// )\n// }\n val images = remember {\n mutableStateListOf(\n Res.drawable.light_01,\n Res.drawable.light_02,\n Res.drawable.light_03,\n )\n }\n// ImagePager(\n// modifier = Modifier.fillMaxSize(),\n// pagerState = rememberZoomablePagerState { images.size },\n// imageLoader = { index ->\n// val painter = rememberCoilImagePainter(image = images[index])\n// val pair = remember { mutableStateOf>(Pair(null, null)) }\n// LaunchedEffect(painter) {\n// delay(1000)\n// pair.value = Pair(painter, painter.intrinsicSize)\n// }\n// return@ImagePager pair.value\n// },\n// )\n ImagePager(\n modifier = Modifier.fillMaxSize(),\n pagerState = rememberZoomablePagerState { images.size },\n imageLoader = { index ->\n val painter = painterResource(images[index])\n return@ImagePager Pair(painter, painter.intrinsicSize)\n },\n )\n}\n\n@Composable\nfun GalleryBody01() {\n val images = remember {\n mutableStateListOf(\n Res.drawable.light_01,\n Res.drawable.light_02,\n Res.drawable.light_03,\n )\n }\n val galleryState =\n rememberZoomablePagerState { images.size }\n ZoomablePager(state = galleryState) { page ->\n val image = images[page]\n val painter = rememberCoilImagePainter(image)\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(\n if (page % 2 == 0)\n Color.Red.copy(0.2F) else Color.Blue.copy(0.2F)\n )\n ) {\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n }\n }\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Home.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.ExperimentalFoundationApi\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.combinedClickable\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.systemBarsPadding\nimport androidx.compose.foundation.rememberScrollState\nimport androidx.compose.foundation.verticalScroll\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.text.style.TextAlign\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.sample.ui.theme.Layout\n\nenum class HomeAction() {\n Zoomable,\n Normal,\n Huge,\n Gallery,\n Previewer,\n Transform,\n Decoder,\n// Pictures,\n Duplicate,\n}\n\n@Composable\nfun HomeBody(\n onZoomable: () -> Unit,\n onNormal: () -> Unit,\n onHuge: () -> Unit,\n onGallery: () -> Unit,\n onPreviewer: () -> Unit,\n onTransform: () -> Unit,\n onDecoder: () -> Unit,\n onDuplicate: () -> Unit,\n) {\n val state = rememberScrollState()\n Column(\n modifier = Modifier\n .fillMaxSize()\n .background(MaterialTheme.colorScheme.background)\n .verticalScroll(state = state)\n .systemBarsPadding()\n .padding(Layout.padding.pl),\n verticalArrangement = Arrangement.spacedBy(24.dp),\n ) {\n HomeAction.entries.forEach { action ->\n HomeLargeButton(\n title = action.name,\n onClick = {\n when (action) {\n HomeAction.Zoomable -> onZoomable()\n HomeAction.Normal -> onNormal()\n HomeAction.Huge -> onHuge()\n HomeAction.Gallery -> onGallery()\n HomeAction.Previewer -> onPreviewer()\n HomeAction.Transform -> onTransform()\n HomeAction.Decoder -> onDecoder()\n HomeAction.Duplicate -> onDuplicate()\n else -> {}\n }\n },\n )\n }\n }\n}\n\n@OptIn(ExperimentalFoundationApi::class)\n@Composable\nfun HomeLargeButton(\n title: String,\n onDoubleClick: () -> Unit = {},\n onClick: () -> Unit,\n) {\n Text(\n text = title,\n modifier = Modifier\n .clip(MaterialTheme.shapes.medium)\n .combinedClickable(onClick = {\n onClick()\n }, onDoubleClick = {\n onDoubleClick()\n })\n .background(MaterialTheme.colorScheme.surface)\n .fillMaxWidth()\n .padding(vertical = 24.dp),\n textAlign = TextAlign.Center\n )\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Huge.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.material.CircularProgressIndicator\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Size\nimport com.jvziyaoyao.scale.image.sampling.SamplingCanvas\nimport com.jvziyaoyao.scale.image.sampling.getViewPort\nimport com.jvziyaoyao.scale.image.sampling.rememberSamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.samplingProcessorPair\nimport com.jvziyaoyao.scale.image.viewer.ImageViewer\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableView\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport kotlinx.coroutines.launch\nimport scale.sample_kmp.generated.resources.Res\n\n@Composable\nfun HugeBody() {\n val scope = rememberCoroutineScope()\n val bytes = remember { mutableStateOf(null) }\n LaunchedEffect(Unit) {\n bytes.value = Res.readBytes(\"files/a350.jpg\")\n }\n val (samplingDecoder) = rememberSamplingDecoder(bytes = bytes.value)\n if (samplingDecoder != null) {\n val state = rememberZoomableState(contentSize = samplingDecoder.intrinsicSize)\n ImageViewer(\n model = samplingDecoder,\n state = state,\n processor = ModelProcessor(samplingProcessorPair),\n detectGesture = ZoomableGestureScope(\n onDoubleTap = {\n scope.launch {\n state.toggleScale(it)\n }\n }\n )\n )\n } else {\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(modifier = Modifier.align(Alignment.Center))\n }\n }\n}\n\n@Composable\nfun HugeBody01() {\n val scope = rememberCoroutineScope()\n val bytes = remember { mutableStateOf(null) }\n LaunchedEffect(Unit) {\n bytes.value = Res.readBytes(\"files/a350.jpg\")\n }\n val (samplingDecoder) = rememberSamplingDecoder(bytes = bytes.value)\n val zoomableState = rememberZoomableState(\n contentSize = if (samplingDecoder == null) Size.Zero else Size(\n width = samplingDecoder.decoderWidth.toFloat(),\n height = samplingDecoder.decoderHeight.toFloat()\n )\n )\n ZoomableView(\n modifier = Modifier\n .fillMaxSize(),\n state = zoomableState,\n boundClip = false,\n detectGesture = ZoomableGestureScope(\n onDoubleTap = {\n scope.launch {\n zoomableState.toggleScale(it)\n }\n },\n ),\n ) {\n if (samplingDecoder != null) {\n val viewPort = zoomableState.getViewPort()\n SamplingCanvas(\n samplingDecoder = samplingDecoder,\n viewPort = viewPort,\n )\n }\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Normal.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Modifier\nimport com.jvziyaoyao.scale.image.viewer.ImageViewer\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport kotlinx.coroutines.launch\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.light_02\n\n@Composable\nfun NormalBody() {\n Box(\n modifier = Modifier\n .fillMaxSize()\n ) {\n val scope = rememberCoroutineScope()\n val painter = painterResource(Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ImageViewer(\n model = painter,\n state = state,\n detectGesture = ZoomableGestureScope(onDoubleTap = {\n scope.launch {\n state.toggleScale(it)\n }\n })\n )\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Previewer.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.clickable\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.aspectRatio\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.lazy.grid.GridCells\nimport androidx.compose.foundation.lazy.grid.LazyVerticalGrid\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.image.previewer.ImagePreviewer\nimport com.jvziyaoyao.scale.sample.base.BackHandler\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformLayerScope\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport kotlinx.coroutines.launch\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.img_01\nimport scale.sample_kmp.generated.resources.img_02\nimport scale.sample_kmp.generated.resources.img_03\nimport scale.sample_kmp.generated.resources.img_04\nimport scale.sample_kmp.generated.resources.img_05\nimport scale.sample_kmp.generated.resources.img_06\n\n@Composable\nfun PreviewerBody(\n onImageViewVisible: (Boolean) -> Unit = {},\n) {\n val scope = rememberCoroutineScope()\n val images = remember {\n listOf(\n Res.drawable.img_01,\n Res.drawable.img_02,\n Res.drawable.img_03,\n Res.drawable.img_04,\n Res.drawable.img_05,\n Res.drawable.img_06,\n )\n }\n\n val previewerState = rememberPreviewerState(pageCount = { images.size })\n if (previewerState.visible) BackHandler {\n scope.launch {\n previewerState.close()\n }\n }\n BoxWithConstraints(\n modifier = Modifier\n .fillMaxSize()\n ) {\n val horizontal = this@BoxWithConstraints.maxWidth > this@BoxWithConstraints.maxHeight\n val lineCount = if (horizontal) 6 else 3\n Box(\n modifier = Modifier\n .fillMaxSize()\n .padding(horizontal = 12.dp)\n .padding(top = 100.dp)\n ) {\n LazyVerticalGrid(columns = GridCells.Fixed(lineCount)) {\n images.forEachIndexed { index, item ->\n item {\n val needStart = index % lineCount != 0\n Row(\n modifier = Modifier\n .fillMaxWidth()\n .aspectRatio(1F)\n .padding(start = if (needStart) 2.dp else 0.dp, bottom = 2.dp)\n ) {\n Image(\n modifier = Modifier\n .fillMaxSize()\n .clickable {\n scope.launch {\n previewerState.open(index = index)\n }\n },\n painter = painterResource(item),\n contentDescription = null,\n contentScale = ContentScale.Crop,\n )\n }\n }\n }\n }\n }\n LaunchedEffect(key1 = previewerState.visible, block = {\n onImageViewVisible(previewerState.visible)\n })\n ImagePreviewer(\n state = previewerState,\n detectGesture = PagerGestureScope(onTap = {\n scope.launch {\n previewerState.close()\n }\n }),\n previewerLayer = TransformLayerScope(\n background = {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Black.copy(0.8F))\n )\n }\n ),\n imageLoader = { index ->\n val painter = painterResource(images[index])\n Pair(painter, painter.intrinsicSize)\n }\n )\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Transform.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.animation.AnimatedVisibility\nimport androidx.compose.animation.core.tween\nimport androidx.compose.animation.fadeIn\nimport androidx.compose.animation.fadeOut\nimport androidx.compose.animation.slideInVertically\nimport androidx.compose.animation.slideOutVertically\nimport androidx.compose.foundation.ExperimentalFoundationApi\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.clickable\nimport androidx.compose.foundation.gestures.detectTapGestures\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.Column\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.Spacer\nimport androidx.compose.foundation.layout.aspectRatio\nimport androidx.compose.foundation.layout.fillMaxHeight\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.layout.systemBarsPadding\nimport androidx.compose.foundation.layout.width\nimport androidx.compose.foundation.lazy.grid.GridCells\nimport androidx.compose.foundation.lazy.grid.LazyVerticalGrid\nimport androidx.compose.foundation.rememberScrollState\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.foundation.verticalScroll\nimport androidx.compose.material.Button\nimport androidx.compose.material.ButtonDefaults\nimport androidx.compose.material.FloatingActionButton\nimport androidx.compose.material.Icon\nimport androidx.compose.material.Slider\nimport androidx.compose.material.Switch\nimport androidx.compose.material.icons.Icons\nimport androidx.compose.material.icons.filled.Close\nimport androidx.compose.material.icons.filled.Delete\nimport androidx.compose.material.icons.filled.Settings\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.input.pointer.pointerInput\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.unit.sp\nimport com.jvziyaoyao.scale.image.previewer.ImagePreviewer\nimport com.jvziyaoyao.scale.sample.base.BackHandler\nimport com.jvziyaoyao.scale.sample.ui.component.DetectScaleGridGesture\nimport com.jvziyaoyao.scale.sample.ui.component.ScaleGrid\nimport com.jvziyaoyao.scale.sample.ui.theme.Layout\nimport com.jvziyaoyao.scale.sample.ui.theme.getSlideColors\nimport com.jvziyaoyao.scale.sample.ui.theme.getSwitchColors\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.VerticalDragType\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\nimport kotlinx.coroutines.launch\nimport org.jetbrains.compose.resources.DrawableResource\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.img_01\nimport scale.sample_kmp.generated.resources.img_02\nimport scale.sample_kmp.generated.resources.img_03\nimport scale.sample_kmp.generated.resources.img_04\nimport scale.sample_kmp.generated.resources.img_05\nimport scale.sample_kmp.generated.resources.img_06\nimport kotlin.uuid.ExperimentalUuidApi\nimport kotlin.uuid.Uuid\n\ndata class DrawableItem(\n val id: String,\n val res: DrawableResource,\n)\n\nval drawableItemTempIdMap = mutableMapOf()\n\nprivate val imageIds = listOf(\n Res.drawable.img_01,\n Res.drawable.img_02,\n Res.drawable.img_03,\n Res.drawable.img_04,\n Res.drawable.img_05,\n Res.drawable.img_06,\n)\n\n@OptIn(ExperimentalUuidApi::class)\nfun getUUID(): String {\n return Uuid.random().toString()\n}\n\n@OptIn(ExperimentalFoundationApi::class)\n@Composable\nfun TransformBody() {\n val images = remember { mutableStateListOf() }\n fun onRepeatChanged(repeat: Int) {\n images.clear()\n for (i in 0 until repeat) {\n for ((index, res) in imageIds.withIndex()) {\n val currentIndex = i * imageIds.size + index\n var id = drawableItemTempIdMap[currentIndex]\n if (id == null) {\n id = getUUID()\n drawableItemTempIdMap[currentIndex] = id\n }\n images.add(\n DrawableItem(\n id = id,\n res = res\n )\n )\n }\n }\n }\n\n fun onDeleteItem(item: DrawableItem) {\n images.remove(item)\n }\n\n val settingState = remember { TransformSettingState() }\n val scope = rememberCoroutineScope()\n val previewerState = rememberPreviewerState(\n scope = scope,\n defaultAnimationSpec = tween(settingState.animationDuration),\n verticalDragType = VerticalDragType.Down,\n pageCount = { images.size },\n getKey = { images[it].id },\n )\n LaunchedEffect(settingState.dataRepeat) {\n onRepeatChanged(settingState.dataRepeat)\n }\n LaunchedEffect(images.size) {\n if (images.isEmpty() && (previewerState.canClose || previewerState.animating)) {\n previewerState.close()\n }\n }\n if (previewerState.canClose || previewerState.animating) BackHandler {\n if (previewerState.canClose) scope.launch {\n if (settingState.transformExit) {\n previewerState.exitTransform()\n } else {\n previewerState.close()\n }\n }\n }\n BoxWithConstraints(modifier = Modifier.fillMaxSize()) {\n val horizontal = this.maxWidth > maxHeight\n val lineCount = if (horizontal) 6 else 3\n Column(\n modifier = Modifier\n .fillMaxSize()\n .systemBarsPadding()\n ) {\n Column(\n modifier = Modifier\n .fillMaxWidth()\n .weight(3F),\n horizontalAlignment = Alignment.CenterHorizontally,\n verticalArrangement = Arrangement.Center,\n ) {\n Text(text = \"🎈 Transform\")\n }\n Box(\n modifier = Modifier\n .fillMaxWidth()\n .padding(\n start = Layout.padding.pxxl,\n end = Layout.padding.pxxl,\n bottom = Layout.padding.pxxl,\n )\n .weight(if (horizontal) 6F else 7F)\n ) {\n LazyVerticalGrid(columns = GridCells.Fixed(lineCount)) {\n images.forEachIndexed { index, item ->\n item(key = item.id) {\n val needStart = index % lineCount != 0\n val painter = painterResource(item.res)\n val itemState =\n rememberTransformItemState(\n intrinsicSize = painter.intrinsicSize\n )\n Box(\n modifier = Modifier\n .fillMaxWidth()\n .aspectRatio(1F)\n .animateItem()\n .padding(start = if (needStart) 2.dp else 0.dp, bottom = 2.dp),\n contentAlignment = Alignment.Center\n ) {\n ScaleGrid(\n detectGesture = DetectScaleGridGesture(\n onPress = {\n scope.launch {\n if (settingState.transformEnter) {\n previewerState.enterTransform(index)\n } else {\n previewerState.open(index)\n }\n }\n }\n )\n ) {\n TransformItemView(\n key = item.id,\n itemState = itemState,\n transformState = previewerState,\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentScale = ContentScale.Crop,\n contentDescription = null,\n )\n }\n }\n Box(\n modifier = Modifier.fillMaxSize(),\n contentAlignment = Alignment.BottomCenter\n ) {\n Box(\n modifier = Modifier\n .fillMaxWidth()\n .background(\n MaterialTheme.colorScheme.onBackground.copy(\n 0.4F\n )\n )\n .padding(vertical = Layout.padding.pxs)\n .clickable {\n onDeleteItem(item)\n },\n contentAlignment = Alignment.Center\n ) {\n Icon(\n modifier = Modifier.size(16.dp),\n imageVector = Icons.Filled.Delete,\n contentDescription = null,\n tint = MaterialTheme.colorScheme.surface.copy(0.6F)\n )\n }\n }\n }\n }\n }\n }\n }\n }\n\n SettingSurface(settingState)\n\n ImagePreviewer(\n state = previewerState,\n detectGesture = PagerGestureScope(\n onTap = {\n scope.launch {\n previewerState.exitTransform()\n }\n }\n ),\n imageLoader = { index ->\n val painter = if (settingState.loaderError && (index % 2 == 0)) null\n else painterResource(images[index].res)\n return@ImagePreviewer Pair(painter, painter?.intrinsicSize)\n }\n )\n }\n}\n\n@Composable\nfun SettingItem(\n label: String,\n content: @Composable () -> Unit,\n) {\n Row(\n modifier = Modifier.fillMaxWidth(),\n horizontalArrangement = Arrangement.SpaceBetween,\n verticalAlignment = Alignment.CenterVertically\n ) {\n Text(text = label, fontSize = 14.sp)\n Box {\n content()\n }\n }\n}\n\n@Composable\nfun SettingItemSwitch(\n checked: Boolean,\n onCheckedChanged: (Boolean) -> Unit,\n) {\n Box(modifier = Modifier.padding(vertical = Layout.padding.pm)) {\n Switch(\n checked = checked,\n onCheckedChange = onCheckedChanged,\n colors = getSwitchColors()\n )\n }\n}\n\nval VERTICAL_DRAG_ENABLE = VerticalDragType.UpAndDown\nval VERTICAL_DRAG_DISABLE = VerticalDragType.None\nval DEFAULT_VERTICAL_DRAG = VERTICAL_DRAG_ENABLE\nconst val DEFAULT_LOADER_ERROR = false\nconst val DEFAULT_TRANSFORM_ENTER = true\nconst val DEFAULT_TRANSFORM_EXIT = true\nconst val DEFAULT_ANIMATION_DURATION = 400\nconst val DEFAULT_DATA_REPEAT = 1\n\nclass TransformSettingState {\n\n var loaderError by mutableStateOf(DEFAULT_LOADER_ERROR)\n\n var verticalDrag by mutableStateOf(DEFAULT_VERTICAL_DRAG)\n\n var transformEnter by mutableStateOf(DEFAULT_TRANSFORM_ENTER)\n\n var transformExit by mutableStateOf(DEFAULT_TRANSFORM_EXIT)\n\n var animationDuration by mutableStateOf(DEFAULT_ANIMATION_DURATION)\n\n var dataRepeat by mutableStateOf(DEFAULT_DATA_REPEAT)\n\n fun reset() {\n loaderError = DEFAULT_LOADER_ERROR\n verticalDrag = DEFAULT_VERTICAL_DRAG\n transformEnter = DEFAULT_TRANSFORM_ENTER\n transformExit = DEFAULT_TRANSFORM_EXIT\n animationDuration = DEFAULT_ANIMATION_DURATION\n dataRepeat = DEFAULT_DATA_REPEAT\n }\n\n// companion object {\n// val Saver: Saver = mapSaver(\n// save = {\n// mapOf(\n// it::loaderError.name to it.loaderError,\n// it::verticalDrag.name to it.verticalDrag,\n// it::transformEnter.name to it.transformEnter,\n// it::transformExit.name to it.transformExit,\n// it::animationDuration.name to it.animationDuration,\n// it::dataRepeat.name to it.dataRepeat,\n// )\n// },\n// restore = {\n// val state = TransformSettingState()\n// state.loaderError = it[state::loaderError.name] as Boolean\n// state.verticalDrag = it[state::verticalDrag.name] as VerticalDragType\n// state.transformEnter = it[state::transformEnter.name] as Boolean\n// state.transformExit = it[state::transformExit.name] as Boolean\n// state.animationDuration = it[state::animationDuration.name] as Int\n// state.dataRepeat = it[state::dataRepeat.name] as Int\n// state\n// }\n// )\n// }\n}\n\n//@Composable\n//fun rememberSettingState(): TransformSettingState {\n// return rememberSaveable(saver = TransformSettingState.Saver) {\n// TransformSettingState()\n// }\n//}\n\n@Composable\nfun SettingPanel(state: TransformSettingState, onClose: () -> Unit) {\n Column(modifier = Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally) {\n SettingPanelBanner(onClose)\n Column(\n modifier = Modifier\n .fillMaxWidth(0.8F)\n .weight(1F)\n .verticalScroll(rememberScrollState())\n ) {\n SettingItem(label = \"Loader Error\") {\n SettingItemSwitch(checked = state.loaderError, onCheckedChanged = {\n state.loaderError = it\n })\n }\n Spacer(modifier = Modifier.height(Layout.padding.pxs))\n SettingItem(label = \"Vertical Drag\") {\n SettingItemSwitch(\n checked = state.verticalDrag == VERTICAL_DRAG_ENABLE,\n onCheckedChanged = {\n state.verticalDrag =\n if (it) VERTICAL_DRAG_ENABLE else VERTICAL_DRAG_DISABLE\n })\n }\n Spacer(modifier = Modifier.height(Layout.padding.pxs))\n SettingItem(label = \"Transform Enter\") {\n SettingItemSwitch(checked = state.transformEnter, onCheckedChanged = {\n state.transformEnter = it\n })\n }\n Spacer(modifier = Modifier.height(Layout.padding.pxs))\n SettingItem(label = \"Transform Exit\") {\n SettingItemSwitch(checked = state.transformExit, onCheckedChanged = {\n state.transformExit = it\n })\n }\n Spacer(modifier = Modifier.height(Layout.padding.pm))\n SettingItem(label = \"Duration ${state.animationDuration.toLong()}\") {\n Slider(\n modifier = Modifier\n .height(48.dp)\n .width(120.dp),\n colors = getSlideColors(),\n value = state.animationDuration.toFloat(),\n valueRange = 0F..2000F,\n onValueChange = {\n state.animationDuration = it.toInt()\n },\n )\n }\n Spacer(modifier = Modifier.height(Layout.padding.pl))\n SettingItem(label = \"Data Repeat ${state.dataRepeat}\") {\n Slider(\n modifier = Modifier\n .height(48.dp)\n .width(120.dp),\n colors = getSlideColors(),\n value = state.dataRepeat.toFloat(),\n valueRange = 1F..100F,\n onValueChange = {\n state.dataRepeat = it.toInt()\n },\n )\n }\n Spacer(modifier = Modifier.height(Layout.padding.pxxl))\n Button(\n modifier = Modifier.fillMaxWidth(),\n colors = ButtonDefaults.buttonColors(\n backgroundColor = MaterialTheme.colorScheme.primary,\n contentColor = MaterialTheme.colorScheme.surface,\n ),\n onClick = {\n state.reset()\n },\n ) {\n Text(text = \"Reset\")\n }\n Spacer(modifier = Modifier.height(Layout.padding.pxxl))\n }\n }\n}\n\n@Composable\nfun SettingPanelBanner(onClose: () -> Unit) {\n Box(\n modifier = Modifier.fillMaxWidth()\n .height(60.dp)\n ) {\n Box(\n modifier = Modifier\n .clip(CircleShape)\n .clickable {\n onClose()\n }\n .padding(Layout.padding.ps)\n .align(Alignment.CenterEnd)\n ) {\n Icon(\n imageVector = Icons.Filled.Close,\n contentDescription = null,\n modifier = Modifier.size(20.dp),\n tint = MaterialTheme.colorScheme.onSurface.copy(0.32F)\n )\n }\n Text(\n text = \"Settings\",\n modifier = Modifier.align(Alignment.Center),\n )\n }\n}\n\n@Composable\nfun SettingSurface(\n settingState: TransformSettingState,\n) {\n var visible by rememberSaveable { mutableStateOf(false) }\n if (visible) BackHandler {\n visible = false\n }\n Box(modifier = Modifier.fillMaxSize()) {\n FloatingActionButton(\n onClick = {\n visible = true\n },\n backgroundColor = MaterialTheme.colorScheme.surface,\n modifier = Modifier\n .padding(bottom = 100.dp, end = Layout.padding.pl)\n .align(Alignment.BottomEnd)\n ) {\n Icon(\n Icons.Filled.Settings,\n contentDescription = null,\n tint = MaterialTheme.colorScheme.onSurface.copy(0.32F)\n )\n }\n }\n\n Box(\n modifier = Modifier\n .fillMaxSize()\n ) {\n AnimatedVisibility(\n visible = visible,\n modifier = Modifier.fillMaxWidth(),\n enter = fadeIn(),\n exit = fadeOut(),\n ) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Black.copy(0.6F))\n .pointerInput(Unit) {\n detectTapGestures {\n visible = false\n }\n }\n )\n }\n AnimatedVisibility(\n visible = visible,\n modifier = Modifier.fillMaxWidth(),\n enter = slideInVertically { it },\n exit = slideOutVertically { it },\n ) {\n Box(\n modifier = Modifier.fillMaxSize(),\n contentAlignment = Alignment.BottomCenter,\n ) {\n Box(\n modifier = Modifier\n .fillMaxWidth()\n .fillMaxHeight(0.6F)\n .background(MaterialTheme.colorScheme.surface)\n .padding(horizontal = Layout.padding.pm)\n ) {\n SettingPanel(settingState) {\n visible = false\n }\n }\n }\n }\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/page/Zoomable.kt", "content": "package com.jvziyaoyao.scale.sample.page\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.sample.ui.component.rememberCoilImagePainter\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableView\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport kotlinx.coroutines.launch\n\n@Composable\nfun ZoomableBody() {\n val scope = rememberCoroutineScope()\n\n val url = \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\"\n val painter = rememberCoilImagePainter(url)\n val zoomableState = rememberZoomableState(contentSize = painter.intrinsicSize)\n\n Box(\n modifier = Modifier\n .fillMaxSize()\n .padding(40.dp)\n ) {\n zoomableState.apply {\n ZoomableView(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Blue.copy(0.2F)),\n state = zoomableState,\n boundClip = false,\n detectGesture = ZoomableGestureScope(\n onTap = {\n\n },\n onDoubleTap = {\n scope.launch {\n zoomableState.toggleScale(it)\n }\n },\n onLongPress = {\n\n },\n ),\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n }\n Box(\n modifier = Modifier\n .graphicsLayer {\n translationX = gestureCenter.value.x - 6.dp.toPx()\n translationY = gestureCenter.value.y - 6.dp.toPx()\n }\n .clip(CircleShape)\n .background(Color.Red.copy(0.4f))\n .size(12.dp)\n )\n Box(\n modifier = Modifier\n .clip(CircleShape)\n .background(Color.Cyan)\n .size(12.dp)\n .align(Alignment.Center)\n )\n }\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Yellow.copy(0.2F))\n )\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/ImagePagerSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.shape.RoundedCornerShape\nimport androidx.compose.material.CircularProgressIndicator\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.dp\nimport coil3.compose.rememberAsyncImagePainter\nimport com.jvziyaoyao.scale.image.pager.ImagePager\nimport com.jvziyaoyao.scale.image.pager.defaultProceedPresentation\nimport com.jvziyaoyao.scale.zoomable.pager.rememberZoomablePagerState\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.light_01\nimport scale.sample_kmp.generated.resources.light_02\n\nobject ImagePagerSample {\n\n // 简单使用\n @Composable\n fun BasicSample() {\n val images = remember {\n mutableStateListOf(Res.drawable.light_01, Res.drawable.light_02)\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ImagePager(\n pagerState = pagerState,\n imageLoader = { page ->\n val painter = painterResource(images[page])\n Pair(painter, painter.intrinsicSize)\n }\n )\n }\n\n @Composable\n fun CoilSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ImagePager(\n pagerState = pagerState,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n )\n }\n\n @Composable\n fun DecorationSample() {\n val images = remember {\n mutableStateListOf(Res.drawable.light_01, Res.drawable.light_02)\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ImagePager(\n pagerState = pagerState,\n proceedPresentation = defaultProceedPresentation,\n imageLoader = { page ->\n val painter = painterResource(images[page])\n Pair(painter, painter.intrinsicSize)\n },\n imageLoading = {\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(\n modifier = Modifier.align(Alignment.Center),\n color = Color.Blue,\n )\n }\n },\n pageDecoration = { page, innerPage ->\n Box(modifier = Modifier.background(Color.LightGray)) {\n innerPage.invoke()\n\n // 设置每一页的前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 20.dp)\n .clip(RoundedCornerShape(8.dp))\n .background(Color.White)\n .padding(8.dp)\n .align(Alignment.BottomCenter),\n ) {\n Text(text = \"${page + 1}/${images.size}\")\n }\n }\n }\n )\n }\n\n @Composable\n fun StateSample() {\n // 参考\n ZoomablePagerSample.StateSample()\n }\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/ImagePreviewerSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.clickable\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.shadow\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.unit.sp\nimport coil3.compose.rememberAsyncImagePainter\nimport com.jvziyaoyao.scale.image.previewer.ImagePreviewer\nimport com.jvziyaoyao.scale.image.previewer.TransformImageView\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformLayerScope\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport kotlinx.coroutines.delay\nimport kotlinx.coroutines.launch\n\nobject ImagePreviewerSample {\n\n @Composable\n fun BasicSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n ImagePreviewer(\n state = state,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n )\n\n LaunchedEffect(Unit) {\n // 展开\n state.open()\n // 等待四秒\n delay(4 * 1000)\n // 关闭\n state.close()\n }\n }\n\n @Composable\n fun TransformSample() {\n val scope = rememberCoroutineScope()\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n\n Box(modifier = Modifier.fillMaxSize()) {\n Row(\n modifier = Modifier.align(Alignment.Center),\n horizontalArrangement = Arrangement.spacedBy(8.dp)\n ) {\n images.forEachIndexed { index, url ->\n TransformImageView(\n modifier = Modifier\n .size(120.dp)\n .clickable {\n scope.launch {\n state.enterTransform(index)\n }\n },\n imageLoader = {\n val painter = rememberAsyncImagePainter(model = url)\n Triple(url, painter, painter.intrinsicSize)\n },\n transformState = state,\n )\n }\n }\n }\n\n ImagePreviewer(\n state = state,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n }\n )\n }\n\n // 编辑图层示例代码\n @Composable\n fun DecorationSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n\n ImagePreviewer(\n state = state,\n imageLoader = { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n Pair(painter, painter.intrinsicSize)\n },\n pageDecoration = { _, innerPage ->\n var mounted = false\n Box(modifier = Modifier.background(Color.Cyan.copy(0.2F))) {\n mounted = innerPage()\n\n // 设置前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 48.dp)\n .size(56.dp)\n .shadow(4.dp, CircleShape)\n .background(Color.White)\n .align(Alignment.BottomCenter),\n ) {\n Text(\n modifier = Modifier.align(Alignment.Center),\n fontSize = 36.sp,\n text = \"❤️\",\n )\n }\n }\n mounted\n },\n previewerLayer = TransformLayerScope(\n previewerDecoration = { innerPreviewer ->\n Box(\n modifier = Modifier\n .background(Color.Black)\n ) {\n innerPreviewer.invoke()\n }\n }\n ),\n )\n\n LaunchedEffect(Unit) {\n state.open()\n }\n }\n\n @Composable\n fun StateSample() {\n // 参考\n PreviewerSample.StateSample()\n }\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/ImageViewerSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.unit.dp\nimport coil3.compose.rememberAsyncImagePainter\nimport com.jvziyaoyao.scale.image.viewer.AnyComposable\nimport com.jvziyaoyao.scale.image.viewer.ImageViewer\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessorPair\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.light_02\n\nobject ImageViewerSample {\n\n // 基本使用\n @Composable\n fun BasicSample() {\n val painter = painterResource(Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ImageViewer(model = painter, state = state)\n }\n\n // 结合Coil使用\n @Composable\n fun CoilSample() {\n val painter = rememberAsyncImagePainter(model = Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ImageViewer(model = painter, state = state)\n }\n\n // 显示一个Composable\n @Composable\n fun ComposableSample() {\n val density = LocalDensity.current\n val rectSize = 100.dp\n val rectSizePx = density.run { rectSize.toPx() }\n val size = Size(rectSizePx, rectSizePx)\n val state = rememberZoomableState(contentSize = size)\n ImageViewer(\n state = state,\n model = AnyComposable {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Cyan)\n ) {\n Box(\n modifier = Modifier\n .fillMaxSize(0.6F)\n .clip(CircleShape)\n .background(Color.White)\n .align(Alignment.BottomEnd)\n )\n Text(modifier = Modifier.align(Alignment.Center), text = \"Hello Compose\")\n }\n }\n )\n }\n\n // 处理手势事件回调\n @Composable\n fun GestureSample() {\n val painter = painterResource(Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ImageViewer(\n model = painter,\n state = state,\n detectGesture = ZoomableGestureScope(\n onTap = {}, // 长按事件\n onDoubleTap = {}, // 双击事件\n onLongPress = {}, // 长按事件\n )\n )\n }\n\n val stringProcessorPair: ModelProcessorPair = String::class to { model, _ ->\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.LightGray)\n ) {\n Text(modifier = Modifier.align(Alignment.Center), text = model as String)\n }\n }\n\n @Composable\n fun ProcessSample() {\n val message = \"好家伙\"\n val state = rememberZoomableState(contentSize = Size(100F, 100F))\n ImageViewer(\n model = message,\n state = state,\n processor = ModelProcessor(stringProcessorPair)\n )\n }\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/PreviewerSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.clickable\nimport androidx.compose.foundation.layout.Arrangement\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.material.CircularProgressIndicator\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.shadow\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.unit.sp\nimport coil3.compose.rememberAsyncImagePainter\nimport com.jvziyaoyao.scale.zoomable.previewer.Previewer\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformLayerScope\nimport com.jvziyaoyao.scale.zoomable.previewer.VerticalDragType\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberPreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\nimport kotlinx.coroutines.delay\nimport kotlinx.coroutines.launch\n\nobject PreviewerSample {\n\n // 简单使用\n @Composable\n fun BasicSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n Previewer(\n state = state,\n ) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n painter.intrinsicSize.isSpecified\n }\n\n LaunchedEffect(Unit) {\n // 展开\n state.open()\n // 等待四秒\n delay(4 * 1000)\n // 关闭\n state.close()\n }\n }\n\n // 带转换动效\n @Composable\n fun TransformSample() {\n val scope = rememberCoroutineScope()\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n\n Box(modifier = Modifier.fillMaxSize()) {\n Row(\n modifier = Modifier.align(Alignment.Center),\n horizontalArrangement = Arrangement.spacedBy(8.dp)\n ) {\n images.forEachIndexed { index, url ->\n val painter = rememberAsyncImagePainter(model = url)\n val itemState =\n rememberTransformItemState(intrinsicSize = painter.intrinsicSize)\n TransformItemView(\n modifier = Modifier\n .size(120.dp)\n .clickable {\n scope.launch {\n state.enterTransform(index)\n }\n },\n key = url,\n transformState = state,\n itemState = itemState,\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n contentScale = ContentScale.Crop\n )\n }\n }\n }\n }\n\n Previewer(\n state = state,\n ) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n painter.intrinsicSize.isSpecified\n }\n }\n\n // 编辑图层示例代码\n @Composable\n fun DecorationSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(pageCount = { images.size }) { images[it] }\n\n Previewer(\n state = state,\n previewerLayer = TransformLayerScope(\n previewerDecoration = {\n // 设置组件的背景图层\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Black.copy(0.2F))\n ) {\n // 组件内容本身\n it.invoke()\n // 设置前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 48.dp)\n .size(56.dp)\n .shadow(4.dp, CircleShape)\n .background(Color.White)\n .align(Alignment.BottomCenter),\n ) {\n Text(\n modifier = Modifier.align(Alignment.Center),\n fontSize = 36.sp,\n text = \"❤️\",\n )\n }\n }\n },\n ),\n ) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n if (!painter.intrinsicSize.isSpecified) {\n // 加载中\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(modifier = Modifier.align(Alignment.Center))\n }\n }\n painter.intrinsicSize.isSpecified\n }\n\n LaunchedEffect(Unit) {\n state.open()\n }\n }\n\n @Composable\n fun StateSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val state = rememberPreviewerState(\n // 垂直手势类型，支持上下拖拽关闭预览\n verticalDragType = VerticalDragType.Down,\n pageCount = { images.size },\n getKey = { images[it] }\n )\n\n LaunchedEffect(Unit) {\n state.open() // 展开\n state.close() // 关闭\n state.enterTransform(0) // 带转换动画展开\n state.exitTransform() // 带转换动画关闭\n\n state.visible // 当前组件是否可见\n state.visibleTarget // 当前组件可见状态的目标值\n state.animating // 是否正在进行动画\n state.canOpen // 是否允许展开\n state.canClose // 是否允许关闭\n }\n }\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/SamplingDecoderSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.aspectRatio\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.fillMaxWidth\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Rect\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.input.pointer.pointerInput\nimport com.jvziyaoyao.scale.image.sampling.SamplingCanvas\nimport com.jvziyaoyao.scale.image.sampling.SamplingCanvasViewPort\nimport com.jvziyaoyao.scale.image.sampling.getViewPort\nimport com.jvziyaoyao.scale.image.sampling.rememberSamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.samplingProcessorPair\nimport com.jvziyaoyao.scale.image.viewer.ImageViewer\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableView\nimport com.jvziyaoyao.scale.zoomable.zoomable.detectTransformGestures\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport scale.sample_kmp.generated.resources.Res\n\nobject SamplingDecoderSample {\n\n @Composable\n fun BasicSample() {\n val bytes = remember { mutableStateOf(null) }\n LaunchedEffect(Unit) { bytes.value = Res.readBytes(\"files/a350.jpg\") }\n val (samplingDecoder) = rememberSamplingDecoder(bytes.value)\n if (samplingDecoder != null) {\n val state = rememberZoomableState(contentSize = samplingDecoder.intrinsicSize)\n ImageViewer(\n model = samplingDecoder,\n state = state,\n processor = ModelProcessor(samplingProcessorPair)\n )\n }\n }\n\n @Composable\n fun ZoomableSample() {\n val bytes = remember { mutableStateOf(null) }\n LaunchedEffect(Unit) { bytes.value = Res.readBytes(\"files/a350.jpg\") }\n val (samplingDecoder) = rememberSamplingDecoder(bytes.value)\n if (samplingDecoder != null) {\n val state = rememberZoomableState(contentSize = samplingDecoder.intrinsicSize)\n ZoomableView(state = state) {\n SamplingCanvas(\n samplingDecoder = samplingDecoder,\n viewPort = state.getViewPort()\n )\n }\n }\n }\n\n @Composable\n fun RawSample() {\n val bytes = remember { mutableStateOf(null) }\n LaunchedEffect(Unit) { bytes.value = Res.readBytes(\"files/a350.jpg\") }\n val (samplingDecoder) = rememberSamplingDecoder(bytes.value)\n if (samplingDecoder != null) {\n val offset = remember { mutableStateOf(Offset.Zero) }\n val scale = remember { mutableStateOf(1F) }\n Box(\n modifier = Modifier\n .fillMaxSize()\n .pointerInput(Unit) {\n detectTransformGestures { _, pan, zoom, _, _ ->\n offset.value += pan\n scale.value *= zoom\n true\n }\n }\n ) {\n val ratio = samplingDecoder.intrinsicSize.run {\n width.div(height)\n }\n Box(\n modifier = Modifier\n .graphicsLayer {\n translationX = offset.value.x\n translationY = offset.value.y\n scaleX = scale.value\n scaleY = scale.value\n }\n .fillMaxWidth()\n .aspectRatio(ratio)\n .align(Alignment.Center)\n ) {\n SamplingCanvas(\n samplingDecoder = samplingDecoder,\n viewPort = SamplingCanvasViewPort(\n scale = 8F,\n visualRect = Rect(0.4F, 0.4F, 0.6F, 0.8F)\n )\n )\n }\n }\n }\n }\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/ZoomablePagerSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateListOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Modifier\nimport com.jvziyaoyao.scale.zoomable.pager.ZoomablePager\nimport com.jvziyaoyao.scale.zoomable.pager.rememberZoomablePagerState\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.shape.RoundedCornerShape\nimport androidx.compose.material.CircularProgressIndicator\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.dp\nimport coil3.compose.rememberAsyncImagePainter\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport kotlinx.coroutines.launch\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.light_01\nimport scale.sample_kmp.generated.resources.light_02\n\nobject ZoomablePagerSample {\n\n // 简单使用\n @Composable\n fun BasicSample() {\n val images = remember {\n mutableStateListOf(Res.drawable.light_01, Res.drawable.light_02)\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ZoomablePager(state = pagerState) { page ->\n val painter = painterResource(images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n }\n }\n\n // Coil加载网络图片\n @Composable\n fun CoilSample() {\n val images = remember {\n mutableStateListOf(\n \"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF\",\n \"https://t7.baidu.com/it/u=4198287529,2774471735&fm=193&f=GIF\",\n )\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ZoomablePager(state = pagerState) { page ->\n val painter = rememberAsyncImagePainter(model = images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n if (!painter.intrinsicSize.isSpecified) {\n // 未加载成功时可以先显示一个loading占位\n Box(modifier = Modifier.fillMaxSize()) {\n CircularProgressIndicator(modifier = Modifier.align(Alignment.Center))\n }\n }\n }\n }\n\n // 对页面进行自定义\n @Composable\n fun DecorationSample() {\n val images = remember {\n mutableStateListOf(Res.drawable.light_01, Res.drawable.light_02)\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ZoomablePager(state = pagerState) { page ->\n val painter = painterResource(images[page])\n // 设置背景色奇偶页不同\n val backgroundColor = if (page % 2 == 0) Color.Cyan else Color.Gray\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(backgroundColor.copy(0.2F))\n ) {\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n // 设置每一页的前景图层\n Box(\n modifier = Modifier\n .padding(bottom = 20.dp)\n .clip(RoundedCornerShape(8.dp))\n .background(Color.LightGray)\n .padding(8.dp)\n .align(Alignment.BottomCenter),\n ) {\n Text(text = \"${page + 1}/${images.size}\")\n }\n }\n }\n }\n\n @Composable\n fun StateSample() {\n val scope = rememberCoroutineScope()\n val images = remember {\n mutableStateListOf(Res.drawable.light_01, Res.drawable.light_02)\n }\n val pagerState = rememberZoomablePagerState { images.size }\n ZoomablePager(\n state = pagerState,\n itemSpacing = 20.dp, // 设置页面的间隙\n beyondViewportPageCount = 2, // 除当前页面外，预先加载其他页面的数量\n detectGesture = PagerGestureScope(\n onTap = {\n // 点击事件\n scope.launch {\n // 获取当前页面的页码\n if (pagerState.currentPage == 0) {\n // 滚动到下一个页面\n pagerState.animateScrollToPage(1)\n // pagerState.scrollToPage(1)\n }\n }\n },\n onDoubleTap = {\n // 双击事件\n // 如果返回false，会执行默认操作，把当前页面放大到最大\n // 如果返回true，则不会有任何操作\n return@PagerGestureScope true\n },\n onLongPress = {\n // 长按事件\n }\n )\n ) { page ->\n val painter = painterResource(images[page])\n ZoomablePolicy(intrinsicSize = painter.intrinsicSize) { _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null\n )\n }\n }\n }\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/sample/ZoomableViewSample.kt", "content": "package com.jvziyaoyao.scale.sample.sample\n\nimport androidx.compose.animation.core.tween\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.unit.dp\nimport coil3.compose.rememberAsyncImagePainter\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableView\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport kotlinx.coroutines.launch\nimport org.jetbrains.compose.resources.painterResource\nimport scale.sample_kmp.generated.resources.Res\nimport scale.sample_kmp.generated.resources.light_02\n\nobject ZoomableViewSample {\n\n // 简单使用\n @Composable\n fun BasicSample() {\n val painter = painterResource(Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ZoomableView(state = state) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n }\n }\n\n // 结合Coil使用\n @Composable\n fun CoilSample() {\n val painter = rememberAsyncImagePainter(model = Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ZoomableView(state = state) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n }\n }\n\n // 显示一个Composable\n @Composable\n fun ComposableSample() {\n val density = LocalDensity.current\n val rectSize = 100.dp\n val rectSizePx = density.run { rectSize.toPx() }\n val size = Size(rectSizePx, rectSizePx)\n val state = rememberZoomableState(contentSize = size)\n ZoomableView(state = state) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .background(Color.Cyan)\n ) {\n Box(\n modifier = Modifier\n .fillMaxSize(0.6F)\n .clip(CircleShape)\n .background(Color.White)\n .align(Alignment.BottomEnd)\n )\n Text(modifier = Modifier.align(Alignment.Center), text = \"Hello Compose\")\n }\n }\n }\n\n // 处理手势事件回调\n @Composable\n fun GestureSample() {\n val painter = painterResource(Res.drawable.light_02)\n val state = rememberZoomableState(contentSize = painter.intrinsicSize)\n ZoomableView(\n state = state,\n detectGesture = ZoomableGestureScope(\n // 点击事件\n onTap = { offset ->\n\n },\n // 双击事件\n onDoubleTap = { offset ->\n\n },\n // 长按事件\n onLongPress = { offset ->\n\n }\n )\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n }\n }\n\n @Composable\n fun StateSample() {\n val scope = rememberCoroutineScope()\n val painter = painterResource(Res.drawable.light_02)\n val state = rememberZoomableState(\n contentSize = painter.intrinsicSize,\n // 设置组件最大缩放率\n maxScale = 4F,\n // 设置组件进行动画时的动画规格\n animationSpec = tween(1200)\n )\n\n state.isRunning() // 获取组件是否在动画状态\n state.displaySize // 获取组件1倍显示的大小\n state.scale // 获取组件当前相对于1倍显示大小的缩放率\n state.offsetX // 获取组件的X轴位移\n state.offsetY // 获取组件的Y轴位移\n state.rotation // 获取组件旋转角度\n\n ZoomableView(\n state = state,\n detectGesture = ZoomableGestureScope(\n onDoubleTap = { offset ->\n scope.launch {\n // 在最大和最小显示倍率间切换，如果当前缩放率即不是最大值，\n // 也不是最小值，会恢复到默认显示大小\n state.toggleScale(offset)\n }\n },\n onLongPress = { _ ->\n // 恢复到默认显示大小\n scope.launch { state.reset() }\n }\n )\n ) {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n )\n }\n }\n\n}\n\n" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/ui/component/ImageLoader.kt", "content": "package com.jvziyaoyao.scale.sample.ui.component\n\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.graphics.painter.Painter\nimport coil3.compose.LocalPlatformContext\nimport coil3.compose.rememberAsyncImagePainter\nimport coil3.request.ImageRequest\nimport coil3.size.Size\n\n@Composable\nfun rememberCoilImagePainter(image: Any): Painter {\n // 加载图片\n val imageRequest = ImageRequest.Builder(LocalPlatformContext.current)\n .data(image)\n .size(Size.ORIGINAL)\n .build()\n // 获取图片的初始大小\n return rememberAsyncImagePainter(imageRequest)\n}\n\n//suspend fun loadPainter(context: PlatformContext, data: Any) = suspendCoroutine { c ->\n// val imageRequest = ImageRequest.Builder(context)\n// .data(data)\n// .size(coil.size.Size.ORIGINAL)\n// .target(\n// onSuccess = {\n// c.resume(it)\n// },\n// onError = {\n// c.resume(null)\n// }\n// )\n// .build()\n// context.imageLoader.enqueue(imageRequest)\n//}\n\n//@Composable\n//fun rememberBitmapRegionDecoder(\n// inputStream: InputStream,\n//): BitmapRegionDecoder? {\n// val decoder = remember { mutableStateOf(null) }\n// LaunchedEffect(inputStream) {\n// launch(Dispatchers.IO) {\n// decoder.value = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {\n// BitmapRegionDecoder.newInstance(inputStream)\n// } else {\n// BitmapRegionDecoder.newInstance(inputStream,false)\n// }\n// }\n// }\n// return decoder.value\n//}\n//\n//@Composable\n//fun rememberDecoderImagePainter(\n// inputStream: InputStream,\n// rotation: Int = 0,\n// delay: Long? = null,\n//): SamplingDecoder? {\n// var samplingDecoder by remember { mutableStateOf(null) }\n// LaunchedEffect(inputStream) {\n// launch(Dispatchers.IO) {\n// if (delay != null) delay(delay)\n// samplingDecoder = try {\n// val decoder = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {\n// BitmapRegionDecoder.newInstance(inputStream)\n// } else {\n// BitmapRegionDecoder.newInstance(inputStream,false)\n// }\n// if (decoder == null) {\n// null\n// } else {\n// val decoderRotation = when(rotation) {\n// SamplingDecoder.Rotation.ROTATION_90.radius -> SamplingDecoder.Rotation.ROTATION_90\n// SamplingDecoder.Rotation.ROTATION_180.radius -> SamplingDecoder.Rotation.ROTATION_180\n// SamplingDecoder.Rotation.ROTATION_270.radius -> SamplingDecoder.Rotation.ROTATION_270\n// else -> SamplingDecoder.Rotation.ROTATION_0\n// }\n// SamplingDecoder(\n// decoder = decoder,\n// rotation = decoderRotation\n// )\n// }\n// } catch (e: Exception) {\n// e.printStackTrace()\n// null\n// }\n// }\n// }\n// DisposableEffect(Unit) {\n// onDispose {\n// samplingDecoder?.release()\n// }\n// }\n// return samplingDecoder\n//}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/ui/component/ScaleGrid.kt", "content": "package com.jvziyaoyao.scale.sample.ui.component\n\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.foundation.gestures.awaitEachGesture\nimport androidx.compose.foundation.gestures.awaitFirstDown\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.input.pointer.PointerEventType\nimport androidx.compose.ui.input.pointer.pointerInput\nimport kotlinx.coroutines.launch\n\nconst val DEFAULT_GRID_SCALE_SIZE = 0.84F\nconst val DEFAULT_LONG_PRESS_TIME = 400L\n\nclass DetectScaleGridGesture(\n var onPress: () -> Unit = {},\n var onLongPress: () -> Unit = {},\n)\n\n@Composable\nfun ScaleGrid(\n modifier: Modifier = Modifier,\n scaleSize: Float = DEFAULT_GRID_SCALE_SIZE,\n longPressTime: Long = DEFAULT_LONG_PRESS_TIME,\n detectGesture: DetectScaleGridGesture? = null,\n content: @Composable (Float) -> Unit = {},\n) {\n val scope = rememberCoroutineScope()\n val itemScale = remember { Animatable(1F) }\n Box(\n modifier = modifier\n .fillMaxSize()\n .graphicsLayer {\n scaleX = itemScale.value\n scaleY = itemScale.value\n }\n .pointerInput(detectGesture) {\n awaitEachGesture {\n awaitFirstDown()\n // 这里开始\n scope.launch {\n itemScale.animateTo(scaleSize)\n }\n try {\n withTimeout(longPressTime) {\n var move = false\n do {\n val event = awaitPointerEvent()\n if (!move) {\n move = event.type == PointerEventType.Move\n break\n }\n } while (event.changes.any { it.pressed })\n if (!move) {\n detectGesture?.onPress?.invoke()\n }\n }\n } catch (e: Exception) {\n detectGesture?.onLongPress?.invoke()\n }\n // 这里结束\n scope.launch {\n itemScale.animateTo(1F)\n }\n }\n }\n ) {\n content(itemScale.value)\n }\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/ui/theme/Layout.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\n/**\n * @program: ImageGallery\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-07-28 19:50\n **/\n\nimport androidx.compose.foundation.shape.RoundedCornerShape\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.TextUnit\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.unit.sp\n\n/**\n * @program: ImageGallery\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-07-28 19:50\n **/\n\nclass Padding(\n val pxxs: Dp = 2.dp,\n val pxs: Dp = 4.dp,\n val ps: Dp = 8.dp,\n val pm: Dp = 12.dp,\n val pl: Dp = 20.dp,\n val pxl: Dp = 36.dp,\n val pxxl: Dp = 48.dp,\n)\n\nclass FontSize(\n val fxxs: TextUnit = 10.sp,\n val fxs: TextUnit = 12.sp,\n val fs: TextUnit = 14.sp,\n val fm: TextUnit = 16.sp,\n val fl: TextUnit = 18.sp,\n val fxl: TextUnit = 24.sp,\n val fxxl: TextUnit = 28.sp,\n val fh: TextUnit = 32.sp,\n)\n\nclass RoundShape(\n val rs_dp: Dp = 6.dp,\n val rm_dp: Dp = 12.dp,\n val rl_dp: Dp = 18.dp,\n val rxl_dp: Dp = 28.dp,\n val rs: RoundedCornerShape = RoundedCornerShape(rs_dp),\n val rm: RoundedCornerShape = RoundedCornerShape(rm_dp),\n val rl: RoundedCornerShape = RoundedCornerShape(rl_dp),\n val rxl: RoundedCornerShape = RoundedCornerShape(rxl_dp),\n)\n\nobject Layout {\n\n private val defaultPadding = Padding()\n private val defaultFontSize = FontSize()\n private val defaultRoundShape = RoundShape()\n\n val padding: Padding\n @Composable\n get() = defaultPadding\n\n val fontSize: FontSize\n @Composable\n get() = defaultFontSize\n\n val roundShape: RoundShape\n @Composable\n get() = defaultRoundShape\n\n}" }, { "path": "sample-kmp/src/commonMain/kotlin/com/jvziyaoyao/scale/sample/ui/theme/Theme.kt", "content": "package com.jvziyaoyao.scale.sample.ui.theme\n\nimport androidx.compose.foundation.isSystemInDarkTheme\nimport androidx.compose.material.SliderColors\nimport androidx.compose.material.SliderDefaults\nimport androidx.compose.material.SwitchColors\nimport androidx.compose.material.SwitchDefaults\nimport androidx.compose.material3.LocalContentColor\nimport androidx.compose.material3.LocalTextStyle\nimport androidx.compose.material3.MaterialTheme\nimport androidx.compose.material3.darkColorScheme\nimport androidx.compose.material3.lightColorScheme\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.CompositionLocalProvider\nimport androidx.compose.ui.graphics.Color\nimport coil3.ImageLoader\nimport coil3.compose.setSingletonImageLoaderFactory\nimport coil3.request.crossfade\nimport coil3.util.Logger\n\nval coilLogger = object : Logger {\n override var minLevel: Logger.Level\n get() = Logger.Level.Info\n set(value) {}\n\n override fun log(\n tag: String,\n level: Logger.Level,\n message: String?,\n throwable: Throwable?\n ) {\n com.jvziyaoyao.scale.sample.base.log(msg = message ?: \"无信息～\", tag)\n }\n\n}\n\n@Composable\nfun getSwitchColors(): SwitchColors {\n return SwitchDefaults.colors(checkedThumbColor = MaterialTheme.colorScheme.primary)\n}\n\n@Composable\nfun getSlideColors(): SliderColors {\n return SliderDefaults.colors(\n thumbColor = MaterialTheme.colorScheme.primary,\n activeTrackColor = MaterialTheme.colorScheme.primary,\n )\n}\n\n@Composable\nfun ScaleSampleTheme(\n content: @Composable () -> Unit\n) {\n setSingletonImageLoaderFactory { context ->\n ImageLoader.Builder(context)\n .logger(coilLogger)\n .crossfade(true)\n .build()\n }\n\n val colorScheme = if (isSystemInDarkTheme()) {\n darkColorScheme(\n primary = Color(0xFFFFB641),\n background = Color(0xFF060B14),\n surface = Color(0xFF14325A),\n onBackground = Color(0xFFFFFFFF),\n )\n } else {\n lightColorScheme(\n primary = Color(0xFF325491),\n background = Color(0xFFE5E5E5),\n surface = Color(0xFFFFFFFF),\n onBackground = Color(0xFF000000),\n )\n }\n\n MaterialTheme(\n colorScheme = colorScheme,\n ) {\n val contentColor = colorScheme.onBackground.copy(0.8F)\n CompositionLocalProvider(\n LocalTextStyle provides LocalTextStyle.current.copy(color = contentColor),\n LocalContentColor provides contentColor,\n ) {\n content()\n }\n }\n}" }, { "path": "sample-kmp/src/iosMain/kotlin/com/jvziyaoyao/scale/sample/ViewController.kt", "content": "package com.jvziyaoyao.scale.sample\n\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.ExperimentalComposeApi\nimport androidx.compose.ui.ExperimentalComposeUiApi\nimport androidx.compose.ui.uikit.OnFocusBehavior\nimport androidx.compose.ui.window.ComposeUIViewController\nimport com.jvziyaoyao.scale.sample.page.TransformBody\nimport com.jvziyaoyao.scale.sample.page.DecoderBody\nimport com.jvziyaoyao.scale.sample.page.DuplicateBody\nimport com.jvziyaoyao.scale.sample.page.GalleryBody\nimport com.jvziyaoyao.scale.sample.page.HomeBody\nimport com.jvziyaoyao.scale.sample.page.HugeBody\nimport com.jvziyaoyao.scale.sample.page.NormalBody\nimport com.jvziyaoyao.scale.sample.page.PreviewerBody\nimport com.jvziyaoyao.scale.sample.page.ZoomableBody\nimport com.jvziyaoyao.scale.sample.ui.theme.ScaleSampleTheme\nimport platform.UIKit.UIViewController\n\n@OptIn(ExperimentalComposeApi::class, ExperimentalComposeUiApi::class)\nfun getBaseViewController(\n opaque: Boolean = true,\n onFocusBehavior: OnFocusBehavior = OnFocusBehavior.FocusableAboveKeyboard,\n content: @Composable () -> Unit,\n): UIViewController {\n return ComposeUIViewController(\n configure = {\n this.opaque = opaque\n this.delegate = delegate\n this.onFocusBehavior = onFocusBehavior\n this.enforceStrictPlistSanityCheck = false\n }\n ) {\n ScaleSampleTheme {\n content()\n }\n }\n}\n\nfun homeViewController(\n onZoomable: () -> Unit,\n onNormal: () -> Unit,\n onHuge: () -> Unit,\n onGallery: () -> Unit,\n onPreviewer: () -> Unit,\n onTransform: () -> Unit,\n onDecoder: () -> Unit,\n onDuplicate: () -> Unit,\n) = getBaseViewController {\n HomeBody(\n onZoomable = onZoomable,\n onNormal = onNormal,\n onHuge = onHuge,\n onGallery = onGallery,\n onPreviewer = onPreviewer,\n onTransform = onTransform,\n onDecoder = onDecoder,\n onDuplicate = onDuplicate,\n )\n}\n\nfun zoomableViewController() = getBaseViewController {\n ZoomableBody()\n}\n\nfun normalViewController() = getBaseViewController {\n NormalBody()\n}\n\nfun hugeViewController() = getBaseViewController {\n HugeBody()\n}\n\nfun galleryViewController() = getBaseViewController {\n GalleryBody()\n}\n\nfun previewerViewController() = getBaseViewController {\n PreviewerBody {\n\n }\n}\n\nfun transformViewController() = getBaseViewController {\n TransformBody()\n}\n\nfun decoderViewController() = getBaseViewController {\n DecoderBody()\n}\n\nfun duplicateViewController() = getBaseViewController {\n DuplicateBody()\n}" }, { "path": "sample-kmp/src/iosMain/kotlin/com/jvziyaoyao/scale/sample/base/BaseMathod.ios.kt", "content": "package com.jvziyaoyao.scale.sample.base\n\nimport androidx.compose.runtime.Composable\n\nactual fun log(msg: String, tag: String) {\n println(\"$tag ========> $msg\")\n}\n\n@Composable\nactual fun BackHandler(enabled: Boolean, onBack: () -> Unit) {}" }, { "path": "scale-image-viewer/.gitignore", "content": "/build" }, { "path": "scale-image-viewer/build.gradle.kts", "content": "import scale.compileSdk\nimport scale.minSdk\n\nplugins {\n id(\"com.android.kotlin.multiplatform.library\")\n id(\"org.jetbrains.kotlin.plugin.compose\")\n id(\"org.jetbrains.kotlin.multiplatform\")\n id(\"com.vanniktech.maven.publish\")\n id(\"org.jetbrains.compose\")\n id(\"org.jetbrains.dokka\")\n}\n\nkotlin {\n\n androidLibrary {\n namespace = \"com.jvziyaoyao.scale.image\"\n compileSdk = project.compileSdk\n minSdk = project.minSdk\n }\n\n jvm()\n\n val xcfName = \"imageViewerKit\"\n\n iosX64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n iosArm64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n iosSimulatorArm64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n sourceSets {\n commonMain {\n dependencies {\n implementation(libs.kotlin.stdlib)\n\n api(project(\":scale-zoomable-view\"))\n\n implementation(libs.kotlin.stdlib)\n\n implementation(compose.runtime)\n implementation(compose.foundation)\n implementation(compose.ui)\n implementation(compose.components.resources)\n implementation(compose.components.uiToolingPreview)\n\n implementation(libs.org.jetbrains.kotlinx.datetime)\n }\n }\n\n commonTest {\n dependencies {\n implementation(libs.kotlin.test)\n }\n }\n\n androidMain {\n dependencies {}\n }\n\n iosMain {\n dependencies {}\n }\n }\n\n}" }, { "path": "scale-image-viewer/gradle.properties", "content": "POM_ARTIFACT_ID=image-viewer\nPOM_NAME=image-viewer\nPOM_PACKAGING=aar" }, { "path": "scale-image-viewer/src/commonMain/kotlin/com/jvziyaoyao/scale/image/pager/ImagePager.kt", "content": "package com.jvziyaoyao.scale.image.pager\n\nimport androidx.compose.animation.core.LinearEasing\nimport androidx.compose.animation.core.RepeatMode\nimport androidx.compose.animation.core.animateFloat\nimport androidx.compose.animation.core.infiniteRepeatable\nimport androidx.compose.animation.core.rememberInfiniteTransition\nimport androidx.compose.animation.core.tween\nimport androidx.compose.foundation.Canvas\nimport androidx.compose.foundation.gestures.TargetedFlingBehavior\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.StrokeCap\nimport androidx.compose.ui.graphics.drawscope.Stroke\nimport androidx.compose.ui.graphics.drawscope.withTransform\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.image.viewer.AnyComposable\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.pager.PagerZoomablePolicyScope\nimport com.jvziyaoyao.scale.zoomable.pager.ZoomablePager\nimport com.jvziyaoyao.scale.zoomable.pager.ZoomablePagerState\nimport com.jvziyaoyao.scale.zoomable.pager.defaultFlingBehavior\n\n/**\n * 基于Pager实现的图片浏览器\n *\n * @param modifier 图层修饰\n * @param pagerState 控件状态与控制对象\n * @param itemSpacing 每一页的间隔\n * @param beyondViewportPageCount 超出视口的页面缓存的个数\n * @param userScrollEnabled 是否允许页面滚动\n * @param detectGesture 手势监听对象\n * @param processor 用于解析图像数据的方法，可以自定义\n * @param imageLoader 图像加载器，支持的图像类型与ImageViewer一致，如果需要支持其他类型的数据可以自定义processor\n * @param imageLoading 图像未完成加载时的占位\n * @param proceedPresentation 用于控制ZoomableView、Loading等图层的切换逻辑，可以自定义\n * @param pageDecoration 每一页的图层修饰，可以用来设置页面的前景、背景等\n */\n@Composable\nfun ImagePager(\n modifier: Modifier = Modifier,\n pagerState: ZoomablePagerState,\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n flingBehavior: TargetedFlingBehavior = defaultFlingBehavior(pagerState.pagerState),\n userScrollEnabled: Boolean = true,\n detectGesture: PagerGestureScope = PagerGestureScope(),\n processor: ModelProcessor = ModelProcessor(),\n imageLoader: @Composable (Int) -> Pair,\n imageLoading: ImageLoading? = defaultImageLoading,\n proceedPresentation: ProceedPresentation = defaultProceedPresentation,\n pageDecoration: @Composable (page: Int, innerPage: @Composable () -> Unit) -> Unit\n = { _, innerPage -> innerPage() },\n) {\n ZoomablePager(\n modifier = modifier,\n state = pagerState,\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n flingBehavior = flingBehavior,\n userScrollEnabled = userScrollEnabled,\n detectGesture = detectGesture,\n ) { page ->\n pageDecoration.invoke(page) {\n val (model, size) = imageLoader.invoke(page)\n proceedPresentation.invoke(this, model, size, processor, imageLoading)\n }\n }\n}\n\n/**\n * 用于控制ZoomableView、Loading等图层的切换\n */\ntypealias ProceedPresentation = @Composable PagerZoomablePolicyScope.(\n model: Any?,\n size: Size?,\n processor: ModelProcessor,\n imageLoading: ImageLoading?,\n) -> Boolean\n\n/**\n * 默认ImageModelProcessor\n */\nval defaultProceedPresentation: ProceedPresentation = { model, size, processor, imageLoading ->\n // TODO 这里是否要添加渐变动画?\n if (model != null && model is AnyComposable && size == null) {\n model.composable.invoke()\n true\n } else if (model != null && size != null) {\n ZoomablePolicy(intrinsicSize = size) {\n processor.Deploy(model = model, state = it)\n }\n size.isSpecified\n } else {\n imageLoading?.invoke()\n false\n }\n}\n\n/**\n * 图像未完成加载时的占位\n */\ntypealias ImageLoading = @Composable () -> Unit\n\n/**\n * 默认ImageLoading\n */\nval defaultImageLoading: ImageLoading = {\n Box(modifier = Modifier.fillMaxSize()) {\n CanvasCircularLoadingIndicator(\n modifier = Modifier\n .size(48.dp)\n .align(Alignment.Center),\n color = Color.LightGray,\n )\n }\n}\n\n@Composable\nfun CanvasCircularLoadingIndicator(\n modifier: Modifier = Modifier.size(48.dp),\n strokeWidth: Dp = 4.dp,\n color: Color = Color.Blue\n) {\n val infiniteTransition = rememberInfiniteTransition()\n\n // 头部旋转角度\n val rotation = infiniteTransition.animateFloat(\n initialValue = 0f,\n targetValue = 360f,\n animationSpec = infiniteRepeatable(\n tween(1333, easing = LinearEasing),\n repeatMode = RepeatMode.Restart\n )\n )\n\n // 尾部旋转角度\n val sweep = infiniteTransition.animateFloat(\n initialValue = 0f,\n targetValue = 360f,\n animationSpec = infiniteRepeatable(\n tween(1333, easing = LinearEasing),\n repeatMode = RepeatMode.Restart\n )\n )\n\n val reverse = remember { mutableStateOf(false) }\n val lastSweep = remember { mutableStateOf(0F) }\n Canvas(modifier = modifier) {\n val stroke = Stroke(width = strokeWidth.toPx(), cap = StrokeCap.Round)\n val diameter = size.minDimension\n val arcSize = Size(diameter, diameter)\n val topLeft = Offset(\n (size.width - diameter) / 2f,\n (size.height - diameter) / 2f\n )\n\n if (sweep.value - lastSweep.value < 0) {\n reverse.value = !reverse.value\n }\n lastSweep.value = sweep.value\n\n val startAngle = if (!reverse.value) 0F else sweep.value\n val sweepAngle = if (!reverse.value) sweep.value else 360F - sweep.value\n\n withTransform({ rotate(rotation.value) }) {\n drawArc(\n color = color,\n startAngle = startAngle,\n sweepAngle = sweepAngle,\n useCenter = false,\n topLeft = topLeft,\n size = arcSize,\n style = stroke\n )\n }\n }\n}" }, { "path": "scale-image-viewer/src/commonMain/kotlin/com/jvziyaoyao/scale/image/previewer/ImagePreviewer.kt", "content": "package com.jvziyaoyao.scale.image.previewer\n\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.unit.Dp\nimport com.jvziyaoyao.scale.image.pager.ImageLoading\nimport com.jvziyaoyao.scale.image.pager.ProceedPresentation\nimport com.jvziyaoyao.scale.image.pager.defaultImageLoading\nimport com.jvziyaoyao.scale.image.pager.defaultProceedPresentation\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessor\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_PREVIEWER_ENTER_TRANSITION\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_PREVIEWER_EXIT_TRANSITION\nimport com.jvziyaoyao.scale.zoomable.previewer.Previewer\nimport com.jvziyaoyao.scale.zoomable.previewer.PreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformLayerScope\n\n/**\n * 默认的容器背景\n */\nval defaultPreviewBackground: (@Composable () -> Unit) = {\n Box(\n modifier = Modifier\n .background(Color.Black)\n .fillMaxSize()\n )\n}\n\n/**\n * 图片弹出预览组件\n *\n * @param modifier 图层修饰\n * @param state 控件状态与控制对象\n * @param itemSpacing 每一页的间隔\n * @param beyondViewportPageCount 超出视口的页面缓存的个数\n * @param enter 不使用转换效果时的弹出动效\n * @param exit 不使用转换效果时的退出动效\n * @param debugMode 调试模式，显示图层标识等\n * @param detectGesture 手势监听对象\n * @param processor 用于解析图像数据的方法，可以自定义\n * @param imageLoader 图像加载器，支持的图像类型与ImageViewer一致，如果需要支持其他类型的数据可以自定义processor\n * @param imageLoading 图像未完成加载时的占位\n * @param imageModelProcessor 用于控制ZoomableView、Loading等图层的切换逻辑，可以自定义\n * @param previewerLayer 预览器容器的自定义，可设置背景、前景等\n * @param pageDecoration 每一页的图层修饰，可以用来设置页面的前景、背景等\n */\n@Composable\nfun ImagePreviewer(\n modifier: Modifier = Modifier,\n state: PreviewerState,\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n enter: EnterTransition = DEFAULT_PREVIEWER_ENTER_TRANSITION,\n exit: ExitTransition = DEFAULT_PREVIEWER_EXIT_TRANSITION,\n debugMode: Boolean = false,\n detectGesture: PagerGestureScope = PagerGestureScope(),\n processor: ModelProcessor = ModelProcessor(),\n imageLoader: @Composable (Int) -> Pair,\n imageLoading: ImageLoading? = defaultImageLoading,\n proceedPresentation: ProceedPresentation = defaultProceedPresentation,\n previewerLayer: TransformLayerScope = TransformLayerScope(\n background = defaultPreviewBackground\n ),\n pageDecoration: @Composable (page: Int, innerPage: @Composable () -> Boolean) -> Boolean\n = { _, innerPage -> innerPage() },\n) {\n Previewer(\n modifier = modifier,\n state = state,\n previewerLayer = previewerLayer,\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n enter = enter,\n exit = exit,\n debugMode = debugMode,\n detectGesture = detectGesture,\n zoomablePolicy = { page ->\n pageDecoration.invoke(page) decoration@{\n val (model, size) = imageLoader.invoke(page)\n proceedPresentation.invoke(this, model, size, processor, imageLoading)\n }\n }\n )\n}" }, { "path": "scale-image-viewer/src/commonMain/kotlin/com/jvziyaoyao/scale/image/previewer/TransformImageView.kt", "content": "package com.jvziyaoyao.scale.image.previewer\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.painter.Painter\nimport androidx.compose.ui.graphics.vector.ImageVector\nimport androidx.compose.ui.layout.ContentScale\nimport com.jvziyaoyao.scale.image.viewer.AnyComposable\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformPreviewerState\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\n\n/**\n * 支持图片变换效果的ImageView，简单理解为：小图转换为大图动效中的小图\n * 此接口的目的是方便开发者直接调用，如需更深入的定制化，推荐直接使用TransformItemView\n *\n * @param modifier 图层修饰\n * @param imageLoader 图片加载器，Triple，\n * 其中三个参数分别为：Key、图片数据、图片大小、\n * 图片数据支持Painter、ImageBitmap、ImageVector、AnyComposable\n * Key必须要与transformState中输入的key一致\n * @param imageItemContent 用于解析图像数据的方法，可以自定义\n * @param transformState TransformPreviewerState或其实现类\n */\n@Composable\nfun TransformImageView(\n modifier: Modifier = Modifier,\n imageLoader: @Composable () -> Triple,\n imageItemContent: ImageItemContent = defaultImageItemContent,\n transformState: TransformPreviewerState,\n) {\n val (key, model, size) = imageLoader.invoke()\n val itemState =\n rememberTransformItemState(intrinsicSize = size)\n TransformItemView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n transformState = transformState,\n ) {\n imageItemContent.invoke(model)\n }\n}\n\n/**\n * 用于解析图像数据给TransformItemView显示的方法\n */\ntypealias ImageItemContent = @Composable (Any) -> Unit\n\n/**\n * 默认处理，当前model仅支持Painter、ImageBitmap、ImageVector、AnyComposable\n */\nval defaultImageItemContent: ImageItemContent = { model ->\n when (model) {\n is Painter -> {\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = model,\n contentScale = ContentScale.Crop,\n contentDescription = null,\n )\n }\n\n is ImageBitmap -> {\n Image(\n modifier = Modifier.fillMaxSize(),\n bitmap = model,\n contentScale = ContentScale.Crop,\n contentDescription = null,\n )\n }\n\n is ImageVector -> {\n Image(\n modifier = Modifier.fillMaxSize(),\n imageVector = model,\n contentScale = ContentScale.Crop,\n contentDescription = null,\n )\n }\n\n is AnyComposable -> {\n model.composable.invoke()\n }\n\n }\n}" }, { "path": "scale-image-viewer/src/commonMain/kotlin/com/jvziyaoyao/scale/image/viewer/ImageViewer.kt", "content": "package com.jvziyaoyao.scale.image.viewer\n\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateMapOf\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.painter.Painter\nimport androidx.compose.ui.graphics.vector.ImageVector\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableView\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableViewState\nimport kotlin.reflect.KClass\n\n/**\n * 单个图片预览组件\n *\n * @param modifier 图层修饰\n * @param model 需要显示的图像，默认支持Painter、ImageBitmap、ImageVector、AnyComposable,如果需要支持其他类型的数据可以自定义processor\n * @param state 组件状态和控制类\n * @param processor 将model数据渲染到界面上\n * @param detectGesture 检测组件的手势交互\n */\n@Composable\nfun ImageViewer(\n modifier: Modifier = Modifier,\n model: Any?,\n state: ZoomableViewState,\n processor: ModelProcessor = ModelProcessor(),\n detectGesture: ZoomableGestureScope = ZoomableGestureScope(),\n) {\n ZoomableView(\n modifier = modifier,\n state = state,\n detectGesture = detectGesture,\n ) {\n model?.let {\n processor.Deploy(model = it, state = state)\n }\n }\n}\n\n/**\n * 用于解析图像数据给ZoomableView显示的方法\n */\ntypealias ImageContent = @Composable (Any, ZoomableViewState) -> Unit\n\nclass ModelProcessor(\n vararg additionalProcessor: ModelProcessorPair,\n) {\n\n private val typeMapper = mutableStateMapOf, ImageContent>()\n\n init {\n listOf(*basicModelProcessorList.toTypedArray(), *additionalProcessor).forEach { pair ->\n typeMapper[pair.first] = pair.second\n }\n }\n\n @Composable\n fun Deploy(model: Any, state: ZoomableViewState) {\n val entry = typeMapper.entries.firstOrNull { isSubclassOf(model, it.key) } ?: return\n entry.value.invoke(model, state)\n }\n}\n\ntypealias ModelProcessorPair = Pair, ImageContent>\n\nval basicModelProcessorList: List = listOf(\n Painter::class to { model, _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = model as Painter,\n contentDescription = null,\n )\n },\n ImageBitmap::class to { model, _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n bitmap = model as ImageBitmap,\n contentDescription = null,\n )\n },\n ImageVector::class to { model, _ ->\n Image(\n modifier = Modifier.fillMaxSize(),\n imageVector = model as ImageVector,\n contentDescription = null,\n )\n },\n AnyComposable::class to { model, _ ->\n (model as AnyComposable).composable.invoke()\n }\n)\n\n/**\n * 判断对象是否为某个类的子类\n *\n * @param T\n * @param instance 当前实例\n * @param kClass 需要匹配的类对象\n * @return\n */\nfun isSubclassOf(instance: T, kClass: KClass): Boolean {\n return kClass.isInstance(instance)\n}\n\n/**\n * ImageViewer传人的Model参数除了特定图片以外，还支持传人一个Composable函数\n *\n * @property composable\n */\nclass AnyComposable(val composable: @Composable () -> Unit)" }, { "path": "scale-image-viewer-classic/.gitignore", "content": "/build" }, { "path": "scale-image-viewer-classic/build.gradle.kts", "content": "import scale.compileSdk\nimport scale.minSdk\n\n@Suppress(\"DSL_SCOPE_VIOLATION\") // TODO: Remove once KTIJ-19369 is fixed\nplugins {\n id(\"org.jetbrains.kotlin.plugin.compose\")\n id(\"org.jetbrains.kotlin.android\")\n id(\"com.vanniktech.maven.publish\")\n id(\"com.android.library\")\n id(\"org.jetbrains.dokka\")\n}\n\nandroid {\n namespace = \"com.origeek.imageViewer\"\n compileSdk = project.compileSdk\n\n defaultConfig {\n minSdk = project.minSdk\n\n testInstrumentationRunner = \"androidx.test.runner.AndroidJUnitRunner\"\n consumerProguardFiles(\"consumer-rules.pro\")\n }\n\n buildTypes {\n release {\n isMinifyEnabled = false\n proguardFiles(\n getDefaultProguardFile(\"proguard-android-optimize.txt\"),\n \"proguard-rules.pro\"\n )\n }\n }\n buildFeatures {\n compose = true\n }\n composeOptions {\n kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()\n }\n kotlinOptions {\n jvmTarget = \"1.8\"\n }\n}\n\ndependencies {\n api(\"com.jvziyaoyao.scale:image-viewer:1.1.0-alpha.7\")\n api(\"com.jvziyaoyao.scale:sampling-decoder:1.1.0-alpha.7\")\n\n implementation(libs.androidx.compose.ui.util)\n implementation(libs.androidx.compose.ui)\n implementation(libs.androidx.compose.material)\n implementation(libs.androidx.compose.ui.tooling.preview)\n androidTestImplementation(libs.androidx.compose.ui.test)\n debugImplementation(libs.androidx.compose.ui.tooling)\n\n implementation(libs.core.ktx)\n implementation(libs.appcompat)\n implementation(libs.material)\n testImplementation(libs.junit.junit)\n androidTestImplementation(libs.androidx.test.ext.junit)\n androidTestImplementation(libs.espresso.core)\n}" }, { "path": "scale-image-viewer-classic/consumer-rules.pro", "content": "" }, { "path": "scale-image-viewer-classic/gradle.properties", "content": "POM_ARTIFACT_ID=image-viewer-classic\nPOM_NAME=image-viewer-classic\nPOM_PACKAGING=aar" }, { "path": "scale-image-viewer-classic/proguard-rules.pro", "content": "# Add project specific ProGuard rules here.\n# You can control the set of applied configuration files using the\n# proguardFiles setting in build.gradle.\n#\n# For more details, see\n# http://developer.android.com/guide/developing/tools/proguard.html\n\n# If your project uses WebView with JS, uncomment the following\n# and specify the fully qualified class name to the JavaScript interface\n# class:\n#-keepclassmembers class fqcn.of.javascript.interface.for.webview {\n# public *;\n#}\n\n# Uncomment this to preserve the line number information for\n# debugging stack traces.\n#-keepattributes SourceFile,LineNumberTable\n\n# If you keep the line number information, uncomment this to\n# hide the original source file name.\n#-renamesourcefileattribute SourceFile" }, { "path": "scale-image-viewer-classic/src/androidTest/java/com/jvziyaoyao/scale/image/classic/ExampleInstrumentedTest.kt", "content": "package com.jvziyaoyao.scale.image.classic\n\nimport androidx.test.platform.app.InstrumentationRegistry\nimport androidx.test.ext.junit.runners.AndroidJUnit4\n\nimport org.junit.Test\nimport org.junit.runner.RunWith\n\nimport org.junit.Assert.*\n\n/**\n * Instrumented test, which will execute on an Android device.\n *\n * See [testing documentation](http://d.android.com/tools/testing).\n */\n@RunWith(AndroidJUnit4::class)\nclass ExampleInstrumentedTest {\n @Test\n fun useAppContext() {\n // Context of the app under test.\n val appContext = InstrumentationRegistry.getInstrumentation().targetContext\n assertEquals(\"com.jvziyaoyao.scale.image.classic.test\", appContext.packageName)\n }\n}" }, { "path": "scale-image-viewer-classic/src/main/AndroidManifest.xml", "content": "\n\n\n" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/gallery/ImageGallery.kt", "content": "package com.origeek.imageViewer.gallery\n\nimport androidx.annotation.FloatRange\nimport androidx.annotation.IntRange\nimport androidx.compose.foundation.interaction.InteractionSource\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.key\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.Dp\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.SupportedHorizonPager\nimport com.jvziyaoyao.scale.zoomable.pager.SupportedPagerState\nimport com.jvziyaoyao.scale.zoomable.pager.rememberSupportedPagerState\nimport com.origeek.imageViewer.viewer.ImageViewer\nimport com.origeek.imageViewer.viewer.ImageViewerState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport com.origeek.imageViewer.viewer.rememberViewerState\nimport kotlinx.coroutines.launch\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-10 11:50\n **/\n\n/**\n * gallery手势对象\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass GalleryGestureScope(\n // 点击事件\n var onTap: () -> Unit = {},\n // 双击事件\n var onDoubleTap: () -> Boolean = { false },\n // 长按事件\n var onLongPress: () -> Unit = {},\n)\n\n/**\n * gallery图层对象\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass GalleryLayerScope(\n // viewer图层\n var viewerContainer: @Composable (\n page: Int, viewerState: ImageViewerState, viewer: @Composable () -> Unit\n ) -> Unit = { _, _, viewer -> viewer() },\n // 背景图层\n var background: @Composable ((Int) -> Unit) = {},\n // 前景图层\n var foreground: @Composable ((Int) -> Unit) = {},\n)\n\n/**\n * gallery状态\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nopen class ImageGalleryState(\n val pagerState: SupportedPagerState,\n) {\n\n /**\n * 当前viewer的状态\n */\n var imageViewerState by mutableStateOf(null)\n internal set\n\n /**\n * 当前页码\n */\n val currentPage: Int\n get() = pagerState.currentPage\n\n /**\n * 目标页码\n */\n val targetPage: Int\n get() = pagerState.targetPage\n\n /**\n * 总页数\n */\n val pageCount: Int\n get() = pagerState.pageCount\n\n /**\n * interactionSource\n */\n val interactionSource: InteractionSource\n get() = pagerState.interactionSource\n\n /**\n * 滚动到指定页面\n * @param page Int\n * @param pageOffset Float\n */\n suspend fun scrollToPage(\n @IntRange(from = 0) page: Int,\n @FloatRange(from = 0.0, to = 1.0) pageOffset: Float = 0f,\n ) = pagerState.scrollToPage(page, pageOffset)\n\n /**\n * 动画滚动到指定页面\n * @param page Int\n * @param pageOffset Float\n */\n suspend fun animateScrollToPage(\n @IntRange(from = 0) page: Int,\n @FloatRange(from = 0.0, to = 1.0) pageOffset: Float = 0f,\n ) = pagerState.animateScrollToPage(page, pageOffset)\n\n}\n\n/**\n * 记录gallery状态\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun rememberImageGalleryState(\n @IntRange(from = 0) initialPage: Int = 0,\n pageCount: () -> Int,\n): ImageGalleryState {\n val imagePagerState =\n rememberSupportedPagerState(initialPage, pageCount)\n return remember { ImageGalleryState(imagePagerState) }\n}\n\n/**\n * 图片gallery,基于Pager实现的一个图片查看列表组件\n */\n@Deprecated(\n message = \"方法已弃用，请使用：com.jvziyaoyao.image.pager.ImagePager\",\n)\n@Composable\nfun ImageGallery(\n // 编辑参数\n modifier: Modifier = Modifier,\n // gallery状态\n state: ImageGalleryState,\n // 图片加载器\n imageLoader: @Composable (Int) -> Any?,\n // 每张图片之间的间隔\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n // 检测手势\n detectGesture: GalleryGestureScope.() -> Unit = {},\n // gallery图层\n galleryLayer: GalleryLayerScope.() -> Unit = {},\n) {\n// require(count >= 0) { \"imageCount must be >= 0\" }\n val scope = rememberCoroutineScope()\n // 手势相关\n val galleryGestureScope = remember { GalleryGestureScope() }\n detectGesture.invoke(galleryGestureScope)\n // 图层相关\n val galleryLayerScope = remember { GalleryLayerScope() }\n galleryLayer.invoke(galleryLayerScope)\n // 确保不会越界\n val currentPage = state.currentPage\n\n Box(\n modifier = modifier\n .fillMaxSize()\n ) {\n galleryLayerScope.background(currentPage)\n SupportedHorizonPager(\n state = state.pagerState,\n modifier = Modifier\n .fillMaxSize(),\n itemSpacing = itemSpacing,\n ) { page ->\n val imageState = rememberViewerState()\n LaunchedEffect(key1 = currentPage) {\n if (currentPage != page) imageState.reset()\n if (currentPage == page) {\n state.imageViewerState = imageState\n }\n }\n galleryLayerScope.viewerContainer(page, imageState) {\n Box(\n modifier = Modifier\n .fillMaxSize(),\n ) {\n key(page) {\n ImageViewer(\n modifier = Modifier.fillMaxSize(),\n model = imageLoader(page),\n state = imageState,\n boundClip = false,\n detectGesture = {\n this.onTap = {\n galleryGestureScope.onTap()\n }\n this.onDoubleTap = {\n val consumed = galleryGestureScope.onDoubleTap()\n if (!consumed) scope.launch {\n imageState.toggleScale(it)\n }\n }\n this.onLongPress = { galleryGestureScope.onLongPress() }\n },\n )\n }\n }\n }\n }\n galleryLayerScope.foreground(currentPage)\n }\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/previewer/ImagePreviewer.kt", "content": "package com.origeek.imageViewer.previewer\n\nimport androidx.annotation.IntRange\nimport androidx.compose.animation.AnimatedVisibility\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.MutableTransitionState\nimport androidx.compose.animation.core.tween\nimport androidx.compose.animation.fadeIn\nimport androidx.compose.animation.fadeOut\nimport androidx.compose.foundation.gestures.detectTapGestures\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.material.CircularProgressIndicator\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.Saver\nimport androidx.compose.runtime.saveable.mapSaver\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.alpha\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.input.pointer.pointerInput\nimport androidx.compose.ui.unit.Dp\nimport com.jvziyaoyao.scale.image.previewer.defaultPreviewBackground\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_PREVIEWER_ENTER_TRANSITION\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_PREVIEWER_EXIT_TRANSITION\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_SOFT_ANIMATION_SPEC\nimport com.jvziyaoyao.scale.zoomable.previewer.ItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.LocalTransformItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.VerticalDragType\nimport com.origeek.imageViewer.gallery.GalleryGestureScope\nimport com.origeek.imageViewer.gallery.ImageGallery\nimport com.origeek.imageViewer.gallery.ImageGalleryState\nimport com.origeek.imageViewer.gallery.rememberImageGalleryState\nimport com.origeek.imageViewer.viewer.ImageViewerState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.MainScope\n\n/**\n * 预览组件的状态\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass ImagePreviewerState(\n // 协程作用域\n scope: CoroutineScope = MainScope(),\n // 默认动画窗格\n defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n // 预览状态\n galleryState: ImageGalleryState,\n // 用于获取transformItemState\n itemStateMap: ItemStateMap,\n) : PreviewerVerticalDragState(\n scope,\n defaultAnimationSpec,\n galleryState = galleryState,\n itemStateMap = itemStateMap\n) {\n companion object {\n fun getSaver(\n galleryState: ImageGalleryState,\n itemStateMap: ItemStateMap\n ): Saver {\n return mapSaver(\n save = {\n mapOf(\n it::currentPage.name to it.currentPage,\n it::animateContainerVisibleState.name to it.animateContainerVisibleState.currentState,\n it::uiAlpha.name to it.uiAlpha.value,\n it::visible.name to it.visible,\n )\n },\n restore = {\n val previewerState = ImagePreviewerState(\n galleryState = galleryState,\n itemStateMap = itemStateMap\n )\n previewerState.animateContainerVisibleState =\n MutableTransitionState(it[ImagePreviewerState::animateContainerVisibleState.name] as Boolean)\n previewerState.uiAlpha =\n Animatable(it[ImagePreviewerState::uiAlpha.name] as Float)\n previewerState.visible = it[ImagePreviewerState::visible.name] as Boolean\n previewerState\n }\n )\n }\n }\n}\n\n/**\n * 记录预览组件状态\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun rememberPreviewerState(\n // 协程作用域\n scope: CoroutineScope = rememberCoroutineScope(),\n // 动画窗格\n animationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n // 开启垂直手势的类型\n verticalDragType: VerticalDragType = VerticalDragType.None,\n // 初始页码\n @IntRange(from = 0) initialPage: Int = 0,\n // 获取页数\n pageCount: () -> Int,\n // 提供给组件用于获取key的方法\n getKey: ((Int) -> Any)? = null,\n): ImagePreviewerState {\n val itemStateMap = LocalTransformItemStateMap.current\n val galleryState = rememberImageGalleryState(initialPage, pageCount)\n val imagePreviewerState =\n rememberSaveable(saver = ImagePreviewerState.getSaver(galleryState, itemStateMap)) {\n ImagePreviewerState(galleryState = galleryState, itemStateMap = itemStateMap)\n }\n imagePreviewerState.scope = scope\n imagePreviewerState.getKey = getKey\n imagePreviewerState.defaultAnimationSpec = animationSpec\n imagePreviewerState.verticalDragType = verticalDragType\n return imagePreviewerState\n}\n\n// 默认淡入淡出动画窗格\nval DEFAULT_CROSS_FADE_ANIMATE_SPEC: AnimationSpec = tween(80)\n\n// 加载占位默认的进入动画\nval DEFAULT_PLACEHOLDER_ENTER_TRANSITION = fadeIn(tween(200))\n\n// 加载占位默认的退出动画\nval DEFAULT_PLACEHOLDER_EXIT_TRANSITION = fadeOut(tween(200))\n\n// 默认的加载占位\nval DEFAULT_PREVIEWER_PLACEHOLDER_CONTENT = @Composable {\n Box(\n modifier = Modifier.fillMaxSize(),\n contentAlignment = Alignment.Center\n ) {\n CircularProgressIndicator(color = Color.White.copy(0.2F))\n }\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n// 加载时的占位内容\nclass PreviewerPlaceholder(\n // 进入动画\n var enterTransition: EnterTransition = DEFAULT_PLACEHOLDER_ENTER_TRANSITION,\n // 退出动画\n var exitTransition: ExitTransition = DEFAULT_PLACEHOLDER_EXIT_TRANSITION,\n // 占位的内容\n var content: @Composable () -> Unit = DEFAULT_PREVIEWER_PLACEHOLDER_CONTENT,\n)\n\n/**\n * 预览图层对象\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass PreviewerLayerScope(\n // 包裹viewer的容器图层\n var viewerContainer: @Composable (\n page: Int, viewerState: ImageViewerState, viewer: @Composable () -> Unit\n ) -> Unit = { _, _, viewer -> viewer() },\n // 背景图层\n var background: @Composable ((page: Int) -> Unit) = { _ -> defaultPreviewBackground() },\n // 前景图层\n var foreground: @Composable ((page: Int) -> Unit) = { _ -> },\n // 加载时的占位内容\n var placeholder: PreviewerPlaceholder = PreviewerPlaceholder()\n)\n\n/**\n * 图片预览组件\n */\n@Deprecated(\n message = \"方法已弃用，请使用：com.jvziyaoyao.image.previewer.ImagePreviewer\",\n)\n@Composable\nfun ImagePreviewer(\n // 编辑参数\n modifier: Modifier = Modifier,\n // 状态对象\n state: ImagePreviewerState,\n // 图片加载器\n imageLoader: @Composable (Int) -> Any?,\n // 图片间的间隔\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n // 进入动画\n enter: EnterTransition = DEFAULT_PREVIEWER_ENTER_TRANSITION,\n // 退出动画\n exit: ExitTransition = DEFAULT_PREVIEWER_EXIT_TRANSITION,\n // 检测手势\n detectGesture: GalleryGestureScope.() -> Unit = {},\n // 自定义previewer的各个图层\n previewerLayer: PreviewerLayerScope.() -> Unit = {},\n) {\n state.apply {\n // 图层相关\n val layerScope = remember { PreviewerLayerScope() }\n previewerLayer.invoke(layerScope)\n LaunchedEffect(\n key1 = animateContainerVisibleState,\n key2 = animateContainerVisibleState.currentState\n ) {\n onAnimateContainerStateChanged()\n }\n AnimatedVisibility(\n modifier = Modifier.fillMaxSize(),\n visibleState = animateContainerVisibleState,\n enter = enterTransition ?: enter,\n exit = exitTransition ?: exit,\n ) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .pointerInput(getKey) {\n verticalDrag(this)\n }\n ) {\n @Composable\n fun UIContainer(content: @Composable () -> Unit) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .alpha(uiAlpha.value)\n ) {\n content()\n }\n }\n ImageGallery(\n modifier = modifier.fillMaxSize(),\n state = galleryState,\n imageLoader = imageLoader,\n itemSpacing = itemSpacing,\n detectGesture = detectGesture,\n galleryLayer = {\n this.viewerContainer = { page, viewerState, viewer ->\n layerScope.viewerContainer(page, viewerState) {\n val viewerContainerState = rememberViewerContainerState(\n viewerState = viewerState,\n animationSpec = defaultAnimationSpec\n )\n LaunchedEffect(key1 = currentPage) {\n if (currentPage == page) {\n state.viewerContainerState = viewerContainerState\n }\n }\n ImageViewerContainer(\n modifier = Modifier.alpha(viewerAlpha.value),\n containerState = viewerContainerState,\n placeholder = layerScope.placeholder,\n viewer = viewer,\n )\n }\n }\n this.background = {\n UIContainer {\n layerScope.background(it)\n }\n }\n this.foreground = {\n UIContainer {\n layerScope.foreground(it)\n }\n }\n },\n )\n if (!visible)\n Box(modifier = Modifier\n .fillMaxSize()\n .pointerInput(Unit) { detectTapGestures { } }) { }\n }\n }\n ticket.Next()\n }\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/previewer/ImageTransform.kt", "content": "package com.origeek.imageViewer.previewer\n\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.offset\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.key\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.Saver\nimport androidx.compose.runtime.saveable.listSaver\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.TransformOrigin\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.graphics.painter.Painter\nimport androidx.compose.ui.graphics.vector.ImageVector\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.layout.onGloballyPositioned\nimport androidx.compose.ui.layout.positionInRoot\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.unit.IntSize\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_SOFT_ANIMATION_SPEC\nimport com.jvziyaoyao.scale.zoomable.previewer.ItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.LocalTransformItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemState\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemView\nimport com.jvziyaoyao.scale.zoomable.previewer.rememberTransformItemState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.flow.MutableStateFlow\nimport kotlinx.coroutines.flow.takeWhile\nimport kotlinx.coroutines.launch\nimport kotlin.coroutines.resume\nimport kotlin.coroutines.suspendCoroutine\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-09-22 10:13\n **/\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformImageView(\n modifier: Modifier = Modifier,\n painter: Painter,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n previewerState: ImagePreviewerState,\n) {\n TransformImageView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n contentState = previewerState.transformState,\n ) { itemKey ->\n key(itemKey) {\n LaunchedEffect(key1 = painter.intrinsicSize) {\n if (painter.intrinsicSize.isSpecified) {\n itemState.intrinsicSize = painter.intrinsicSize\n }\n }\n Image(\n modifier = Modifier.fillMaxSize(),\n painter = painter,\n contentDescription = null,\n contentScale = ContentScale.Crop,\n )\n }\n }\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformImageView(\n modifier: Modifier = Modifier,\n bitmap: ImageBitmap,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n previewerState: ImagePreviewerState,\n) {\n TransformImageView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n previewerState = previewerState,\n ) {\n itemState.intrinsicSize = Size(\n bitmap.width.toFloat(),\n bitmap.height.toFloat()\n )\n Image(\n modifier = Modifier.fillMaxSize(),\n bitmap = bitmap,\n contentDescription = null,\n contentScale = ContentScale.Crop,\n )\n }\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformImageView(\n modifier: Modifier = Modifier,\n imageVector: ImageVector,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n previewerState: ImagePreviewerState,\n) {\n TransformImageView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n previewerState = previewerState,\n ) {\n LocalDensity.current.run {\n itemState.intrinsicSize = Size(\n imageVector.defaultWidth.toPx(),\n imageVector.defaultHeight.toPx(),\n )\n }\n Image(\n modifier = Modifier.fillMaxSize(),\n imageVector = imageVector,\n contentDescription = null,\n contentScale = ContentScale.Crop,\n )\n }\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformImageView(\n modifier: Modifier = Modifier,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n previewerState: ImagePreviewerState,\n content: @Composable (Any) -> Unit,\n) = TransformImageView(modifier, key, itemState, previewerState.transformState, content)\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformImageView(\n modifier: Modifier = Modifier,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n contentState: TransformContentState? = rememberTransformContentState(),\n content: @Composable (Any) -> Unit,\n) {\n TransformItemView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n contentState = contentState,\n ) {\n content(key)\n }\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformItemView(\n modifier: Modifier = Modifier,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n contentState: TransformContentState?,\n content: @Composable (Any) -> Unit,\n) {\n TransformItemView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n itemVisible = contentState?.itemState != itemState || !contentState.onAction,\n content = content,\n )\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun TransformContentView(\n transformContentState: TransformContentState = rememberTransformContentState(),\n) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .onGloballyPositioned {\n transformContentState.containerSize = it.size\n transformContentState.containerOffset = it.positionInRoot()\n },\n ) {\n if (\n transformContentState.srcCompose != null\n && transformContentState.onAction\n ) {\n Box(\n modifier = Modifier\n .offset(\n x = LocalDensity.current.run { (transformContentState.offsetX.value).toDp() },\n y = LocalDensity.current.run { (transformContentState.offsetY.value).toDp() },\n )\n .size(\n width = LocalDensity.current.run { transformContentState.displayWidth.value.toDp() },\n height = LocalDensity.current.run { transformContentState.displayHeight.value.toDp() },\n )\n .graphicsLayer {\n transformOrigin = TransformOrigin(0F, 0F)\n scaleX = transformContentState.graphicScaleX.value\n scaleY = transformContentState.graphicScaleY.value\n },\n ) {\n transformContentState.srcCompose!!(transformContentState.itemState?.key ?: Unit)\n }\n }\n }\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass TransformContentState(\n // 协程作用域\n var scope: CoroutineScope = MainScope(),\n // 默认动画窗格\n var defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n // 用于获取transformItemState\n var itemStateMap: ItemStateMap,\n) {\n\n var itemState: TransformItemState? by mutableStateOf(null)\n\n val intrinsicSize: Size\n get() = itemState?.intrinsicSize ?: Size.Zero\n\n val intrinsicRatio: Float\n get() {\n if (intrinsicSize.height == 0F) return 1F\n return intrinsicSize.width.div(intrinsicSize.height)\n }\n\n val srcPosition: Offset\n get() {\n val offset = itemState?.blockPosition ?: Offset.Zero\n return offset.copy(x = offset.x - containerOffset.x, y = offset.y - containerOffset.y)\n }\n\n val srcSize: IntSize\n get() = itemState?.blockSize ?: IntSize.Zero\n\n val srcCompose: (@Composable (Any) -> Unit)?\n get() = itemState?.blockCompose\n\n var onAction by mutableStateOf(false)\n\n var onActionTarget by mutableStateOf(null)\n\n var displayWidth = Animatable(0F)\n\n var displayHeight = Animatable(0F)\n\n var graphicScaleX = Animatable(1F)\n\n var graphicScaleY = Animatable(1F)\n\n var offsetX = Animatable(0F)\n\n var offsetY = Animatable(0F)\n\n var containerOffset by mutableStateOf(Offset.Zero)\n\n private var containerSizeState = mutableStateOf(IntSize.Zero)\n\n var containerSize: IntSize\n get() = containerSizeState.value\n set(value) {\n containerSizeState.value = value\n if (value.width != 0 && value.height != 0) {\n scope.launch {\n specifierSizeFlow.emit(true)\n }\n }\n }\n\n var specifierSizeFlow = MutableStateFlow(false)\n\n val containerRatio: Float\n get() {\n if (containerSize.height == 0) return 1F\n return containerSize.width.toFloat().div(containerSize.height)\n }\n\n val widthFixed: Boolean\n get() = intrinsicRatio > containerRatio\n\n val fitSize: Size\n get() {\n return if (intrinsicRatio > containerRatio) {\n // 宽度一致\n val uW = containerSize.width\n val uH = uW / intrinsicRatio\n Size(uW.toFloat(), uH)\n } else {\n // 高度一致\n val uH = containerSize.height\n val uW = uH * intrinsicRatio\n Size(uW, uH.toFloat())\n }\n }\n\n val fitOffsetX: Float\n get() {\n return (containerSize.width - fitSize.width).div(2)\n }\n\n val fitOffsetY: Float\n get() {\n return (containerSize.height - fitSize.height).div(2)\n }\n\n val fitScale: Float\n get() {\n return fitSize.width.div(displayRatioSize.width)\n }\n\n val displayRatioSize: Size\n get() {\n return Size(width = srcSize.width.toFloat(), height = srcSize.width.div(intrinsicRatio))\n }\n\n val realSize: Size\n get() {\n return Size(\n width = displayWidth.value * graphicScaleX.value,\n height = displayHeight.value * graphicScaleY.value,\n )\n }\n\n suspend fun awaitContainerSizeSpecifier() {\n specifierSizeFlow.takeWhile { !it }.collect {}\n }\n\n fun findTransformItem(key: Any) = itemStateMap[key]\n\n fun clearTransformItems() = itemStateMap.clear()\n\n fun setEnterState() {\n onAction = true\n onActionTarget = null\n }\n\n fun setExitState() {\n onAction = false\n onActionTarget = null\n }\n\n suspend fun notifyEnterChanged() {\n scope.launch {\n listOf(\n scope.async {\n displayWidth.snapTo(displayRatioSize.width)\n },\n scope.async {\n displayHeight.snapTo(displayRatioSize.height)\n },\n scope.async {\n graphicScaleX.snapTo(fitScale)\n },\n scope.async {\n graphicScaleY.snapTo(fitScale)\n },\n scope.async {\n offsetX.snapTo(fitOffsetX)\n },\n scope.async {\n offsetY.snapTo(fitOffsetY)\n },\n ).awaitAll()\n }\n }\n\n suspend fun exitTransform(\n animationSpec: AnimationSpec? = null\n ) = suspendCoroutine { c ->\n val currentAnimateSpec = animationSpec ?: defaultAnimationSpec\n scope.launch {\n listOf(\n scope.async {\n displayWidth.animateTo(srcSize.width.toFloat(), currentAnimateSpec)\n },\n scope.async {\n displayHeight.animateTo(srcSize.height.toFloat(), currentAnimateSpec)\n },\n scope.async {\n graphicScaleX.animateTo(1F, currentAnimateSpec)\n },\n scope.async {\n graphicScaleY.animateTo(1F, currentAnimateSpec)\n },\n scope.async {\n offsetX.animateTo(srcPosition.x, currentAnimateSpec)\n },\n scope.async {\n offsetY.animateTo(srcPosition.y, currentAnimateSpec)\n },\n ).awaitAll()\n onAction = false\n onActionTarget = null\n c.resume(Unit)\n }\n }\n\n suspend fun enterTransform(\n itemState: TransformItemState,\n animationSpec: AnimationSpec? = null\n ) = suspendCoroutine { c ->\n val currentAnimationSpec = animationSpec ?: defaultAnimationSpec\n this.itemState = itemState\n\n displayWidth = Animatable(srcSize.width.toFloat())\n displayHeight = Animatable(srcSize.height.toFloat())\n graphicScaleX = Animatable(1F)\n graphicScaleY = Animatable(1F)\n\n offsetX = Animatable(srcPosition.x)\n offsetY = Animatable(srcPosition.y)\n\n onActionTarget = true\n onAction = true\n\n scope.launch {\n reset(currentAnimationSpec)\n c.resume(Unit)\n onActionTarget = null\n }\n }\n\n suspend fun reset(animationSpec: AnimationSpec? = null) {\n val currentAnimationSpec = animationSpec ?: defaultAnimationSpec\n listOf(\n scope.async {\n displayWidth.animateTo(displayRatioSize.width, currentAnimationSpec)\n },\n scope.async {\n displayHeight.animateTo(displayRatioSize.height, currentAnimationSpec)\n },\n scope.async {\n graphicScaleX.animateTo(fitScale, currentAnimationSpec)\n },\n scope.async {\n graphicScaleY.animateTo(fitScale, currentAnimationSpec)\n },\n scope.async {\n offsetX.animateTo(fitOffsetX, currentAnimationSpec)\n },\n scope.async {\n offsetY.animateTo(fitOffsetY, currentAnimationSpec)\n },\n ).awaitAll()\n }\n\n companion object {\n val Saver: Saver = listSaver(\n save = {\n listOf(\n it.onAction,\n )\n },\n restore = {\n val transformContentState =\n TransformContentState(itemStateMap = mutableMapOf())\n transformContentState.onAction = it[0] as Boolean\n transformContentState\n }\n )\n }\n\n}\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun rememberTransformContentState(\n scope: CoroutineScope = rememberCoroutineScope(),\n animationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC\n): TransformContentState {\n val transformItemState = LocalTransformItemStateMap.current\n val transformContentState = rememberSaveable(saver = TransformContentState.Saver) {\n TransformContentState(itemStateMap = transformItemState)\n }\n transformContentState.scope = scope\n transformContentState.defaultAnimationSpec = animationSpec\n return transformContentState\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/previewer/ImageViewerContainer.kt", "content": "package com.origeek.imageViewer.previewer\n\nimport androidx.compose.animation.AnimatedVisibility\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.collectAsState\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.Saver\nimport androidx.compose.runtime.saveable.mapSaver\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.alpha\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.layout.onGloballyPositioned\nimport androidx.compose.ui.unit.IntSize\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_SOFT_ANIMATION_SPEC\nimport com.jvziyaoyao.scale.zoomable.previewer.LocalTransformItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemState\nimport com.origeek.imageViewer.viewer.ImageViewerState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport com.origeek.imageViewer.viewer.rememberViewerState\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.Deferred\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.flow.collect\nimport kotlinx.coroutines.flow.takeWhile\nimport kotlinx.coroutines.withContext\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-17 14:45\n **/\n\n@Deprecated(\n message = commonDeprecatedText,\n)\ninternal class ViewerContainerState(\n // 协程作用域\n var scope: CoroutineScope = MainScope(),\n // 转换图层的状态\n var transformState: TransformContentState,\n // viewer的状态\n var imageViewerState: ImageViewerState = ImageViewerState(),\n // 默认动画窗格\n var defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC\n) {\n\n /**\n * +-------------------+\n * INTERNAL\n * +-------------------+\n */\n\n // 转换图层transformContent透明度\n internal var transformContentAlpha = Animatable(0F)\n\n // viewer容器的透明度\n internal var viewerContainerAlpha = Animatable(1F)\n\n // 是否允许界面显示loading\n internal var allowLoading by mutableStateOf(true)\n\n // 打开图片后到加载成功过程的协程任务\n internal var openTransformJob: Deferred? = null\n\n /**\n * 取消打开动作\n */\n internal fun cancelOpenTransform() {\n openTransformJob?.cancel()\n openTransformJob = null\n }\n\n /**\n * 等待挂载成功\n */\n internal suspend fun awaitOpenTransform() {\n // 这里需要等待viewer挂载，显示loading界面\n openTransformJob = scope.async {\n // 等待viewer加载\n awaitViewerLoading()\n // viewer加载成功后显示viewer\n transformSnapToViewer(true)\n }\n openTransformJob?.await()\n openTransformJob = null\n }\n\n /**\n * 等待viewer挂载成功\n */\n internal suspend fun awaitViewerLoading() {\n imageViewerState.mountedFlow.apply {\n withContext(Dispatchers.Default) {\n takeWhile { !it }.collect()\n }\n }\n }\n\n /**\n * 转换图层转viewer图层，true显示viewer，false显示转换图层\n * @param isViewer Boolean\n */\n internal suspend fun transformSnapToViewer(isViewer: Boolean) {\n if (isViewer) {\n transformContentAlpha.snapTo(0F)\n viewerContainerAlpha.snapTo(1F)\n } else {\n transformContentAlpha.snapTo(1F)\n viewerContainerAlpha.snapTo(0F)\n }\n }\n\n /**\n * 将viewer容器的位置大小复制给transformContent\n */\n internal suspend fun copyViewerContainerStateToTransformState() {\n transformState.apply {\n val targetScale = scale.value * fitScale\n graphicScaleX.snapTo(targetScale)\n graphicScaleY.snapTo(targetScale)\n val centerOffsetY = (containerSize.height - realSize.height).div(2)\n val centerOffsetX = (containerSize.width - realSize.width).div(2)\n offsetY.snapTo(centerOffsetY + this@ViewerContainerState.offsetY.value)\n offsetX.snapTo(centerOffsetX + this@ViewerContainerState.offsetX.value)\n }\n }\n\n /**\n * 将viewer的位置大小等信息复制给transformContent\n * @param itemState TransformItemState\n */\n internal suspend fun copyViewerPosToContent(itemState: TransformItemState) {\n transformState.apply {\n // 更新itemState，确保itemState一致\n this@apply.itemState = itemState\n // 确保viewer的容器大小与transform的容器大小一致\n containerSize = imageViewerState.containerSize\n val scale = imageViewerState.scale\n val offsetX = imageViewerState.offsetX\n val offsetY = imageViewerState.offsetY\n // 计算transform的实际大小\n val rw = fitSize.width * scale.value\n val rh = fitSize.height * scale.value\n // 计算目标平移量\n val goOffsetX =\n (containerSize.width - rw).div(2) + offsetX.value\n val goOffsetY =\n (containerSize.height - rh).div(2) + offsetY.value\n // 计算缩放率\n val fixScale = fitScale * scale.value\n\n // 更新值\n graphicScaleX.snapTo(fixScale)\n graphicScaleY.snapTo(fixScale)\n displayWidth.snapTo(displayRatioSize.width)\n displayHeight.snapTo(displayRatioSize.height)\n this@apply.offsetX.snapTo(goOffsetX)\n this@apply.offsetY.snapTo(goOffsetY)\n }\n }\n\n // 容器大小\n var containerSize: IntSize by mutableStateOf(IntSize.Zero)\n\n // 容器的偏移量X\n var offsetX = Animatable(0F)\n\n // 容器的偏移量Y\n var offsetY = Animatable(0F)\n\n // 容器缩放\n var scale = Animatable(1F)\n\n /**\n * 重置回原来的状态\n * @param animationSpec AnimationSpec\n */\n suspend fun reset(animationSpec: AnimationSpec = defaultAnimationSpec) {\n scope.apply {\n listOf(\n async {\n offsetX.animateTo(0F, animationSpec)\n },\n async {\n offsetY.animateTo(0F, animationSpec)\n },\n async {\n scale.animateTo(1F, animationSpec)\n },\n ).awaitAll()\n }\n }\n\n /**\n * 立刻重置\n */\n suspend fun resetImmediately() {\n offsetX.snapTo(0F)\n offsetY.snapTo(0F)\n scale.snapTo(1F)\n }\n\n companion object {\n val Saver: Saver = mapSaver(\n save = {\n mapOf(\n it::offsetX.name to it.offsetX.value,\n it::offsetY.name to it.offsetY.value,\n it::scale.name to it.scale.value,\n )\n },\n restore = {\n val contentState = TransformContentState(itemStateMap = mutableMapOf())\n val viewerContainerState = ViewerContainerState(transformState = contentState)\n viewerContainerState.offsetX =\n Animatable(it[viewerContainerState::offsetX.name] as Float)\n viewerContainerState.offsetY =\n Animatable(it[viewerContainerState::offsetY.name] as Float)\n viewerContainerState.scale =\n Animatable(it[viewerContainerState::scale.name] as Float)\n viewerContainerState\n }\n )\n }\n}\n\n/**\n * 记录Viewer容器的状态\n * @return ViewerContainerState\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\ninternal fun rememberViewerContainerState(\n // 协程作用域\n scope: CoroutineScope = rememberCoroutineScope(),\n // viewer状态\n viewerState: ImageViewerState = rememberViewerState(),\n // 转换content的state\n transformContentState: TransformContentState = rememberTransformContentState(),\n // 动画窗格\n animationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n): ViewerContainerState {\n val itemStateMap = LocalTransformItemStateMap.current\n val transformState = TransformContentState(itemStateMap = itemStateMap)\n val viewerContainerState = rememberSaveable(saver = ViewerContainerState.Saver) {\n ViewerContainerState(transformState = transformState)\n }\n viewerContainerState.scope = scope\n viewerContainerState.imageViewerState = viewerState\n viewerContainerState.transformState = transformContentState\n viewerContainerState.defaultAnimationSpec = animationSpec\n return viewerContainerState\n}\n\n/**\n * Viewer容器\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\ninternal fun ImageViewerContainer(\n // 修改对象\n modifier: Modifier = Modifier,\n // 容器状态\n containerState: ViewerContainerState,\n // 未加载成功时的占位\n placeholder: PreviewerPlaceholder = PreviewerPlaceholder(),\n // viewer主体\n viewer: @Composable () -> Unit,\n) {\n containerState.apply {\n Box(\n modifier = modifier\n .fillMaxSize()\n .onGloballyPositioned {\n containerSize = it.size\n }\n .graphicsLayer {\n scaleX = scale.value\n scaleY = scale.value\n translationX = offsetX.value\n translationY = offsetY.value\n }\n ) {\n // 支持转换效果的图层\n Box(\n modifier = Modifier\n .fillMaxSize()\n .alpha(transformContentAlpha.value)\n ) {\n TransformContentView(transformState)\n }\n // viewer图层\n Box(\n modifier = Modifier\n .fillMaxSize()\n .alpha(viewerContainerAlpha.value)\n ) {\n viewer()\n }\n // 判断viewer是否加载成功\n val viewerMounted by imageViewerState.mountedFlow.collectAsState(\n initial = false\n )\n if (allowLoading) AnimatedVisibility(\n visible = !viewerMounted,\n enter = placeholder.enterTransition,\n exit = placeholder.exitTransition,\n ) {\n placeholder.content()\n }\n }\n }\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/previewer/PreviewerPagerState.kt", "content": "package com.origeek.imageViewer.previewer\n\nimport androidx.annotation.FloatRange\nimport androidx.annotation.IntRange\nimport com.origeek.imageViewer.gallery.ImageGalleryState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-17 14:41\n **/\n\n@Deprecated(\n message = commonDeprecatedText,\n)\nopen class PreviewerPagerState(\n val galleryState: ImageGalleryState,\n) {\n\n /**\n * 当前页码\n */\n val currentPage: Int\n get() = galleryState.currentPage\n\n /**\n * 目标页码\n */\n val targetPage: Int\n get() = galleryState.targetPage\n\n /**\n * 滚动到指定页面\n * @param page Int\n * @param pageOffset Float\n */\n suspend fun scrollToPage(\n @IntRange(from = 0) page: Int,\n @FloatRange(from = 0.0, to = 1.0) pageOffset: Float = 0F,\n ) = galleryState.scrollToPage(page, pageOffset)\n\n /**\n * 带动画滚动到指定页面\n * @param page Int\n * @param pageOffset Float\n */\n suspend fun animateScrollToPage(\n @IntRange(from = 0) page: Int,\n @FloatRange(from = 0.0, to = 1.0) pageOffset: Float = 0F,\n ) = galleryState.animateScrollToPage(page, pageOffset)\n\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/previewer/PreviewerTransformState.kt", "content": "package com.origeek.imageViewer.previewer\n\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.MutableTransitionState\nimport androidx.compose.animation.core.tween\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.setValue\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_SOFT_ANIMATION_SPEC\nimport com.jvziyaoyao.scale.zoomable.previewer.ItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemState\nimport com.origeek.imageViewer.gallery.ImageGalleryState\nimport com.origeek.imageViewer.util.Ticket\nimport com.origeek.imageViewer.viewer.ImageViewerState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport kotlinx.coroutines.*\nimport kotlinx.coroutines.sync.Mutex\nimport kotlinx.coroutines.sync.withLock\nimport kotlin.coroutines.resume\nimport kotlin.coroutines.suspendCoroutine\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-17 14:41\n **/\n\n@Deprecated(\n message = commonDeprecatedText,\n)\nopen class PreviewerTransformState(\n // 协程作用域/\n var scope: CoroutineScope = MainScope(),\n // 默认动画窗格\n var defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n // 预览状态\n galleryState: ImageGalleryState,\n // 用于获取TransformItemState\n var itemStateMap: ItemStateMap,\n) : PreviewerPagerState(\n galleryState = galleryState,\n) {\n\n /**\n * +-------------------+\n * PRIVATE\n * +-------------------+\n */\n\n // 锁对象\n private var mutex = Mutex()\n\n // 打开回调，最外层animateVisible修改时调用\n private var openCallback: (() -> Unit)? = null\n\n // 关闭回调，最外层animateVisible修改时调用\n private var closeCallback: (() -> Unit)? = null\n\n // 是否显示viewer容器的标识\n private val viewerContainerVisible: Boolean\n get() = viewerContainerState?.viewerContainerAlpha?.value == 1F\n\n /**\n * 更新当前的标记状态\n * @param animating Boolean\n * @param visible Boolean\n * @param visibleTarget Boolean?\n */\n private suspend fun updateState(animating: Boolean, visible: Boolean, visibleTarget: Boolean?) {\n mutex.withLock {\n this.animating = animating\n this.visible = visible\n this.visibleTarget = visibleTarget\n }\n }\n\n /**\n * +-------------------+\n * INTERNAL\n * +-------------------+\n */\n\n // 等待界面刷新的ticket\n internal val ticket = Ticket()\n\n // 最外侧animateVisibleState\n internal var animateContainerVisibleState by mutableStateOf(MutableTransitionState(false))\n\n // UI透明度\n internal var uiAlpha = Animatable(0F)\n\n // viewer透明度\n internal var viewerAlpha = Animatable(1F)\n\n // 从外部传入viewer容器\n internal var viewerContainerState by mutableStateOf(null)\n\n // 从外部提供transformContentState\n internal val transformState: TransformContentState?\n get() = viewerContainerState?.transformState\n\n // 进入转换动画\n internal var enterTransition: EnterTransition? = null\n\n // 离开的转换动画\n internal var exitTransition: ExitTransition? = null\n\n // 判断是否允许transform结束\n internal val canTransformOut: Boolean\n get() = (viewerContainerState?.openTransformJob != null) || (imageViewerState?.mountedFlow?.value == true)\n\n // 标记打开动作，执行开始\n internal suspend fun stateOpenStart() =\n updateState(animating = true, visible = false, visibleTarget = true)\n\n // 标记打开动作，执行结束\n internal suspend fun stateOpenEnd() =\n updateState(animating = false, visible = true, visibleTarget = null)\n\n // 标记关闭动作，执行开始\n internal suspend fun stateCloseStart() =\n updateState(animating = true, visible = true, visibleTarget = false)\n\n // 标记关闭动作，执行结束\n internal suspend fun stateCloseEnd() =\n updateState(animating = false, visible = false, visibleTarget = null)\n\n /**\n * 转换图层转viewer图层，true显示viewer，false显示转换图层\n * @param isViewer Boolean\n */\n internal suspend fun transformSnapToViewer(isViewer: Boolean) {\n if (isViewer && visibleTarget == false) return\n viewerContainerState?.transformSnapToViewer(isViewer)\n }\n\n /**\n * animateVisable执行完成后调用回调方法\n */\n internal fun onAnimateContainerStateChanged() {\n if (animateContainerVisibleState.currentState) {\n openCallback?.invoke()\n transformState?.setEnterState()\n } else {\n closeCallback?.invoke()\n }\n }\n\n /**\n * +-------------------+\n * PUBLIC\n * +-------------------+\n */\n\n // 是否正在进行动画\n var animating by mutableStateOf(false)\n internal set\n\n // 是否可见\n var visible by mutableStateOf(false)\n internal set\n\n // 是否可见的目标值\n var visibleTarget by mutableStateOf(null)\n internal set\n\n // 是否允许执行open操作\n val canOpen: Boolean\n get() = !visible && visibleTarget == null && !animating\n\n // 是否允许执行close操作\n val canClose: Boolean\n get() = visible && visibleTarget == null && !animating\n\n // imageViewer状态对象\n val imageViewerState: ImageViewerState?\n get() = viewerContainerState?.imageViewerState\n\n /**\n * 根据页面获取当前页码所属的key\n */\n var getKey: ((Int) -> Any)? = null\n\n // 查找key关联的transformItem\n fun findTransformItem(key: Any): TransformItemState? {\n return itemStateMap[key]\n }\n\n // 根据index查询key\n fun findTransformItemByIndex(index: Int): TransformItemState? {\n val key = getKey?.invoke(index) ?: return null\n return findTransformItem(key)\n }\n\n // 清除全部transformItems\n fun clearTransformItems() = itemStateMap.clear()\n\n /**\n * 打开previewer\n * @param index Int\n * @param itemState TransformItemState?\n * @param enterTransition EnterTransition?\n */\n suspend fun open(\n index: Int = 0,\n itemState: TransformItemState? = null,\n enterTransition: EnterTransition? = null\n ) =\n suspendCoroutine { c ->\n // 设置当前转换动画\n this.enterTransition = enterTransition\n // 设置转换回调\n openCallback = {\n c.resume(Unit)\n // 清除转换回调\n openCallback = null\n // 清除转换动画\n this.enterTransition = null\n // 标记结束\n scope.launch {\n stateOpenEnd()\n }\n }\n scope.launch {\n // 标记开始\n stateOpenStart()\n // 开启UI\n uiAlpha.snapTo(1F)\n // container动画立即设置为关闭\n animateContainerVisibleState = MutableTransitionState(false)\n // 开启container\n animateContainerVisibleState.targetState = true\n // 跳转到index\n galleryState.scrollToPage(index)\n // 等待下一帧之后viewerContainerState才会刷新出来\n ticket.awaitNextTicket()\n // 允许显示loading\n viewerContainerState?.allowLoading = true\n // 开启viewer\n viewerContainerState?.viewerContainerAlpha?.snapTo(1F)\n // 如果输入itemState，则用itemState做为背景\n if (itemState != null) {\n scope.launch {\n viewerContainerState?.transformContentAlpha?.snapTo(1F)\n transformState?.awaitContainerSizeSpecifier()\n transformState?.enterTransform(itemState, tween(0))\n }\n }\n // 这里需要等待viewer挂载，显示loading界面\n viewerContainerState?.awaitOpenTransform()\n }\n }\n\n /**\n * 关闭previewer\n * @param exitTransition ExitTransition?\n */\n suspend fun close(exitTransition: ExitTransition? = null) = suspendCoroutine { c ->\n // 设置当前退出动画\n this.exitTransition = exitTransition\n // 设置退出结束的回调方法\n closeCallback = {\n c.resume(Unit)\n // 将回调设置为空\n closeCallback = null\n // 将退出动画设置为空\n this.exitTransition = null\n // 标记结束\n scope.launch {\n stateCloseEnd()\n }\n }\n scope.launch {\n // 标记开始\n stateCloseStart()\n // 关闭正在进行的开启操作\n viewerContainerState?.cancelOpenTransform()\n // 这里创建一个全新的state是为了让exitTransition的设置得到响应\n animateContainerVisibleState = MutableTransitionState(true)\n // 开启container关闭动画\n animateContainerVisibleState.targetState = false\n // 等待下一帧\n ticket.awaitNextTicket()\n // transformState标记退出\n transformState?.setExitState()\n }\n }\n\n /**\n * 打开previewer，带转换效果\n * @param index Int\n * @param itemState TransformItemState\n * @param animationSpec AnimationSpec?\n */\n suspend fun openTransform(\n index: Int,\n itemState: TransformItemState? = findTransformItemByIndex(index),\n animationSpec: AnimationSpec = defaultAnimationSpec\n ) {\n // 如果itemState为空，改用open的方式打开\n if (itemState == null) {\n open(index)\n return\n }\n // 动画开始\n stateOpenStart()\n // 关闭UI\n uiAlpha.snapTo(0F)\n // 关闭viewer\n viewerAlpha.snapTo(0F)\n // 设置新的container状态立刻设置为true\n animateContainerVisibleState = MutableTransitionState(true)\n // 跳转到index页\n galleryState.scrollToPage(index)\n // 等待下一帧\n ticket.awaitNextTicket()\n // 关闭loading\n viewerContainerState?.allowLoading = false\n // 关闭viewer。打开transform\n transformSnapToViewer(false)\n // 开启viewer\n viewerAlpha.snapTo(1F)\n // 这两个一起执行\n listOf(\n scope.async {\n // 开启动画\n transformState?.enterTransform(itemState, animationSpec)\n // 开启loading\n viewerContainerState?.allowLoading = true\n },\n scope.async {\n // UI慢慢显示\n uiAlpha.animateTo(1F, animationSpec)\n }\n ).awaitAll()\n // 执行完成后的回调\n stateOpenEnd()\n // 这里需要等待viewer挂载，显示loading界面\n viewerContainerState?.awaitOpenTransform()\n }\n\n /**\n * 关闭previewer，带转换效果\n * @param key Any\n * @param animationSpec AnimationSpec?\n */\n suspend fun closeTransform(\n animationSpec: AnimationSpec = defaultAnimationSpec,\n ) {\n // 标记开始\n stateCloseStart()\n // 判断当前状态是否允许transform结束\n // 需要在cancel前获取该值\n val canNowTransformOut = canTransformOut\n // 关闭可能正在进行的open操作\n viewerContainerState?.cancelOpenTransform()\n // 关闭loading的显示\n viewerContainerState?.allowLoading = false\n // 查询item是否存在\n val itemState = findTransformItemByIndex(currentPage)\n // 如果存在，就transform退出，否则就普通退出\n if (itemState != null && canNowTransformOut) {\n // 如果viewer在显示的状态，退出时将viewer的pose复制给content\n if (viewerContainerVisible) {\n // 标记transform的开始状态，否则copy无效\n transformState?.setEnterState()\n // 更新transformState\n transformState?.notifyEnterChanged()\n // 等待刷新完毕\n ticket.awaitNextTicket()\n // 复制viewer的pos给transform\n viewerContainerState?.copyViewerPosToContent(itemState)\n // 切换为transform\n transformSnapToViewer(false)\n }\n // 等待下一帧\n ticket.awaitNextTicket()\n listOf(\n scope.async {\n // transform动画退出\n transformState?.exitTransform(animationSpec)\n // 退出结束后隐藏content\n viewerContainerState?.transformContentAlpha?.snapTo(0F)\n },\n scope.async {\n // 动画隐藏UI\n uiAlpha.animateTo(0F, animationSpec)\n }\n ).awaitAll()\n // 等待下一帧\n ticket.awaitNextTicket()\n // 彻底关闭container\n animateContainerVisibleState = MutableTransitionState(false)\n } else {\n // transform标记退出\n transformState?.setExitState()\n // container动画退出\n animateContainerVisibleState.targetState = false\n }\n // 允许使用loading\n viewerContainerState?.allowLoading = true\n // 标记结束；\n stateCloseEnd()\n }\n\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/previewer/PreviewerVerticalDragState.kt", "content": "package com.origeek.imageViewer.previewer\n\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.MutableTransitionState\nimport androidx.compose.foundation.gestures.detectVerticalDragGestures\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.input.pointer.PointerInputScope\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_SCALE_TO_CLOSE_MIN_VALUE\nimport com.jvziyaoyao.scale.zoomable.previewer.DEFAULT_SOFT_ANIMATION_SPEC\nimport com.jvziyaoyao.scale.zoomable.previewer.ItemStateMap\nimport com.jvziyaoyao.scale.zoomable.previewer.TransformItemState\nimport com.jvziyaoyao.scale.zoomable.previewer.VerticalDragType\nimport com.origeek.imageViewer.gallery.ImageGalleryState\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.launch\nimport kotlin.math.absoluteValue\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-17 14:42\n **/\n\n\n/**\n * 增加垂直方向拖拽的能力\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nopen class PreviewerVerticalDragState(\n // 协程作用域\n scope: CoroutineScope = MainScope(),\n // 默认动画窗格\n defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n // 开启垂直手势的类型\n verticalDragType: VerticalDragType = VerticalDragType.None,\n // 下拉关闭的缩小的阈值\n scaleToCloseMinValue: Float = DEFAULT_SCALE_TO_CLOSE_MIN_VALUE,\n // 预览状态\n galleryState: ImageGalleryState,\n // 用于获取TransformItemState\n itemStateMap: ItemStateMap,\n) : PreviewerTransformState(scope, defaultAnimationSpec, galleryState, itemStateMap) {\n\n /**\n * viewer容器缩小关闭\n */\n private suspend fun viewerContainerShrinkDown() {\n // 标记动作开始\n stateCloseStart()\n listOf(\n // 缩小容器\n scope.async {\n viewerContainerState?.scale?.animateTo(0F, animationSpec = defaultAnimationSpec)\n },\n // 关闭UI\n scope.async {\n uiAlpha.animateTo(0F, animationSpec = defaultAnimationSpec)\n }\n ).awaitAll()\n // 等待下一帧\n ticket.awaitNextTicket()\n // 关闭动画组件\n animateContainerVisibleState = MutableTransitionState(false)\n // 等待下一帧\n ticket.awaitNextTicket()\n // 重置container\n viewerContainerState?.reset(defaultAnimationSpec)\n // 将transform标记为退出\n transformState?.setExitState()\n // 标记动作结束\n stateCloseEnd()\n }\n\n /**\n * 响应下拉关闭\n */\n private suspend fun dragDownClose() {\n // 刷新transform的pos\n transformState?.notifyEnterChanged()\n // 关闭loading\n viewerContainerState?.allowLoading = false\n // 等待下一帧，确保transform的pos刷新成功\n ticket.awaitNextTicket()\n // 将container的pos复制给transform\n viewerContainerState?.copyViewerContainerStateToTransformState()\n // container重置\n viewerContainerState?.resetImmediately()\n // 切换到transform\n transformSnapToViewer(false)\n // 等待下一帧\n ticket.awaitNextTicket()\n // 执行转换关闭\n closeTransform(defaultAnimationSpec)\n // 解除loading限制\n viewerContainerState?.allowLoading = true\n }\n\n /**\n * 设置下拉手势的方法\n * @param pointerInputScope PointerInputScope\n */\n internal suspend fun verticalDrag(pointerInputScope: PointerInputScope) {\n pointerInputScope.apply {\n // 记录开始时的位置\n var vStartOffset by mutableStateOf(null)\n // 标记是否为下拉关闭\n var vOrientationDown by mutableStateOf(null)\n // 如果getKay不为空才开始检测手势\n if (verticalDragType != VerticalDragType.None) detectVerticalDragGestures(\n onDragStart = OnDragStart@{\n // 如果imageViewerState不存在，无法进行下拉手势\n if (imageViewerState == null) return@OnDragStart\n var transformItemState: TransformItemState? = null\n // 查询当前transformItem\n getKey?.apply {\n findTransformItem(invoke(currentPage))?.apply {\n transformItemState = this\n }\n }\n // 判断是否允许变换退出，如果允许就标记动作开始\n // setExitState后，在下拉过程中，itemState不会从界面上消失\n if (canTransformOut) {\n transformState?.setEnterState()\n } else {\n transformState?.setExitState()\n }\n // 更新当前transformItem\n transformState?.itemState = transformItemState\n // 只有viewer的缩放率为1时才允许下拉手势\n if (imageViewerState?.scale?.value == 1F) {\n vStartOffset = it\n // 进入下拉手势时禁用viewer的手势\n imageViewerState?.allowGestureInput = false\n }\n },\n onDragEnd = OnDragEnd@{\n // 如果开始位置为空，就退出\n if (vStartOffset == null) return@OnDragEnd\n // 如果containerState为空，就退出\n if (viewerContainerState == null) return@OnDragEnd\n // 重置开始位置和方向\n vStartOffset = null\n vOrientationDown = null\n // 解除viewer的手势输入限制\n imageViewerState?.allowGestureInput = true\n // 缩放小于阈值，执行关闭动画，大于就恢复原样\n if (viewerContainerState!!.scale.value < scaleToCloseMinValue) {\n scope.launch {\n if (getKey != null && canTransformOut) {\n val key = getKey!!.invoke(currentPage)\n val transformItem = findTransformItem(key)\n // 如果item在画面内，就执行变换关闭，否则缩小关闭\n if (transformItem != null) {\n dragDownClose()\n } else {\n viewerContainerShrinkDown()\n }\n } else {\n viewerContainerShrinkDown()\n }\n // 结束动画后需要把关闭的UI打开\n uiAlpha.snapTo(1F)\n }\n } else {\n scope.launch {\n uiAlpha.animateTo(1F, defaultAnimationSpec)\n }\n scope.launch {\n viewerContainerState?.reset(defaultAnimationSpec)\n }\n }\n },\n onVerticalDrag = OnVerticalDrag@{ change, dragAmount ->\n if (imageViewerState == null) return@OnVerticalDrag\n if (viewerContainerState == null) return@OnVerticalDrag\n if (vStartOffset == null) return@OnVerticalDrag\n if (vOrientationDown == null) vOrientationDown = dragAmount > 0\n if (vOrientationDown == true || verticalDragType == VerticalDragType.UpAndDown) {\n val offsetY = change.position.y - vStartOffset!!.y\n val offsetX = change.position.x - vStartOffset!!.x\n val containerHeight = viewerContainerState!!.containerSize.height\n val scale = (containerHeight - offsetY.absoluteValue).div(\n containerHeight\n )\n scope.launch {\n uiAlpha.snapTo(scale)\n viewerContainerState?.offsetX?.snapTo(offsetX)\n viewerContainerState?.offsetY?.snapTo(offsetY)\n viewerContainerState?.scale?.snapTo(scale)\n }\n } else {\n // 如果不是向上，就返还输入权，以免页面卡顿\n imageViewerState?.allowGestureInput = true\n }\n }\n )\n }\n }\n\n /**\n * 开启垂直手势的类型\n */\n var verticalDragType by mutableStateOf(verticalDragType)\n\n /**\n * 下拉关闭的缩放的阈值，当scale小于这个值，就关闭，否则还原\n */\n var scaleToCloseMinValue by mutableStateOf(scaleToCloseMinValue)\n\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/util/Ticket.kt", "content": "package com.origeek.imageViewer.util\n\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.setValue\nimport com.origeek.imageViewer.viewer.commonDeprecatedText\nimport java.util.UUID\nimport kotlin.coroutines.Continuation\nimport kotlin.coroutines.resume\nimport kotlin.coroutines.suspendCoroutine\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-05-24 12:15\n **/\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass Ticket {\n\n private var ticket by mutableStateOf(\"\")\n\n private val ticketMap = mutableMapOf>()\n\n suspend fun awaitNextTicket() = suspendCoroutine { c ->\n ticket = UUID.randomUUID().toString()\n ticketMap[ticket] = c\n }\n\n private fun clearTicket() {\n ticketMap.forEach {\n it.value.resume(Unit)\n ticketMap.remove(it.key)\n }\n }\n\n @Composable\n fun Next() {\n LaunchedEffect(ticket) {\n clearTicket()\n }\n }\n\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/viewer/ImageComposeCanvas.kt", "content": "package com.origeek.imageViewer.viewer\n\nimport android.graphics.Bitmap\nimport android.graphics.Rect\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.foundation.Canvas\nimport androidx.compose.foundation.gestures.detectTapGestures\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.DisposableEffect\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.derivedStateOf\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.alpha\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.asImageBitmap\nimport androidx.compose.ui.graphics.drawscope.withTransform\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.input.pointer.pointerInput\nimport androidx.compose.ui.layout.onSizeChanged\nimport androidx.compose.ui.unit.IntOffset\nimport androidx.compose.ui.unit.IntSize\nimport com.jvziyaoyao.scale.image.sampling.SamplingDecoder\nimport com.jvziyaoyao.scale.image.sampling.RenderBlock\nimport com.jvziyaoyao.scale.image.sampling.calculateInSampleSize\nimport com.jvziyaoyao.scale.image.sampling.checkRectInBound\nimport com.origeek.imageViewer.previewer.DEFAULT_CROSS_FADE_ANIMATE_SPEC\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.launch\nimport java.math.BigDecimal\nimport java.math.RoundingMode\nimport kotlin.math.absoluteValue\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun ImageComposeCanvas(\n modifier: Modifier = Modifier,\n samplingDecoder: SamplingDecoder,\n scale: Float = DEFAULT_SCALE,\n offsetX: Float = DEFAULT_OFFSET_X,\n offsetY: Float = DEFAULT_OFFSET_Y,\n rotation: Float = DEFAULT_ROTATION,\n gesture: RawGesture = RawGesture(),\n onMounted: () -> Unit = {},\n onSizeChange: suspend (SizeChangeContent) -> Unit = {},\n crossfadeAnimationSpec: AnimationSpec = DEFAULT_CROSS_FADE_ANIMATE_SPEC,\n boundClip: Boolean = true,\n debugMode: Boolean = false,\n) {\n val scope = rememberCoroutineScope()\n // 容器大小\n var bSize by remember { mutableStateOf(IntSize.Zero) }\n // 容器长宽比\n val bRatio by remember { derivedStateOf { bSize.width.toFloat() / bSize.height.toFloat() } }\n // 原图长宽比\n val oRatio by remember { derivedStateOf { samplingDecoder.decoderWidth.toFloat() / samplingDecoder.decoderHeight.toFloat() } }\n // 是否宽度与容器大小一致\n var widthFixed by remember { mutableStateOf(false) }\n // 长宽是否均超出容器长宽\n val superSize by remember {\n derivedStateOf {\n samplingDecoder.decoderHeight > bSize.height && samplingDecoder.decoderWidth > bSize.width\n }\n }\n // 显示的默认大小\n val uSize by remember {\n derivedStateOf {\n if (oRatio > bRatio) {\n // 宽度一致\n val uW = bSize.width\n val uH = uW / oRatio\n widthFixed = true\n IntSize(uW, uH.toInt())\n } else {\n // 高度一致\n val uH = bSize.height\n val uW = uH * oRatio\n widthFixed = false\n IntSize(uW.toInt(), uH)\n }\n }\n }\n // 显示的实际大小\n val rSize by remember(key1 = scale) {\n derivedStateOf {\n IntSize(\n (uSize.width * scale).toInt(),\n (uSize.height * scale).toInt()\n )\n }\n }\n\n // 同时监听容器和实际图片大小的变化\n LaunchedEffect(key1 = bSize, key2 = rSize) {\n // 获取最大缩放率\n val maxScale = when {\n superSize -> {\n samplingDecoder.decoderWidth.toFloat() / uSize.width.toFloat()\n }\n widthFixed -> {\n bSize.height.toFloat() / uSize.height.toFloat()\n }\n else -> {\n bSize.width.toFloat() / uSize.width.toFloat()\n }\n }\n // 回调\n onSizeChange(\n SizeChangeContent(\n defaultSize = uSize,\n containerSize = bSize,\n maxScale = maxScale\n )\n )\n }\n\n // 判断是否需要高画质渲染\n val needRenderHeightTexture by remember(key1 = bSize) {\n derivedStateOf {\n // 目前策略：原图的面积大于容器面积，就要渲染高画质\n BigDecimal(samplingDecoder.decoderWidth)\n .multiply(BigDecimal(samplingDecoder.decoderHeight)) > BigDecimal(bSize.height)\n .multiply(BigDecimal(bSize.width))\n }\n }\n // 标识当前是否开启高画质渲染，如果需要高画质渲染，并且缩放大于1\n val renderHeightTexture by remember(key1 = scale) { derivedStateOf { needRenderHeightTexture && scale > 1 } }\n // 当前采样率\n var inSampleSize by remember { mutableStateOf(1) }\n // 最小图的采样率\n var zeroInSampleSize by remember { mutableStateOf(8) }\n // 底图的采样率\n var backGroundInSample by remember { mutableStateOf(0) }\n // 底图bitmap\n var bitmap by remember { mutableStateOf(null) }\n // 监听渲染实际大小，动态修改图片的采样率\n LaunchedEffect(key1 = rSize) {\n if (scale < 1F) return@LaunchedEffect\n inSampleSize = calculateInSampleSize(\n srcWidth = samplingDecoder.decoderWidth,\n reqWidth = rSize.width\n )\n if (scale == 1F) {\n zeroInSampleSize = inSampleSize\n }\n }\n // 根据采样率变化，实时更新底图\n LaunchedEffect(key1 = zeroInSampleSize, key2 = inSampleSize, key3 = needRenderHeightTexture) {\n scope.launch(Dispatchers.IO) {\n // 如果不需要渲染高画质，就不需要分块渲染，直接使用当前采样率，用底图来展示\n val iss = if (needRenderHeightTexture) zeroInSampleSize else inSampleSize\n if (iss == backGroundInSample) return@launch\n backGroundInSample = iss\n bitmap = samplingDecoder.decodeRegion(\n iss, Rect(\n 0,\n 0,\n samplingDecoder.decoderWidth,\n samplingDecoder.decoderHeight\n )\n )\n }\n }\n DisposableEffect(Unit) {\n onDispose {\n bitmap?.recycle()\n bitmap = null\n }\n }\n\n // 底图偏移量X，要确保图片在容器中居中对齐\n val deltaX by remember(key1 = offsetX, key2 = bSize, key3 = rSize) {\n derivedStateOf {\n offsetX + (bSize.width - rSize.width).toFloat().div(2)\n }\n }\n // 底图偏移量Y，要确保图片在容器中居中对齐\n val deltaY by remember(key1 = offsetY, key2 = bSize, key3 = rSize) {\n derivedStateOf {\n offsetY + (bSize.height - rSize.height).toFloat().div(2)\n }\n }\n // 计算显示区域内矩形的宽度\n val rectW by remember(key1 = offsetX) {\n derivedStateOf {\n calcLeftSize(\n bSize = bSize.width.toFloat(),\n rSize = rSize.width.toFloat(),\n offset = offsetX,\n )\n }\n }\n // 计算显示区域内矩形的高度\n val rectH by remember(key1 = offsetY, key2 = rSize) {\n derivedStateOf {\n calcLeftSize(\n bSize = bSize.height.toFloat(),\n rSize = rSize.height.toFloat(),\n offset = offsetY,\n )\n }\n }\n // 渲染可见区域的开始坐标X\n val stX by remember(key1 = offsetX) {\n derivedStateOf {\n // 计算显示区域矩形的偏移坐标\n val rectDeltaX = getRectDelta(\n deltaX,\n rSize.width.toFloat(),\n bSize.width.toFloat(),\n offsetX\n )\n // 偏移坐标减偏移量求出矩形在图片上的相对坐标\n rectDeltaX - deltaX\n }\n }\n // 渲染可见区域的开始坐标Y\n val stY by remember(key1 = offsetY) {\n derivedStateOf {\n // 计算显示区域矩形的偏移坐标\n val rectDeltaY = getRectDelta(\n deltaY,\n rSize.height.toFloat(),\n bSize.height.toFloat(),\n offsetY\n )\n // 偏移坐标减偏移量求出矩形在图片上的相对坐标\n rectDeltaY - deltaY\n }\n }\n // 开始坐标加上宽度等于结束坐标\n val edX by remember(key1 = offsetX) { derivedStateOf { stX + rectW } }\n // 开始坐标加上高度等于结束坐标\n val edY by remember(key1 = offsetY) { derivedStateOf { stY + rectH } }\n\n // 更新时间戳，用于通知canvas更新方块\n var renderUpdateTimeStamp by remember { mutableStateOf(0L) }\n // 开启解码队列的循环\n LaunchedEffect(key1 = Unit) {\n samplingDecoder.startRenderQueue {\n // 解码器解码一个，就更新一次时间戳\n renderUpdateTimeStamp = System.currentTimeMillis()\n }\n }\n // 切换到不需要高画质渲染时，需要清除解码队列，清除全部的bitmap\n LaunchedEffect(key1 = renderHeightTexture) {\n if (!renderHeightTexture) {\n samplingDecoder.renderQueue.clear()\n samplingDecoder.clearAllBitmap()\n }\n }\n\n /**\n * 更新渲染队列\n */\n var calcMaxCountPending by remember { mutableStateOf(false) }\n // 先前的缩放比\n var previousScale by remember { mutableStateOf(null) }\n // 先前的偏移量\n var previousOffset by remember { mutableStateOf(null) }\n\n // 记录最长边的最大方块数\n var blockDividerCount by remember { mutableStateOf(1) }\n // 用来标识这个参数是否有改变\n var preBlockDividerCount by remember { mutableStateOf(blockDividerCount) }\n\n // 更新渲染方块的信息\n fun updateRenderList() {\n // 如果此时正在重新计算渲染方块的数目，就退出\n if (calcMaxCountPending) return\n // 更新的时候如果缩放和偏移量没有变化，方块数量也没变，就没有必要计算了\n if (\n previousOffset?.x == offsetX\n && previousOffset?.y == offsetY\n && previousScale == scale\n && preBlockDividerCount == blockDividerCount\n ) return\n previousScale = scale\n previousOffset = Offset(offsetX, offsetY)\n // 计算当前渲染方块大小\n val renderBlockSize =\n samplingDecoder.blockSize * (rSize.width.toFloat().div(samplingDecoder.decoderWidth))\n var tlx: Int\n var tly: Int\n var startX: Float\n var startY: Float\n var endX: Float\n var endY: Float\n var eh: Int\n var ew: Int\n var needUpdate: Boolean\n var previousInBound: Boolean\n var previousInSampleSize: Int\n var lastX: Int?\n var lastY: Int? = null\n var lastXDelta: Int\n var lastYDelta: Int\n val insertList = ArrayList()\n val removeList = ArrayList()\n for ((column, list) in samplingDecoder.renderList.withIndex()) {\n startY = column * renderBlockSize\n endY = (column + 1) * renderBlockSize\n tly = (deltaY + startY).toInt()\n eh = (if (endY > rSize.height) rSize.height - startY else renderBlockSize).toInt()\n // 由于计算的精度问题，需要确保每一个区块都要严丝合缝\n lastY?.let {\n if (it < tly) {\n lastYDelta = tly - it\n tly = it\n eh += lastYDelta\n }\n }\n lastY = tly + eh\n lastX = null\n for ((row, block) in list.withIndex()) {\n startX = row * renderBlockSize\n tlx = (deltaX + startX).toInt()\n endX = (row + 1) * renderBlockSize\n ew = (if (endX > rSize.width) rSize.width - startX else renderBlockSize).toInt()\n previousInSampleSize = block.inSampleSize\n previousInBound = block.inBound\n // 记录当前区块的采用率\n block.inSampleSize = inSampleSize\n // 判断区块是否在可视范围内\n block.inBound = checkRectInBound(\n startX, startY, endX, endY,\n stX, stY, edX, edY\n )\n // 由于计算的精度问题，需要确保每一个区块都要严丝合缝\n lastX?.let {\n if (it < tlx) {\n lastXDelta = tlx - it\n tlx = it\n ew += lastXDelta\n }\n }\n lastX = tlx + ew\n // 记录区块的实际偏移量\n block.renderOffset = IntOffset(tlx, tly)\n // 记录区块的实际大小\n block.renderSize = IntSize(\n width = ew,\n height = eh,\n )\n // 如果参数跟之前的一样，就没有必要更新bitmap\n needUpdate = previousInBound != block.inBound\n || previousInSampleSize != block.inSampleSize\n if (!needUpdate) continue\n if (!renderHeightTexture) continue\n // 解码队列操作时是有锁的，会对性能造成影响\n if (block.inBound) {\n if (!samplingDecoder.renderQueue.contains(block)) {\n insertList.add(block)\n }\n } else {\n removeList.add(block)\n block.release()\n }\n }\n }\n scope.launch(Dispatchers.IO) {\n synchronized(samplingDecoder.renderQueue) {\n insertList.forEach {\n samplingDecoder.renderQueue.putFirst(it)\n }\n removeList.forEach {\n samplingDecoder.renderQueue.remove(it)\n }\n }\n }\n }\n\n LaunchedEffect(key1 = rSize, key2 = rectW, key3 = rectH) {\n // 可视区域面积\n val rectArea = BigDecimal(rectW.toDouble()).multiply(BigDecimal(rectH.toDouble()))\n // 实际大小面积\n val realArea = BigDecimal(rSize.width).multiply(BigDecimal(rSize.height))\n // 被除数不能为0\n if (realArea.toFloat() == 0F) return@LaunchedEffect\n // 计算实际面积的可视率\n val renderAreaPercentage =\n rectArea.divide(realArea, 2, RoundingMode.HALF_EVEN).toFloat()\n // 根据不同可视率，匹配合适的方块数，最大只能到8\n val goBlockDividerCount = when {\n renderAreaPercentage > 0.6F -> 1\n renderAreaPercentage > 0.025F -> 4\n else -> 8\n }\n // 如果没变，就不要修改\n if (goBlockDividerCount == blockDividerCount) return@LaunchedEffect\n preBlockDividerCount = blockDividerCount\n blockDividerCount = goBlockDividerCount\n scope.launch(Dispatchers.IO) {\n // 清空解码队列\n samplingDecoder.renderQueue.clear()\n // 进入修改区间\n calcMaxCountPending = true\n samplingDecoder.setMaxBlockCount(blockDividerCount)\n calcMaxCountPending = false\n // 离开修改区间\n\n // 更新一下界面\n updateRenderList()\n }\n }\n\n // 旋转中心\n val rotationCenter by remember(key1 = offsetX, key2 = offsetY, key3 = scale) {\n derivedStateOf {\n val cx = deltaX + rSize.width.div(2)\n val cy = deltaY + rSize.height.div(2)\n Offset(cx, cy)\n }\n }\n\n /**\n * canvas加载成功后避免闪一下\n */\n val canvasAlpha = remember { Animatable(0F) }\n LaunchedEffect(key1 = bitmap) {\n if (bitmap != null && bitmap!!.width > 1 && bitmap!!.height > 1) {\n if (canvasAlpha.value == 0F) {\n scope.launch {\n canvasAlpha.animateTo(\n targetValue = 1F,\n animationSpec = crossfadeAnimationSpec\n )\n onMounted()\n }\n }\n }\n }\n\n Canvas(\n modifier = modifier\n .alpha(canvasAlpha.value)\n .fillMaxSize()\n .graphicsLayer {\n // 图片位移时会超出容器大小，需要在这个地方指定是否裁切\n clip = boundClip\n }\n .onSizeChanged {\n bSize = it\n }\n .pointerInput(Unit) {\n detectTapGestures(onLongPress = gesture.onLongPress)\n }\n .pointerInput(Unit) {\n detectTransformGestures(\n onTap = gesture.onTap,\n onDoubleTap = gesture.onDoubleTap,\n gestureStart = gesture.gestureStart,\n gestureEnd = gesture.gestureEnd,\n onGesture = gesture.onGesture,\n )\n },\n ) {\n withTransform({\n rotate(degrees = rotation, pivot = rotationCenter)\n }) {\n if (bitmap != null) {\n drawImage(\n image = bitmap!!.asImageBitmap(),\n dstSize = IntSize(rSize.width, rSize.height),\n dstOffset = IntOffset(deltaX.toInt(), deltaY.toInt()),\n )\n }\n // 更新渲染队列\n if (renderUpdateTimeStamp >= 0) updateRenderList()\n if (renderHeightTexture && !calcMaxCountPending) {\n samplingDecoder.forEachBlock { block, _, _ ->\n block.getBitmap()?.let {\n drawImage(\n image = it.asImageBitmap(),\n dstSize = block.renderSize,\n dstOffset = block.renderOffset\n )\n }\n }\n }\n // 这里会把可视区域的矩形画出来\n if (debugMode) {\n drawRect(\n color = Color.Blue.copy(0.1F),\n topLeft = Offset(deltaX + stX, deltaY + stY),\n size = Size(rectW, rectH)\n )\n }\n }\n }\n}\n\nfun getRectDelta(delta: Float, rSize: Float, bSize: Float, offset: Float): Float {\n return delta + if (delta < 0) {\n val direction = if (rSize > bSize) -1 else 1\n (offset + (direction) * (bSize - rSize)\n .div(2).absoluteValue).absoluteValue\n } else 0F\n}\n\nfun calcLeftSize(bSize: Float, rSize: Float, offset: Float): Float {\n return if (offset.absoluteValue > (bSize - rSize).div(2).absoluteValue) {\n rSize - (offset.absoluteValue - (bSize - rSize).div(2))\n } else {\n rSize.coerceAtMost(bSize)\n }\n}\n\n" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/viewer/ImageComposeOrigin.kt", "content": "package com.origeek.imageViewer.viewer\n\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.foundation.Image\nimport androidx.compose.foundation.gestures.detectTapGestures\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.derivedStateOf\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.graphics.painter.Painter\nimport androidx.compose.ui.graphics.vector.ImageVector\nimport androidx.compose.ui.input.pointer.PointerEvent\nimport androidx.compose.ui.input.pointer.pointerInput\nimport androidx.compose.ui.layout.ContentScale\nimport androidx.compose.ui.layout.onSizeChanged\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.unit.IntSize\nimport com.origeek.imageViewer.previewer.DEFAULT_CROSS_FADE_ANIMATE_SPEC\nimport kotlinx.coroutines.launch\n\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass RawGesture(\n val onTap: (Offset) -> Unit = {},\n val onDoubleTap: (Offset) -> Unit = {},\n val onLongPress: (Offset) -> Unit = {},\n val gestureStart: () -> Unit = {},\n val gestureEnd: (transformOnly: Boolean) -> Unit = {},\n val onGesture: (centroid: Offset, pan: Offset, zoom: Float, rotation: Float, event: PointerEvent) -> Boolean = { _, _, _, _, _ -> true },\n)\n\n@Deprecated(\n message = commonDeprecatedText,\n)\ndata class SizeChangeContent(\n val defaultSize: IntSize,\n val containerSize: IntSize,\n val maxScale: Float,\n)\n\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun ImageComposeOrigin(\n modifier: Modifier = Modifier,\n model: Any,\n scale: Float = DEFAULT_SCALE,\n offsetX: Float = DEFAULT_OFFSET_X,\n offsetY: Float = DEFAULT_OFFSET_Y,\n rotation: Float = DEFAULT_ROTATION,\n gesture: RawGesture = RawGesture(),\n onMounted: () -> Unit = {},\n onSizeChange: suspend (SizeChangeContent) -> Unit = {},\n crossfadeAnimationSpec: AnimationSpec = DEFAULT_CROSS_FADE_ANIMATE_SPEC,\n boundClip: Boolean = true,\n) {\n val scope = rememberCoroutineScope()\n // 容器大小\n var bSize by remember { mutableStateOf(IntSize(0, 0)) }\n // 容器比例\n val bRatio by remember { derivedStateOf { bSize.width.toFloat() / bSize.height.toFloat() } }\n // 图片原始大小\n var oSize by remember { mutableStateOf(IntSize(0, 0)) }\n // 图片原始比例\n val oRatio by remember { derivedStateOf { oSize.width.toFloat() / oSize.height.toFloat() } }\n // 是否宽度与容器大小一致\n var widthFixed by remember { mutableStateOf(false) }\n // 长宽是否均超出容器长宽\n val superSize by remember {\n derivedStateOf {\n oSize.height > bSize.height && oSize.width > bSize.width\n }\n }\n // 显示大小\n val uSize by remember {\n derivedStateOf {\n if (oRatio > bRatio) {\n // 宽度一致\n val uW = bSize.width\n val uH = uW / oRatio\n widthFixed = true\n IntSize(uW, uH.toInt())\n } else {\n // 高度一致\n val uH = bSize.height\n val uW = uH * oRatio\n widthFixed = false\n IntSize(uW.toInt(), uH)\n }\n }\n }\n // 图片显示的真实大小\n val rSize by remember {\n derivedStateOf {\n IntSize(\n (uSize.width * scale).toInt(),\n (uSize.height * scale).toInt()\n )\n }\n }\n\n LaunchedEffect(key1 = oSize, key2 = bSize, key3 = rSize) {\n val maxScale = when {\n superSize -> {\n oSize.width.toFloat() / uSize.width.toFloat()\n }\n widthFixed -> {\n bSize.height.toFloat() / uSize.height.toFloat()\n }\n else -> {\n bSize.width.toFloat() / uSize.width.toFloat()\n }\n }\n onSizeChange(\n SizeChangeContent(\n defaultSize = uSize,\n containerSize = bSize,\n maxScale = maxScale\n )\n )\n }\n\n // 图片是否加载成功\n var imageSpecified by remember { mutableStateOf(false) }\n\n // 承载容器的透明度，主要用来控制图片加载成功后的渐变效果\n val viewerAlpha = remember { Animatable(0F) }\n\n /**\n * mounted回调\n */\n fun goMounted() {\n scope.launch {\n viewerAlpha.animateTo(1F, crossfadeAnimationSpec)\n onMounted()\n }\n }\n\n when (model) {\n is Painter -> {\n var isMounted by remember { mutableStateOf(false) }\n imageSpecified = model.intrinsicSize.isSpecified\n LaunchedEffect(key1 = model.intrinsicSize, block = {\n if (imageSpecified) {\n oSize = IntSize(\n model.intrinsicSize.width.toInt(),\n model.intrinsicSize.height.toInt()\n )\n if (!isMounted) {\n isMounted = true\n goMounted()\n }\n }\n })\n }\n is ImageVector -> {\n imageSpecified = true\n LocalDensity.current.run {\n oSize = IntSize(\n model.defaultWidth.toPx().toInt(),\n model.defaultHeight.toPx().toInt(),\n )\n goMounted()\n }\n }\n is ImageBitmap -> {\n imageSpecified = true\n oSize = IntSize(\n model.width,\n model.height\n )\n goMounted()\n }\n is ComposeModel -> {\n imageSpecified = true\n LaunchedEffect(key1 = model.intrinsicSize, block = {\n oSize = if (model.intrinsicSize == IntSize.Zero) {\n bSize\n } else {\n model.intrinsicSize\n }\n })\n goMounted()\n }\n else -> throw Exception(\"This model type is not supported!\")\n }\n\n Box(\n modifier = modifier\n .fillMaxSize()\n .graphicsLayer {\n // 图片位移时会超出容器大小，需要在这个地方指定是否裁切\n clip = boundClip\n alpha = viewerAlpha.value\n }\n .onSizeChanged {\n bSize = it\n }\n .pointerInput(Unit) {\n detectTapGestures(onLongPress = gesture.onLongPress)\n }\n .pointerInput(key1 = imageSpecified) {\n if (imageSpecified) detectTransformGestures(\n onTap = gesture.onTap,\n onDoubleTap = gesture.onDoubleTap,\n gestureStart = gesture.gestureStart,\n gestureEnd = gesture.gestureEnd,\n onGesture = gesture.onGesture,\n )\n },\n contentAlignment = Alignment.Center,\n ) {\n val imageModifier = Modifier\n .graphicsLayer {\n if (imageSpecified) {\n scaleX = scale\n scaleY = scale\n translationX = offsetX\n translationY = offsetY\n rotationZ = rotation\n }\n }\n .size(\n LocalDensity.current.run { uSize.width.toDp() },\n LocalDensity.current.run { uSize.height.toDp() }\n )\n when (model) {\n is Painter -> {\n Image(\n painter = model,\n contentDescription = null,\n contentScale = ContentScale.Crop,\n modifier = imageModifier,\n )\n }\n is ImageVector -> {\n Image(\n imageVector = model,\n contentDescription = null,\n contentScale = ContentScale.Crop,\n modifier = imageModifier,\n )\n }\n is ImageBitmap -> {\n Image(\n bitmap = model,\n contentDescription = null,\n contentScale = ContentScale.Crop,\n modifier = imageModifier,\n )\n }\n is ComposeModel -> {\n Box(modifier = imageModifier, contentAlignment = Alignment.Center) {\n model.PoseContent()\n }\n }\n }\n\n }\n}" }, { "path": "scale-image-viewer-classic/src/main/java/com/origeek/imageViewer/viewer/ImageViewer.kt", "content": "package com.origeek.imageViewer.viewer\n\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.FloatExponentialDecaySpec\nimport androidx.compose.animation.core.SpringSpec\nimport androidx.compose.animation.core.generateDecayAnimationSpec\nimport androidx.compose.foundation.background\nimport androidx.compose.foundation.gestures.awaitFirstDown\nimport androidx.compose.foundation.gestures.calculateCentroid\nimport androidx.compose.foundation.gestures.calculateCentroidSize\nimport androidx.compose.foundation.gestures.calculatePan\nimport androidx.compose.foundation.gestures.calculateRotation\nimport androidx.compose.foundation.gestures.calculateZoom\nimport androidx.compose.foundation.gestures.forEachGesture\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.foundation.shape.CircleShape\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.derivedStateOf\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.Saver\nimport androidx.compose.runtime.saveable.listSaver\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.clip\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.graphics.painter.Painter\nimport androidx.compose.ui.graphics.vector.ImageVector\nimport androidx.compose.ui.input.pointer.PointerEvent\nimport androidx.compose.ui.input.pointer.PointerEventType\nimport androidx.compose.ui.input.pointer.PointerInputScope\nimport androidx.compose.ui.input.pointer.consumeAllChanges\nimport androidx.compose.ui.input.pointer.positionChangeConsumed\nimport androidx.compose.ui.input.pointer.positionChanged\nimport androidx.compose.ui.input.pointer.util.VelocityTracker\nimport androidx.compose.ui.unit.IntSize\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.util.fastAny\nimport androidx.compose.ui.util.fastForEach\nimport androidx.compose.ui.zIndex\nimport com.jvziyaoyao.scale.image.sampling.SamplingDecoder\nimport com.jvziyaoyao.scale.zoomable.zoomable.panTransformAndScale\nimport com.origeek.imageViewer.previewer.DEFAULT_CROSS_FADE_ANIMATE_SPEC\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.cancel\nimport kotlinx.coroutines.coroutineScope\nimport kotlinx.coroutines.delay\nimport kotlinx.coroutines.flow.MutableStateFlow\nimport kotlinx.coroutines.launch\nimport kotlin.math.PI\nimport kotlin.math.abs\nimport kotlin.math.absoluteValue\n\nconst val commonDeprecatedText = \"com.origeek.imageViewer下的全部类和方法均已弃用! \" +\n \"请使用新版本：com.jvziyaoyao.viewer。\"\n\n// 默认X轴偏移量\nconst val DEFAULT_OFFSET_X = 0F\n\n// 默认Y轴偏移量\nconst val DEFAULT_OFFSET_Y = 0F\n\n// 默认缩放率\nconst val DEFAULT_SCALE = 1F\n\n// 默认旋转角度\nconst val DEFAULT_ROTATION = 0F\n\n// 图片最小缩放率\nconst val MIN_SCALE = 0.5F\n\n// 图片最大缩放率\nconst val MAX_SCALE_RATE = 3.2F\n\n// 最小手指手势间距\nconst val MIN_GESTURE_FINGER_DISTANCE = 200\n\n/**\n * viewer状态对象，用于记录compose组件状态\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass ImageViewerState(\n // X轴偏移量\n offsetX: Float = DEFAULT_OFFSET_X,\n // Y轴偏移量\n offsetY: Float = DEFAULT_OFFSET_Y,\n // 缩放率\n scale: Float = DEFAULT_SCALE,\n // 旋转角度\n rotation: Float = DEFAULT_ROTATION,\n // 动画窗格\n animationSpec: AnimationSpec? = null,\n // 淡入淡出效果\n crossfadeAnimationSpec: AnimationSpec? = null,\n) : CoroutineScope by MainScope() {\n\n // 默认动画窗格\n var defaultAnimateSpec: AnimationSpec = animationSpec ?: SpringSpec()\n\n // viewer挂载成功后显示时的动画窗格\n var crossfadeAnimationSpec: AnimationSpec =\n crossfadeAnimationSpec ?: DEFAULT_CROSS_FADE_ANIMATE_SPEC\n\n // x偏移\n val offsetX = Animatable(offsetX)\n\n // y偏移\n val offsetY = Animatable(offsetY)\n\n // 放大倍率\n val scale = Animatable(scale)\n\n // 旋转\n val rotation = Animatable(rotation)\n\n // 是否允许手势输入\n var allowGestureInput by mutableStateOf(true)\n\n // 默认显示大小\n var defaultSize by mutableStateOf(IntSize(0, 0))\n internal set\n\n // 容器大小\n internal var containerSize by mutableStateOf(IntSize(0, 0))\n\n // 最大缩放\n internal var maxScale by mutableStateOf(1F)\n\n // 标识是否来自saver，旋转屏幕后会变成true\n internal var fromSaver = false\n\n // 恢复的时间戳\n internal var resetTimeStamp by mutableStateOf(0L)\n\n // 挂载状态\n internal val mountedFlow = MutableStateFlow(false)\n\n /**\n * 判断是否有动画正在运行\n * @return Boolean\n */\n internal fun isRunning(): Boolean {\n return scale.isRunning\n || offsetX.isRunning\n || offsetY.isRunning\n || rotation.isRunning\n }\n\n /**\n * 立即设置回初始值\n */\n suspend fun resetImmediately() {\n rotation.snapTo(DEFAULT_ROTATION)\n offsetX.snapTo(DEFAULT_OFFSET_X)\n offsetY.snapTo(DEFAULT_OFFSET_Y)\n scale.snapTo(DEFAULT_SCALE)\n }\n\n /**\n * 设置回初始值\n */\n suspend fun reset(animationSpec: AnimationSpec = defaultAnimateSpec) {\n coroutineScope {\n listOf(\n async {\n rotation.animateTo(DEFAULT_ROTATION, animationSpec)\n resetTimeStamp = System.currentTimeMillis()\n },\n async {\n offsetX.animateTo(DEFAULT_OFFSET_X, animationSpec)\n resetTimeStamp = System.currentTimeMillis()\n },\n async {\n offsetY.animateTo(DEFAULT_OFFSET_Y, animationSpec)\n resetTimeStamp = System.currentTimeMillis()\n },\n async {\n scale.animateTo(DEFAULT_SCALE, animationSpec)\n resetTimeStamp = System.currentTimeMillis()\n },\n ).awaitAll()\n }\n }\n\n /**\n * 放大到最大\n */\n suspend fun scaleToMax(\n offset: Offset,\n animationSpec: AnimationSpec? = null\n ) {\n val currentAnimateSpec = animationSpec ?: defaultAnimateSpec\n // 计算x和y偏移量和范围，并确保不会在放大过程中超出范围\n var bcx = (containerSize.width / 2 - offset.x) * maxScale\n val boundX = getBound(defaultSize.width.toFloat() * maxScale, containerSize.width.toFloat())\n bcx = limitToBound(bcx, boundX)\n var bcy = (containerSize.height / 2 - offset.y) * maxScale\n val boundY =\n getBound(defaultSize.height.toFloat() * maxScale, containerSize.height.toFloat())\n bcy = limitToBound(bcy, boundY)\n // 启动\n coroutineScope {\n launch {\n scale.animateTo(maxScale, currentAnimateSpec)\n }\n launch {\n offsetX.animateTo(bcx, currentAnimateSpec)\n }\n launch {\n offsetY.animateTo(bcy, currentAnimateSpec)\n }\n }\n }\n\n /**\n * 放大或缩小\n */\n suspend fun toggleScale(\n offset: Offset,\n animationSpec: AnimationSpec = defaultAnimateSpec\n ) {\n // 如果不等于1，就调回1\n if (scale.value != 1F) {\n reset(animationSpec)\n } else {\n scaleToMax(offset, animationSpec)\n }\n }\n\n /**\n * 修正offsetX,offsetY的位置\n */\n suspend fun fixToBound() {\n val boundX =\n getBound(defaultSize.width.toFloat() * scale.value, containerSize.width.toFloat())\n val boundY =\n getBound(defaultSize.height.toFloat() * scale.value, containerSize.height.toFloat())\n val limitX = limitToBound(offsetX.value, boundX)\n val limitY = limitToBound(offsetY.value, boundY)\n offsetX.snapTo(limitX)\n offsetY.snapTo(limitY)\n }\n\n companion object {\n val SAVER: Saver = listSaver(save = {\n listOf(it.offsetX.value, it.offsetY.value, it.scale.value, it.rotation.value)\n }, restore = {\n val state = ImageViewerState(\n offsetX = it[0],\n offsetY = it[1],\n scale = it[2],\n rotation = it[3],\n )\n state.fromSaver = true\n state\n })\n }\n}\n\n/**\n * 记录viewer状态\n * @return ImageViewerState 返回一个状态实例\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\n@Composable\nfun rememberViewerState(\n // X轴偏移量\n offsetX: Float = DEFAULT_OFFSET_X,\n // Y轴偏移量\n offsetY: Float = DEFAULT_OFFSET_Y,\n // 缩放率\n scale: Float = DEFAULT_SCALE,\n // 旋转\n rotation: Float = DEFAULT_ROTATION,\n // 动画窗格\n animationSpec: AnimationSpec? = null,\n // 淡入淡出效果\n crossfadeAnimationSpec: AnimationSpec? = null,\n): ImageViewerState = rememberSaveable(saver = ImageViewerState.SAVER) {\n ImageViewerState(offsetX, offsetY, scale, rotation, animationSpec, crossfadeAnimationSpec)\n}\n\n/**\n * viewer手势对象\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass ViewerGestureScope(\n // 点击事件\n var onTap: (Offset) -> Unit = {},\n // 双击事件\n var onDoubleTap: (Offset) -> Unit = {},\n // 长按事件\n var onLongPress: (Offset) -> Unit = {},\n)\n\n/**\n * viewer传入的Compose数据类型参数\n * @property content [@androidx.compose.runtime.Composable] [@kotlin.ExtensionFunctionType] Function1\n * @constructor\n */\n@Deprecated(\n message = commonDeprecatedText,\n)\nclass ComposeModel(\n private val content: @Composable ComposeModel.() -> Unit = {}\n) {\n\n internal var intrinsicSize by mutableStateOf(IntSize.Zero)\n\n fun updateIntrinsicSize(size: IntSize) {\n intrinsicSize = size\n }\n\n @Composable\n fun PoseContent() {\n content()\n }\n}\n\n/**\n * model支持Painter、ImageBitmap、ImageVector、SamplingDecoder、ComposeModel\n */\n@Deprecated(\n message = \"方法已弃用，请使用：com.jvziyaoyao.image.viewer.ImageViewer\",\n)\n@Composable\nfun ImageViewer(\n // 修改参数\n modifier: Modifier = Modifier,\n // 图片数据\n model: Any?,\n // viewer状态\n state: ImageViewerState = rememberViewerState(),\n // 检测手势\n detectGesture: ViewerGestureScope.() -> Unit = {},\n // 超出容器是否显示\n boundClip: Boolean = true,\n // 调试模式\n debugMode: Boolean = false,\n) {\n val viewerGestureScope = remember { ViewerGestureScope() }\n detectGesture.invoke(viewerGestureScope)\n val scope = rememberCoroutineScope()\n // 触摸时中心位置\n var centroid by remember { mutableStateOf(Offset.Zero) }\n // 减速运动动画曲线\n val decay = remember {\n FloatExponentialDecaySpec(2f).generateDecayAnimationSpec()\n }\n var velocityTracker = remember { VelocityTracker() }\n // 记录触摸事件中手指的个数\n var eventChangeCount by remember { mutableStateOf(0) }\n // 最后一次偏移运动\n var lastPan by remember { mutableStateOf(Offset.Zero) }\n // 手势实时的偏移范围\n var boundX by remember { mutableStateOf(0F) }\n var boundY by remember { mutableStateOf(0F) }\n // 最大缩放率，双击的时候会放大到这个值\n var maxScale by remember { mutableStateOf(1F) }\n // 最大显示缩放率，缩放率超过这个值后，手势结束了就会自动恢复到这个值\n val maxDisplayScale by remember { derivedStateOf { maxScale * MAX_SCALE_RATE } }\n // 目标偏移量\n var desX by remember { mutableStateOf(0F) }\n var desY by remember { mutableStateOf(0F) }\n // 目标缩放率\n var desScale by remember { mutableStateOf(1F) }\n // 缩放率修改前的值\n var fromScale by remember { mutableStateOf(1F) }\n // 计算边界使用的缩放率\n var boundScale by remember { mutableStateOf(1F) }\n // 目标旋转角度\n var desRotation by remember { mutableStateOf(0F) }\n // 要增加的旋转角度\n var rotate by remember { mutableStateOf(0F) }\n // 要增加的放大倍率\n var zoom by remember { mutableStateOf(1F) }\n // 两个手指的距离\n var fingerDistanceOffset by remember { mutableStateOf(Offset.Zero) }\n\n // 同步des的参数，在gallery的图片切换时，缩小后仍然接收手势指令，所以需要同步缩小后的参数\n fun asyncDesParams() {\n desX = state.offsetX.value\n desY = state.offsetY.value\n desScale = state.scale.value\n desRotation = state.rotation.value\n }\n LaunchedEffect(key1 = state.resetTimeStamp) {\n asyncDesParams()\n }\n val gesture = remember {\n RawGesture(\n onTap = viewerGestureScope.onTap,\n onDoubleTap = viewerGestureScope.onDoubleTap,\n onLongPress = viewerGestureScope.onLongPress,\n gestureStart = {\n if (state.allowGestureInput) {\n eventChangeCount = 0\n velocityTracker = VelocityTracker()\n scope.launch {\n state.offsetX.stop()\n state.offsetY.stop()\n state.offsetX.updateBounds(null, null)\n state.offsetY.updateBounds(null, null)\n }\n asyncDesParams()\n }\n },\n gestureEnd = { transformOnly ->\n // transformOnly记录手势事件中是否有位移，如果只是点击或双击，会返回false\n // 如果正在动画中，就不要执行后续动作，如：reset指令执行时\n if (transformOnly && !state.isRunning() && state.allowGestureInput) {\n // 处理加速度添加的点为空的情况\n var velocity = try {\n velocityTracker.calculateVelocity()\n } catch (e: Exception) {\n e.printStackTrace()\n null\n }\n // 如果缩放比小于1，要自动回到1\n // 如果缩放比大于最大显示缩放比，就设置回去，并且避免加速度\n val scale = when {\n state.scale.value < 1 -> 1F\n state.scale.value > maxDisplayScale -> {\n velocity = null\n maxDisplayScale\n }\n\n else -> null\n }\n // 如果此时位移超出范围，就动画回范围内\n // 如果没超出范围，就设置animate的范围，然后执行抛掷动画\n scope.launch {\n if (inBound(state.offsetX.value, boundX) && velocity != null) {\n val vx = sameDirection(lastPan.x, velocity.x)\n state.offsetX.updateBounds(-boundX, boundX)\n state.offsetX.animateDecay(vx, decay)\n } else {\n val targetX = if (scale != maxDisplayScale) {\n limitToBound(state.offsetX.value, boundX)\n } else {\n panTransformAndScale(\n offset = state.offsetX.value,\n center = centroid.x,\n bh = state.containerSize.width.toFloat(),\n uh = state.defaultSize.width.toFloat(),\n fromScale = state.scale.value,\n toScale = scale,\n )\n }\n state.offsetX.animateTo(targetX)\n }\n }\n scope.launch {\n if (inBound(state.offsetY.value, boundY) && velocity != null) {\n val vy = sameDirection(lastPan.y, velocity.y)\n state.offsetY.updateBounds(-boundY, boundY)\n state.offsetY.animateDecay(vy, decay)\n } else {\n val targetY = if (scale != maxDisplayScale) {\n limitToBound(state.offsetY.value, boundY)\n } else {\n panTransformAndScale(\n offset = state.offsetY.value,\n center = centroid.y,\n bh = state.containerSize.height.toFloat(),\n uh = state.defaultSize.height.toFloat(),\n fromScale = state.scale.value,\n toScale = scale,\n )\n }\n state.offsetY.animateTo(targetY)\n }\n }\n scope.launch {\n state.rotation.animateTo(0F)\n }\n scale?.let {\n scope.launch {\n state.scale.animateTo(scale)\n }\n }\n }\n },\n ) { center, pan, _zoom, _rotate, event ->\n // 当禁止手势输入时\n if (!state.allowGestureInput) return@RawGesture true\n // 这里只记录最大手指数\n if (event.changes.size > eventChangeCount) eventChangeCount = event.changes.size\n // 如果手指数从多个变成一个，就结束本次手势操作\n if (eventChangeCount > event.changes.size) return@RawGesture false\n\n rotate = _rotate\n zoom = _zoom\n // 如果是双指的情况下，手指距离小于一定值时，缩放和旋转的值会很离谱，所以在这种极端情况下就不要处理缩放和旋转了\n if (event.changes.size == 2) {\n fingerDistanceOffset = event.changes[0].position - event.changes[1].position\n if (\n fingerDistanceOffset.x.absoluteValue < MIN_GESTURE_FINGER_DISTANCE\n && fingerDistanceOffset.y.absoluteValue < MIN_GESTURE_FINGER_DISTANCE\n ) {\n rotate = 0F\n zoom = 1F\n }\n }\n // 上一次的偏移量\n lastPan = pan\n // 记录手势的中点\n centroid = center\n // 记录当前缩放比\n fromScale = desScale\n // 目标放大倍率\n desScale *= zoom\n // 检查最小放大倍率\n if (desScale < MIN_SCALE) desScale = MIN_SCALE\n\n // 计算边界，如果目标缩放值超过最大显示缩放值，边界就要用最大缩放值来计算，否则手势结束时会导致无法归位\n boundScale = if (desScale > maxDisplayScale) maxDisplayScale else desScale\n boundX =\n getBound(boundScale * state.defaultSize.width, state.containerSize.width.toFloat())\n boundY =\n getBound(\n boundScale * state.defaultSize.height,\n state.containerSize.height.toFloat()\n )\n\n desX = panTransformAndScale(\n offset = desX,\n center = center.x,\n bh = state.containerSize.width.toFloat(),\n uh = state.defaultSize.width.toFloat(),\n fromScale = fromScale,\n toScale = desScale,\n ) + pan.x\n // 如果手指数1，就是拖拽，拖拽受范围限制\n // 如果手指数大于1，即有缩放事件，则支持中心点放大\n if (eventChangeCount == 1) desX = limitToBound(desX, boundX)\n desY = panTransformAndScale(\n offset = desY,\n center = center.y,\n bh = state.containerSize.height.toFloat(),\n uh = state.defaultSize.height.toFloat(),\n fromScale = fromScale,\n toScale = desScale,\n ) + pan.y\n if (eventChangeCount == 1) desY = limitToBound(desY, boundY)\n\n if (desScale < 1) desRotation += rotate\n velocityTracker.addPosition(\n event.changes[0].uptimeMillis,\n Offset(desX, desY),\n )\n if (!state.isRunning()) scope.launch {\n state.scale.snapTo(desScale)\n state.offsetX.snapTo(desX)\n state.offsetY.snapTo(desY)\n state.rotation.snapTo(desRotation)\n }\n\n // 这里判断是否已运动到边界，如果到了边界，就不消费事件，让上层界面获取到事件\n val onLeft = desX >= boundX\n val onRight = desX <= -boundX\n val reachSide = !(onLeft && pan.x > 0)\n && !(onRight && pan.x < 0)\n && !(onLeft && onRight)\n if (reachSide || state.scale.value < 1) {\n event.changes.fastForEach {\n if (it.positionChanged()) {\n it.consumeAllChanges()\n }\n }\n }\n\n // 返回true，继续下一次手势\n return@RawGesture true\n }\n }\n val sizeChange: suspend (SizeChangeContent) -> Unit = { content ->\n maxScale = content.maxScale\n state.defaultSize = content.defaultSize\n state.containerSize = content.containerSize\n state.maxScale = content.maxScale\n if (state.fromSaver) {\n state.fromSaver = false\n state.fixToBound()\n }\n }\n Box(modifier = modifier) {\n /**\n * 将挂载信息通知到state\n */\n val onMounted: () -> Unit = {\n scope.launch {\n state.mountedFlow.emit(true)\n }\n }\n /**\n * 根据不同类型的model进行不同的渲染\n */\n when (model) {\n is Painter,\n is ImageVector,\n is ImageBitmap,\n is ComposeModel,\n -> {\n ImageComposeOrigin(\n model = model,\n scale = state.scale.value,\n offsetX = state.offsetX.value,\n offsetY = state.offsetY.value,\n rotation = state.rotation.value,\n gesture = gesture,\n onSizeChange = sizeChange,\n onMounted = onMounted,\n boundClip = boundClip,\n crossfadeAnimationSpec = state.crossfadeAnimationSpec,\n )\n }\n\n is SamplingDecoder -> {\n ImageComposeCanvas(\n samplingDecoder = model,\n scale = state.scale.value,\n offsetX = state.offsetX.value,\n offsetY = state.offsetY.value,\n rotation = state.rotation.value,\n gesture = gesture,\n onSizeChange = sizeChange,\n onMounted = onMounted,\n boundClip = boundClip,\n crossfadeAnimationSpec = state.crossfadeAnimationSpec,\n )\n }\n }\n\n /**\n * 调试模式\n */\n if (debugMode) {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .zIndex(10F)\n ) {\n if (model != null) {\n Text(text = \"Model -> ON\", Modifier.background(Color.White))\n }\n Box(\n modifier = Modifier\n .graphicsLayer {\n translationX = centroid.x - 6.dp.toPx()\n translationY = centroid.y - 6.dp.toPx()\n }\n .clip(CircleShape)\n .background(Color.Red.copy(0.4f))\n .size(12.dp)\n )\n }\n }\n }\n}\n\n/**\n * 重写事件监听方法\n */\nsuspend fun PointerInputScope.detectTransformGestures(\n panZoomLock: Boolean = false,\n gestureStart: () -> Unit = {},\n gestureEnd: (Boolean) -> Unit = {},\n onTap: (Offset) -> Unit = {},\n onDoubleTap: (Offset) -> Unit = {},\n onGesture: (centroid: Offset, pan: Offset, zoom: Float, rotation: Float, event: PointerEvent) -> Boolean,\n) {\n var lastReleaseTime = 0L\n var scope: CoroutineScope? = null\n forEachGesture {\n awaitPointerEventScope {\n var rotation = 0f\n var zoom = 1f\n var pan = Offset.Zero\n var pastTouchSlop = false\n val touchSlop = viewConfiguration.touchSlop\n var lockedToPanZoom = false\n\n awaitFirstDown(requireUnconsumed = false)\n val t0 = System.currentTimeMillis()\n var releasedEvent: PointerEvent? = null\n var moveCount = 0\n // 这里开始事件\n gestureStart()\n do {\n val event = awaitPointerEvent()\n if (event.type == PointerEventType.Release) releasedEvent = event\n if (event.type == PointerEventType.Move) moveCount++\n val canceled = event.changes.fastAny { it.positionChangeConsumed() }\n if (!canceled) {\n val zoomChange = event.calculateZoom()\n val rotationChange = event.calculateRotation()\n val panChange = event.calculatePan()\n\n if (!pastTouchSlop) {\n zoom *= zoomChange\n rotation += rotationChange\n pan += panChange\n\n val centroidSize = event.calculateCentroidSize(useCurrent = false)\n val zoomMotion = abs(1 - zoom) * centroidSize\n val rotationMotion = abs(rotation * PI.toFloat() * centroidSize / 180f)\n val panMotion = pan.getDistance()\n\n if (zoomMotion > touchSlop ||\n rotationMotion > touchSlop ||\n panMotion > touchSlop\n ) {\n pastTouchSlop = true\n lockedToPanZoom = panZoomLock && rotationMotion < touchSlop\n }\n }\n if (pastTouchSlop) {\n val centroid = event.calculateCentroid(useCurrent = false)\n val effectiveRotation = if (lockedToPanZoom) 0f else rotationChange\n if (effectiveRotation != 0f ||\n zoomChange != 1f ||\n panChange != Offset.Zero\n ) {\n if (!onGesture(\n centroid,\n panChange,\n zoomChange,\n effectiveRotation,\n event\n )\n ) break\n }\n }\n }\n } while (!canceled && event.changes.fastAny { it.pressed })\n\n var t1 = System.currentTimeMillis()\n val dt = t1 - t0\n val dlt = t1 - lastReleaseTime\n\n if (moveCount == 0) releasedEvent?.let { e ->\n if (e.changes.isEmpty()) return@let\n val offset = e.changes.first().position\n if (dlt < 272) {\n t1 = 0L\n scope?.cancel()\n onDoubleTap(offset)\n } else if (dt < 200) {\n scope = MainScope()\n scope?.launch(Dispatchers.Main) {\n delay(272)\n onTap(offset)\n }\n }\n lastReleaseTime = t1\n }\n\n // 这里是事件结束\n gestureEnd(moveCount != 0)\n }\n }\n}\n\n/**\n * 让后一个数与前一个数的符号保持一致\n * @param a Float\n * @param b Float\n * @return Float\n */\nfun sameDirection(a: Float, b: Float): Float {\n return if (a > 0) {\n if (b < 0) {\n b.absoluteValue\n } else {\n b\n }\n } else {\n if (b > 0) {\n -b\n } else {\n b\n }\n }\n}\n\n/**\n * 获取移动边界\n */\nfun getBound(rw: Float, bw: Float): Float {\n return if (rw > bw) {\n var xb = (rw - bw).div(2)\n if (xb < 0) xb = 0F\n xb\n } else {\n 0F\n }\n}\n\n/**\n * 判断位移是否在边界内\n */\nfun inBound(offset: Float, bound: Float): Boolean {\n return if (offset > 0) {\n offset < bound\n } else if (offset < 0) {\n offset > -bound\n } else {\n true\n }\n}\n\n/**\n * 把位移限制在边界内\n */\nfun limitToBound(offset: Float, bound: Float): Float {\n return when {\n offset > bound -> {\n bound\n }\n\n offset < -bound -> {\n -bound\n }\n\n else -> {\n offset\n }\n }\n}" }, { "path": "scale-image-viewer-classic/src/test/java/com/jvziyaoyao/scale/image/classic/ExampleUnitTest.kt", "content": "package com.jvziyaoyao.scale.image.classic\n\nimport org.junit.Test\n\nimport org.junit.Assert.*\n\n/**\n * Example local unit test, which will execute on the development machine (host).\n *\n * See [testing documentation](http://d.android.com/tools/testing).\n */\nclass ExampleUnitTest {\n @Test\n fun addition_isCorrect() {\n assertEquals(4, 2 + 2)\n }\n}" }, { "path": "scale-sampling-decoder/.gitignore", "content": "/build" }, { "path": "scale-sampling-decoder/build.gradle.kts", "content": "import scale.applyScaleHierarchyTemplate\nimport scale.compileSdk\nimport scale.minSdk\n\nplugins {\n id(\"com.android.kotlin.multiplatform.library\")\n id(\"org.jetbrains.kotlin.plugin.compose\")\n id(\"org.jetbrains.kotlin.multiplatform\")\n id(\"com.vanniktech.maven.publish\")\n id(\"org.jetbrains.compose\")\n id(\"org.jetbrains.dokka\")\n}\n\nkotlin {\n applyScaleHierarchyTemplate()\n\n androidLibrary {\n namespace = \"com.jvziyaoyao.scale.image.sampling\"\n compileSdk = project.compileSdk\n minSdk = project.minSdk\n }\n\n jvm()\n\n val xcfName = \"samplingDecoderKit\"\n\n iosX64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n iosArm64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n iosSimulatorArm64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n sourceSets {\n commonMain {\n dependencies {\n implementation(project(\":scale-image-viewer\"))\n implementation(project(\":scale-zoomable-view\"))\n\n implementation(libs.bignum)\n\n implementation(libs.kotlin.stdlib)\n\n implementation(compose.runtime)\n implementation(compose.foundation)\n implementation(compose.ui)\n implementation(compose.components.resources)\n implementation(compose.components.uiToolingPreview)\n\n implementation(libs.org.jetbrains.kotlinx.datetime)\n }\n }\n\n commonTest {\n dependencies {\n implementation(libs.kotlin.test)\n }\n }\n\n androidMain {\n dependencies {\n implementation(libs.androidx.exif)\n }\n }\n\n named(\"nonAndroidMain\") {\n dependencies {\n implementation(libs.skiko)\n }\n }\n\n iosMain {\n dependencies {}\n }\n }\n\n}" }, { "path": "scale-sampling-decoder/gradle.properties", "content": "POM_ARTIFACT_ID=sampling-decoder\nPOM_NAME=sampling-decoder\nPOM_PACKAGING=aar" }, { "path": "scale-sampling-decoder/src/androidMain/AndroidManifest.xml", "content": "\n\n\n" }, { "path": "scale-sampling-decoder/src/androidMain/kotlin/com/jvziyaoyao/scale/image/sampling/RegionDecoder.android.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport android.graphics.Bitmap\nimport android.graphics.BitmapFactory\nimport android.graphics.BitmapRegionDecoder\nimport android.graphics.Matrix\nimport androidx.compose.ui.geometry.Rect\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.asAndroidBitmap\nimport androidx.compose.ui.graphics.asImageBitmap\nimport androidx.exifinterface.media.ExifInterface\n\nactual fun getReginDecoder(bytes: ByteArray?): RegionDecoder? {\n if (bytes == null) return null\n val bitmapRegionDecoder = BitmapRegionDecoder.newInstance(bytes, 0, bytes.size, false)\n return AndroidRegionDecoder(bitmapRegionDecoder)\n}\n\n/**\n * 通过Exif接口获取SamplingDecoder的旋转方向\n *\n * @return\n */\nfun ExifInterface.getDecoderRotation(): SamplingDecoder.Rotation {\n val orientation = getAttributeInt(\n ExifInterface.TAG_ORIENTATION,\n ExifInterface.ORIENTATION_NORMAL\n )\n return when (orientation) {\n ExifInterface.ORIENTATION_ROTATE_90 -> SamplingDecoder.Rotation.ROTATION_90\n ExifInterface.ORIENTATION_ROTATE_180 -> SamplingDecoder.Rotation.ROTATION_180\n ExifInterface.ORIENTATION_ROTATE_270 -> SamplingDecoder.Rotation.ROTATION_270\n else -> SamplingDecoder.Rotation.ROTATION_0\n }\n}\n\nfun Rect.toAndroidRect(): android.graphics.Rect {\n return android.graphics.Rect(left.toInt(), top.toInt(), right.toInt(), bottom.toInt())\n}\n\nclass AndroidRegionDecoder(\n private val decoder: BitmapRegionDecoder,\n) : RegionDecoder {\n\n override fun width(): Int {\n return decoder.width\n }\n\n override fun height(): Int {\n return decoder.height\n }\n\n override fun recycle() {\n decoder.recycle()\n }\n\n override fun isRecycled(): Boolean {\n return decoder.isRecycled\n }\n\n override fun rotate(\n imageBitmap: ImageBitmap,\n degree: Float\n ): ImageBitmap {\n val matrix = Matrix()\n matrix.postRotate(degree)\n val bitmap = imageBitmap.asAndroidBitmap()\n val result = Bitmap.createBitmap(bitmap, 0, 0, bitmap.width, bitmap.height, matrix, false)\n return result.asImageBitmap()\n }\n\n override suspend fun decodeRegion(\n inSampleSize: Int,\n rect: Rect\n ): ImageBitmap? {\n val bitmap = try {\n if (decoder.isRecycled) return null\n val ops = BitmapFactory.Options()\n ops.inSampleSize = inSampleSize\n decoder.decodeRegion(rect.toAndroidRect(), ops)\n } catch (e: Exception) {\n e.printStackTrace()\n null\n }\n return bitmap?.asImageBitmap()\n }\n\n}" }, { "path": "scale-sampling-decoder/src/commonMain/kotlin/com/jvziyaoyao/scale/image/sampling/BlockingDeque.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport com.jvziyaoyao.scale.zoomable.util.getMilliseconds\nimport kotlinx.coroutines.flow.MutableSharedFlow\nimport kotlinx.coroutines.flow.first\nimport kotlinx.coroutines.sync.Mutex\nimport kotlinx.coroutines.sync.withLock\n\nclass BlockingDeque {\n private val deque = ArrayDeque()\n private val mutex = Mutex()\n private val flow = MutableSharedFlow()\n\n suspend fun putFirst(element: T) = mutex.withLock {\n deque.addFirst(element)\n flow.emit(getMilliseconds())\n }\n\n suspend fun removeFirst(): T = mutex.withLock {\n return@withLock deque.removeFirst()\n }\n\n suspend fun take(): T {\n if (deque.isEmpty()) {\n flow.first()\n }\n return removeFirst()\n }\n\n suspend fun clear() = mutex.withLock { deque.clear() }\n\n suspend fun size(): Int = mutex.withLock { deque.size }\n\n suspend fun isEmpty(): Boolean = mutex.withLock { deque.isEmpty() }\n\n suspend fun peekFirst(): T? = mutex.withLock { deque.firstOrNull() }\n\n suspend fun peekLast(): T? = mutex.withLock { deque.lastOrNull() }\n\n fun contains(element: T): Boolean = deque.contains(element)\n\n suspend fun remove(element: T) = mutex.withLock { deque.remove(element) }\n\n}" }, { "path": "scale-sampling-decoder/src/commonMain/kotlin/com/jvziyaoyao/scale/image/sampling/RegionDecoder.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.DisposableEffect\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.geometry.Rect\nimport androidx.compose.ui.graphics.ImageBitmap\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.IO\nimport kotlinx.coroutines.launch\n\ninterface RegionDecoder {\n\n fun width(): Int\n\n fun height(): Int\n\n fun recycle()\n\n fun isRecycled(): Boolean\n\n fun rotate(imageBitmap: ImageBitmap, degree: Float): ImageBitmap\n\n suspend fun decodeRegion(\n inSampleSize: Int,\n rect: Rect,\n ): ImageBitmap?\n\n}\n\nclass IllegalDecoderModelException : RuntimeException(\"illegal region decoder model type!\")\n\nexpect fun getReginDecoder(bytes: ByteArray?): RegionDecoder?\n\n@Composable\nfun rememberSamplingDecoder(\n bytes: ByteArray?,\n rotation: SamplingDecoder.Rotation = SamplingDecoder.Rotation.ROTATION_0,\n): Pair {\n val scope = rememberCoroutineScope()\n val samplingDecoder = remember { mutableStateOf(null) }\n val expectation = remember { mutableStateOf(null) }\n DisposableEffect(bytes, rotation) {\n var currentSamplingDecoder: SamplingDecoder? = null\n scope.launch(Dispatchers.IO) {\n if (bytes != null) {\n try {\n val reginDecoder = getReginDecoder(bytes = bytes)\n if (reginDecoder != null) {\n currentSamplingDecoder = SamplingDecoder(\n decoder = reginDecoder,\n rotation = rotation,\n ).apply {\n thumbnail = createTempBitmap()\n }\n samplingDecoder.value = currentSamplingDecoder\n }\n } catch (e: Exception) {\n expectation.value = e\n }\n }\n }\n onDispose {\n scope.launch {\n currentSamplingDecoder?.release()\n }\n }\n }\n return Pair(samplingDecoder.value, expectation.value)\n}" }, { "path": "scale-sampling-decoder/src/commonMain/kotlin/com/jvziyaoyao/scale/image/sampling/SamplingCanvas.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport androidx.compose.foundation.Canvas\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.derivedStateOf\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Rect\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.drawscope.withTransform\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.unit.IntOffset\nimport androidx.compose.ui.unit.IntSize\nimport com.ionspin.kotlin.bignum.decimal.BigDecimal\nimport com.ionspin.kotlin.bignum.decimal.DecimalMode\nimport com.ionspin.kotlin.bignum.decimal.RoundingMode\nimport com.jvziyaoyao.scale.zoomable.util.getMilliseconds\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableViewState\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.IO\nimport kotlinx.coroutines.launch\nimport kotlinx.coroutines.sync.Mutex\nimport kotlinx.coroutines.sync.withLock\nimport kotlin.math.max\nimport kotlin.math.min\n\n/**\n * @program: SamplingCanvas\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-12-01 22:02\n **/\n\n/**\n * 渲染的视口对象\n *\n * @property scale 图片相对显示倍率，相对于1倍屏幕显示倍率\n * @property visualRect 在视口内的归一化坐标\n */\ndata class SamplingCanvasViewPort(\n val scale: Float,\n val visualRect: Rect,\n)\n\n/**\n * 从ZoomableView状态直接获取当前视口对象\n *\n * @return\n */\nfun ZoomableViewState.getViewPort(): SamplingCanvasViewPort {\n val realWidth = realSize.width\n val realHeight = realSize.height\n val containerCenterX = containerWidth.div(2)\n val containerCenterY = containerHeight.div(2)\n val displayLeft = containerCenterX - realWidth.div(2)\n val displayTop = containerCenterY - realHeight.div(2)\n val left = displayLeft + offsetX.value\n val top = displayTop + offsetY.value\n val right = left + realWidth\n val bottom = top + realHeight\n val realRect = Rect(left, top, right, bottom)\n val containerRect = Rect(0F, 0F, containerWidth, containerHeight)\n val intersectRect = intersectRect(realRect, containerRect)\n val rectInViewPort = Rect(\n left = (intersectRect.left - realRect.left).div(realWidth),\n top = (intersectRect.top - realRect.top).div(realHeight),\n right = (intersectRect.right - realRect.left).div(realWidth),\n bottom = (intersectRect.bottom - realRect.top).div(realHeight),\n )\n return SamplingCanvasViewPort(\n scale = scale.value,\n visualRect = rectInViewPort,\n )\n}\n\ninternal fun intersectRect(rect1: Rect, rect2: Rect): Rect {\n val left = max(rect1.left, rect2.left)\n val top = max(rect1.top, rect2.top)\n val right = min(rect1.right, rect2.right)\n val bottom = min(rect1.bottom, rect2.bottom)\n\n return if (left < right && top < bottom) {\n Rect(left, top, right, bottom)\n } else {\n Rect(0F, 0F, 0F, 0F)\n }\n}\n\nfun calculateInSampleSize(\n srcWidth: Int,\n reqWidth: Int,\n): Int {\n var inSampleSize = 1\n while (true) {\n val iss = inSampleSize * 2\n if (srcWidth.toFloat().div(iss) < reqWidth) break\n inSampleSize = iss\n }\n return inSampleSize\n}\n\nfun checkRectInBound(\n stX1: Float, stY1: Float, edX1: Float, edY1: Float,\n stX2: Float, stY2: Float, edX2: Float, edY2: Float,\n): Boolean {\n if (edY1 < stY2) return false\n if (stY1 > edY2) return false\n if (edX1 < stX2) return false\n if (stX1 > edX2) return false\n return true\n}\n\ninternal infix fun Rect.same(other: Rect): Boolean {\n return this.left == other.left\n && this.right == other.right\n && this.top == other.top\n && this.bottom == other.bottom\n}\n\n/**\n * 用于ImageViewer/ZoomableView进行分块显示大型图片的配套组件\n *\n * @param samplingDecoder 图片加载器\n * @param viewPort 视口\n */\n@Composable\nfun SamplingCanvas(\n samplingDecoder: SamplingDecoder,\n viewPort: SamplingCanvasViewPort,\n) {\n val scope = rememberCoroutineScope()\n val density = LocalDensity.current\n BoxWithConstraints(\n modifier = Modifier\n .fillMaxSize()\n ) {\n val maxWidthPx = density.run { this@BoxWithConstraints.maxWidth.toPx() }\n val maxHeightPx = density.run { this@BoxWithConstraints.maxHeight.toPx() }\n\n val realWidth = maxWidthPx.times(viewPort.scale)\n val realHeight = maxHeightPx.times(viewPort.scale)\n\n // 判断是否需要高画质渲染\n val needRenderHeightTexture by remember(maxWidthPx, maxHeightPx) {\n derivedStateOf {\n // 目前策略：原图的面积大于容器面积，就要渲染高画质\n BigDecimal.fromInt(samplingDecoder.decoderWidth)\n .multiply(BigDecimal.fromInt(samplingDecoder.decoderHeight)) > BigDecimal.fromDouble(\n maxHeightPx.toDouble()\n )\n .multiply(BigDecimal.fromDouble(maxWidthPx.toDouble()))\n }\n }\n // 标识当前是否开启高画质渲染，如果需要高画质渲染，并且缩放大于1\n val renderHeightTexture by remember(key1 = viewPort.scale) { derivedStateOf { needRenderHeightTexture && viewPort.scale > 1 } }\n // 当前采样率\n val inSampleSize by remember(realWidth) {\n derivedStateOf {\n calculateInSampleSize(\n srcWidth = samplingDecoder.decoderWidth,\n reqWidth = realWidth.toInt()\n )\n }\n }\n // 最小图的采样率\n val zeroInSampleSize by remember {\n derivedStateOf {\n calculateInSampleSize(\n srcWidth = samplingDecoder.decoderWidth,\n reqWidth = maxWidthPx.toInt(),\n )\n }\n }\n\n val backgroundInputSample by remember(\n zeroInSampleSize,\n inSampleSize,\n needRenderHeightTexture\n ) {\n derivedStateOf {\n if (needRenderHeightTexture) zeroInSampleSize else inSampleSize\n }\n }\n var bitmap by remember { mutableStateOf(samplingDecoder.thumbnail) }\n LaunchedEffect(backgroundInputSample) {\n scope.launch(Dispatchers.IO) {\n bitmap = samplingDecoder.decodeRegion(\n backgroundInputSample, Rect(\n Offset.Zero,\n Size(\n samplingDecoder.decoderWidth.toFloat(),\n samplingDecoder.decoderHeight.toFloat(),\n )\n )\n )\n }\n }\n\n// DisposableEffect(Unit) {\n// onDispose {\n// bitmap?.recycle()\n// bitmap = null\n// }\n// }\n\n // 更新时间戳，用于通知canvas更新方块\n var renderUpdateTimeStamp by remember { mutableStateOf(0L) }\n // 开启解码队列的循环\n LaunchedEffect(key1 = Unit) {\n samplingDecoder.startRenderQueue {\n\n // 解码器解码一个，就更新一次时间戳\n renderUpdateTimeStamp = getMilliseconds()\n }\n }\n // 切换到不需要高画质渲染时，需要清除解码队列，清除全部的bitmap\n LaunchedEffect(key1 = renderHeightTexture) {\n if (!renderHeightTexture) {\n samplingDecoder.renderQueue.clear()\n samplingDecoder.clearAllBitmap()\n }\n }\n\n /**\n * 更新渲染队列\n */\n var calcMaxCountPending by remember { mutableStateOf(false) }\n // 先前的缩放比\n var previousScale by remember { mutableStateOf(null) }\n // 先前的偏移量\n var previousVisualRect by remember { mutableStateOf(null) }\n\n // 记录最长边的最大方块数\n var blockDividerCount by remember { mutableStateOf(1) }\n // 用来标识这个参数是否有改变\n var preBlockDividerCount by remember { mutableStateOf(blockDividerCount) }\n\n val stX = realWidth.times(viewPort.visualRect.left)\n val stY = realHeight.times(viewPort.visualRect.top)\n val edX = realWidth.times(viewPort.visualRect.right)\n val edY = realHeight.times(viewPort.visualRect.bottom)\n\n val visualRectWidth = maxWidth.times(viewPort.visualRect.width)\n val visualRectHeight = maxHeight.times(viewPort.visualRect.height)\n\n val mutex = remember { Mutex() }\n\n // 更新渲染方块的信息\n fun updateRenderList() {\n // 如果此时正在重新计算渲染方块的数目，就退出\n if (calcMaxCountPending) return\n // 更新的时候如果缩放和偏移量没有变化，方块数量也没变，就没有必要计算了\n if (\n previousVisualRect?.same(viewPort.visualRect) == true\n && previousScale == viewPort.scale\n && preBlockDividerCount == blockDividerCount\n ) return\n previousVisualRect = viewPort.visualRect\n previousScale = viewPort.scale\n // 计算当前渲染方块大小\n val renderBlockSize =\n samplingDecoder.blockSize * (realWidth.div(samplingDecoder.decoderWidth))\n var tlx: Int\n var tly: Int\n var startX: Float\n var startY: Float\n var endX: Float\n var endY: Float\n var eh: Int\n var ew: Int\n var needUpdate: Boolean\n var previousInBound: Boolean\n var previousInSampleSize: Int\n var lastX: Int?\n var lastY: Int? = null\n var lastXDelta: Int\n var lastYDelta: Int\n val insertList = ArrayList()\n val removeList = ArrayList()\n for ((column, list) in samplingDecoder.renderList.withIndex()) {\n startY = column * renderBlockSize\n endY = (column + 1) * renderBlockSize\n tly = startY.toInt()\n eh = (if (endY > realHeight) realHeight - startY else renderBlockSize).toInt()\n // 由于计算的精度问题，需要确保每一个区块都要严丝合缝\n lastY?.let {\n if (it < tly) {\n lastYDelta = tly - it\n tly = it\n eh += lastYDelta\n }\n }\n lastY = tly + eh\n lastX = null\n for ((row, block) in list.withIndex()) {\n startX = row * renderBlockSize\n tlx = startX.toInt()\n endX = (row + 1) * renderBlockSize\n ew = (if (endX > realWidth) realWidth - startX else renderBlockSize).toInt()\n previousInSampleSize = block.inSampleSize\n previousInBound = block.inBound\n // 记录当前区块的采用率\n block.inSampleSize = inSampleSize\n // 判断区块是否在可视范围内\n block.inBound = checkRectInBound(\n startX, startY, endX, endY,\n stX, stY, edX, edY\n )\n // 由于计算的精度问题，需要确保每一个区块都要严丝合缝\n lastX?.let {\n if (it < tlx) {\n lastXDelta = tlx - it\n tlx = it\n ew += lastXDelta\n }\n }\n lastX = tlx + ew\n // 记录区块的实际偏移量\n block.renderOffset = IntOffset(tlx, tly)\n // 记录区块的实际大小\n block.renderSize = IntSize(\n width = ew,\n height = eh,\n )\n // 如果参数跟之前的一样，就没有必要更新bitmap\n needUpdate = previousInBound != block.inBound\n || previousInSampleSize != block.inSampleSize\n if (!needUpdate) continue\n if (!renderHeightTexture) continue\n // 解码队列操作时是有锁的，会对性能造成影响\n if (block.inBound) {\n if (!samplingDecoder.renderQueue.contains(block)) {\n insertList.add(block)\n }\n } else {\n removeList.add(block)\n block.release()\n }\n }\n }\n scope.launch(Dispatchers.IO) {\n mutex.withLock {\n insertList.forEach {\n samplingDecoder.renderQueue.putFirst(it)\n }\n removeList.forEach {\n samplingDecoder.renderQueue.remove(it)\n }\n }\n }\n }\n\n LaunchedEffect(realWidth, realHeight, viewPort.visualRect) {\n // 可视区域面积\n val rectArea = BigDecimal.fromDouble(visualRectWidth.value.toDouble())\n .multiply(BigDecimal.fromDouble(visualRectHeight.value.toDouble()))\n // 实际大小面积\n val realArea =\n BigDecimal.fromDouble(realWidth.toDouble())\n .multiply(BigDecimal.fromDouble(realHeight.toDouble()))\n // 被除数不能为0\n if (realArea.toPlainString().toFloat() == 0F) return@LaunchedEffect\n // 计算实际面积的可视率\n val renderAreaPercentage =\n rectArea.divide(realArea, DecimalMode(2, RoundingMode.ROUND_HALF_TO_EVEN))\n // 根据不同可视率，匹配合适的方块数，最大只能到8\n val goBlockDividerCount = when {\n renderAreaPercentage > 0.6F -> 1\n renderAreaPercentage > 0.025F -> 4\n else -> 8\n }\n // 如果没变，就不要修改\n if (goBlockDividerCount == blockDividerCount) return@LaunchedEffect\n preBlockDividerCount = blockDividerCount\n blockDividerCount = goBlockDividerCount\n scope.launch(Dispatchers.IO) {\n // 清空解码队列\n samplingDecoder.renderQueue.clear()\n // 进入修改区间\n calcMaxCountPending = true\n samplingDecoder.setMaxBlockCount(blockDividerCount)\n calcMaxCountPending = false\n // 离开修改区间\n\n // 更新一下界面\n updateRenderList()\n }\n }\n\n Canvas(\n modifier = Modifier\n .fillMaxSize(),\n ) {\n val backScale = 1F.div(viewPort.scale)\n withTransform({\n scale(backScale, backScale, pivot = Offset(0.5F, 0.5F))\n }) {\n if (bitmap != null) {\n drawImage(\n image = bitmap!!,\n dstSize = IntSize(realWidth.toInt(), realHeight.toInt()),\n )\n }\n // 更新渲染队列\n if (renderUpdateTimeStamp >= 0) updateRenderList()\n if (renderHeightTexture && !calcMaxCountPending) {\n samplingDecoder.forEachBlock { block, _, _ ->\n block.getBitmap()?.let {\n drawImage(\n image = it,\n dstSize = block.renderSize,\n dstOffset = block.renderOffset\n )\n }\n }\n }\n }\n }\n }\n}" }, { "path": "scale-sampling-decoder/src/commonMain/kotlin/com/jvziyaoyao/scale/image/sampling/SamplingDecoder.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Rect\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.unit.IntOffset\nimport androidx.compose.ui.unit.IntSize\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.IO\nimport kotlinx.coroutines.InternalCoroutinesApi\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.channels.Channel\nimport kotlinx.coroutines.launch\nimport kotlinx.coroutines.sync.Mutex\nimport kotlinx.coroutines.sync.withLock\nimport kotlin.math.ceil\n\nclass RotationIllegalException(msg: String = \"Illegal rotation angle.\") : RuntimeException(msg)\n\ndata class RenderBlock(\n var inBound: Boolean = false,\n var inSampleSize: Int = 1,\n var renderOffset: IntOffset = IntOffset.Zero,\n var renderSize: IntSize = IntSize.Zero,\n var sliceRect: Rect = Rect(Offset.Zero, Size.Zero),\n private var bitmap: ImageBitmap? = null,\n) {\n\n fun release() {\n// bitmap?.recycle()\n bitmap = null\n }\n\n fun getBitmap(): ImageBitmap? {\n return bitmap\n }\n\n fun setBitmap(bitmap: ImageBitmap) {\n this.bitmap = bitmap\n }\n\n}\n\nfun Channel.clear() {\n while (true) {\n val result = this.tryReceive()\n if (result.isFailure) break\n }\n}\n\n/**\n * 用以提供SamplingCanvas显示大型图片，rememberSamplingDecoder，createSamplingDecoder\n *\n * @property decoder 图源BitmapRegionDecoder\n * @property rotation 图片的旋转角度，通过Exif接口获取文件的旋转角度后可以设置rotation确保图像的正确显示\n * @property onRelease 资源缩放事件\n * @constructor\n *\n * @param thumbnails 默认显示的缓存图片，图片未完成加载时可用于显示占位\n */\nclass SamplingDecoder(\n private val decoder: RegionDecoder,\n private val rotation: Rotation = Rotation.ROTATION_0,\n private val onRelease: () -> Unit = {},\n thumbnails: ImageBitmap? = null,\n) : CoroutineScope by MainScope() {\n\n private val mutex = Mutex()\n\n enum class Rotation(val radius: Int) {\n ROTATION_0(0),\n ROTATION_90(90),\n ROTATION_180(180),\n ROTATION_270(270),\n ;\n }\n\n var thumbnail by mutableStateOf(thumbnails)\n\n // 解码的宽度\n var decoderWidth by mutableStateOf(0)\n private set\n\n // 解码的高度\n var decoderHeight by mutableStateOf(0)\n private set\n\n // 解码大小\n val intrinsicSize: Size\n get() {\n return Size(\n width = decoderWidth.toFloat(),\n height = decoderHeight.toFloat(),\n )\n }\n\n // 解码区块大小\n var blockSize by mutableStateOf(0)\n private set\n\n // 渲染列表\n var renderList: Array> = emptyArray()\n private set\n\n // 解码渲染队列\n// val renderQueue = LinkedBlockingDeque()\n val renderQueue = BlockingDeque()\n\n // 横向方块数\n private var countW = 0\n\n // 纵向方块数\n private var countH = 0\n\n // 最长边的最大方块数\n private var maxBlockCount = 0\n\n init {\n // 初始化最大方块数\n setMaxBlockCount(1)\n }\n\n // 构造一个渲染方块队列\n private fun getRenderBlockList(): Array> {\n var endX: Int\n var endY: Int\n var sliceStartX: Int\n var sliceStartY: Int\n var sliceEndX: Int\n var sliceEndY: Int\n return Array(countH) { column ->\n sliceStartY = (column * blockSize)\n endY = (column + 1) * blockSize\n sliceEndY = if (endY > decoderHeight) decoderHeight else endY\n Array(countW) { row ->\n sliceStartX = (row * blockSize)\n endX = (row + 1) * blockSize\n sliceEndX = if (endX > decoderWidth) decoderWidth else endX\n RenderBlock(\n sliceRect = Rect(\n sliceStartX.toFloat(),\n sliceStartY.toFloat(),\n sliceEndX.toFloat(),\n sliceEndY.toFloat(),\n )\n )\n }\n }\n }\n\n // 设置最长边最大方块数\n fun setMaxBlockCount(count: Int): Boolean {\n if (maxBlockCount == count) return false\n if (decoder.isRecycled()) return false\n\n when (rotation) {\n Rotation.ROTATION_0, Rotation.ROTATION_180 -> {\n decoderWidth = decoder.width()\n decoderHeight = decoder.height()\n }\n\n Rotation.ROTATION_90, Rotation.ROTATION_270 -> {\n decoderWidth = decoder.height()\n decoderHeight = decoder.width()\n }\n }\n\n maxBlockCount = count\n blockSize =\n (decoderWidth.coerceAtLeast(decoderHeight)).toFloat().div(count).toInt()\n countW = ceil(decoderWidth.toFloat().div(blockSize)).toInt()\n countH = ceil(decoderHeight.toFloat().div(blockSize)).toInt()\n renderList = getRenderBlockList()\n return true\n }\n\n // 遍历每一个渲染方块\n fun forEachBlock(action: (block: RenderBlock, column: Int, row: Int) -> Unit) {\n for ((column, rows) in renderList.withIndex()) {\n for ((row, block) in rows.withIndex()) {\n action(block, column, row)\n }\n }\n }\n\n // 清除全部bitmap的引用\n fun clearAllBitmap() {\n forEachBlock { block, _, _ ->\n block.release()\n }\n }\n\n // 释放资源\n @OptIn(InternalCoroutinesApi::class)\n suspend fun release() {\n// thumbnail?.recycle()\n thumbnail = null\n\n mutex.withLock {\n if (!decoder.isRecycled()) {\n // 清除渲染队列\n renderQueue.clear()\n // 回收资源\n decoder.recycle()\n // 发送一个信号停止堵塞的循环\n renderQueue.putFirst(RenderBlock())\n }\n onRelease()\n }\n }\n\n fun getRotationSize(rotation: Rotation): IntSize {\n return when (rotation) {\n Rotation.ROTATION_0, Rotation.ROTATION_180 -> {\n IntSize(decoder.width(), decoder.height())\n }\n\n Rotation.ROTATION_90, Rotation.ROTATION_270 -> {\n IntSize(decoder.height(), decoder.width())\n }\n }\n }\n\n /**\n * 解码渲染区域\n */\n suspend fun decodeRegion(inSampleSize: Int, rect: Rect): ImageBitmap? {\n return mutex.withLock {\n if (rotation == Rotation.ROTATION_0) {\n decoder.decodeRegion(inSampleSize, rect)\n } else {\n val size = getRotationSize(rotation)\n val decoderWidth = size.width\n val decoderHeight = size.height\n val newRect = when (rotation) {\n Rotation.ROTATION_90 -> {\n val nextX1 = rect.top\n val nextX2 = rect.bottom\n val nextY1 = decoderWidth - rect.right\n val nextY2 = decoderWidth - rect.left\n Rect(nextX1, nextY1, nextX2, nextY2)\n }\n\n Rotation.ROTATION_180 -> {\n val nextX1 = decoderWidth - rect.right\n val nextX2 = decoderWidth - rect.left\n val nextY1 = decoderHeight - rect.bottom\n val nextY2 = decoderHeight - rect.top\n Rect(nextX1, nextY1, nextX2, nextY2)\n }\n\n Rotation.ROTATION_270 -> {\n val nextX1 = decoderHeight - rect.bottom\n val nextX2 = decoderHeight - rect.top\n val nextY1 = rect.left\n val nextY2 = rect.right\n Rect(nextX1, nextY1, nextX2, nextY2)\n }\n\n else -> throw RotationIllegalException()\n }\n val bitmap = decoder.decodeRegion(inSampleSize, newRect)\n if (bitmap == null) bitmap else {\n decoder.rotate(bitmap, rotation.radius.toFloat())\n }\n }\n }\n }\n\n // 开启堵塞队列的循环\n fun startRenderQueue(onUpdate: () -> Unit) {\n launch(Dispatchers.IO) {\n try {\n while (!decoder.isRecycled()) {\n val block = renderQueue.take()\n if (decoder.isRecycled()) break\n val bitmap = decodeRegion(block.inSampleSize, block.sliceRect)\n if (bitmap != null) block.setBitmap(bitmap)\n onUpdate()\n }\n } catch (e: Exception) {\n e.printStackTrace()\n }\n }\n }\n\n suspend fun createTempBitmap(targetWidth: Int = 720): ImageBitmap? {\n val inputSample = calculateInSampleSize(\n srcWidth = decoderWidth,\n reqWidth = targetWidth,\n )\n return decodeRegion(\n inputSample,\n Rect(\n offset = Offset.Zero,\n size = Size(\n width = decoderWidth.toFloat(),\n height = decoderHeight.toFloat(),\n ),\n )\n )\n }\n}\n\n" }, { "path": "scale-sampling-decoder/src/commonMain/kotlin/com/jvziyaoyao/scale/image/sampling/SamplingProcessor.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport com.jvziyaoyao.scale.image.viewer.ModelProcessorPair\n\nval samplingProcessorPair: ModelProcessorPair = SamplingDecoder::class to { model, state ->\n SamplingCanvas(\n samplingDecoder = model as SamplingDecoder,\n viewPort = state.getViewPort(),\n )\n}" }, { "path": "scale-sampling-decoder/src/nonAndroidMain/kotlin/com/jvziyaoyao/scale/image/sampling/RegionDecoder.nonAndroid.kt", "content": "package com.jvziyaoyao.scale.image.sampling\n\nimport androidx.compose.ui.geometry.Rect\nimport androidx.compose.ui.graphics.ImageBitmap\nimport androidx.compose.ui.graphics.asComposeImageBitmap\nimport androidx.compose.ui.graphics.asSkiaBitmap\nimport androidx.compose.ui.graphics.toComposeImageBitmap\nimport androidx.compose.ui.graphics.toSkiaRect\nimport org.jetbrains.skia.Bitmap\nimport org.jetbrains.skia.Canvas\nimport org.jetbrains.skia.Image\nimport org.jetbrains.skia.Surface\nimport kotlin.math.ceil\nimport kotlin.math.roundToInt\n\nactual fun getReginDecoder(bytes: ByteArray?): RegionDecoder? {\n if (bytes == null) return null\n return SkiaRegionDecoder(bytes = bytes)\n}\n\nclass SkiaRegionDecoder(\n private val bytes: ByteArray,\n) : RegionDecoder {\n\n private val image: Image by lazy { Image.makeFromEncoded(bytes) }\n\n override fun width(): Int {\n return image.width\n }\n\n override fun height(): Int {\n return image.height\n }\n\n override fun recycle() {\n image.close()\n }\n\n override fun isRecycled(): Boolean {\n return image.isClosed\n }\n\n override fun rotate(imageBitmap: ImageBitmap, degree: Float): ImageBitmap {\n val skiaBitmap = imageBitmap.asSkiaBitmap()\n val skiaImage = Image.makeFromBitmap(skiaBitmap)\n val width = skiaImage.width\n val height = skiaImage.height\n\n val normalizedDegree = (((degree % 360) + 360) % 360).roundToInt()\n val rotation = when (normalizedDegree) {\n in 45..134 -> 90\n in 135..224 -> 180\n in 225..314 -> 270\n else -> 0\n }\n\n val (outWidth, outHeight) = if (rotation == 90 || rotation == 270) {\n height to width\n } else {\n width to height\n }\n\n val surface = Surface.makeRasterN32Premul(outWidth, outHeight)\n val canvas = surface.canvas\n\n // 关键：调整坐标原点后再旋转\n when (rotation) {\n 90 -> {\n canvas.translate(outWidth.toFloat(), 0f)\n canvas.rotate(90f)\n }\n 180 -> {\n canvas.translate(outWidth.toFloat(), outHeight.toFloat())\n canvas.rotate(180f)\n }\n 270 -> {\n canvas.translate(0f, outHeight.toFloat())\n canvas.rotate(270f)\n }\n // 0 -> 不需要变换\n }\n\n canvas.drawImage(skiaImage, 0f, 0f)\n\n return surface.makeImageSnapshot().toComposeImageBitmap()\n }\n\n override suspend fun decodeRegion(\n inSampleSize: Int,\n rect: Rect\n ): ImageBitmap? {\n val widthValue = rect.width / inSampleSize.toDouble()\n val heightValue = rect.height / inSampleSize.toDouble()\n val bitmapWidth: Int = ceil(widthValue).toInt()\n val bitmapHeight: Int = ceil(heightValue).toInt()\n val bitmap = Bitmap().apply {\n allocN32Pixels(bitmapWidth, bitmapHeight)\n }\n val canvas = Canvas(bitmap)\n canvas.drawImageRect(\n image = image,\n src = rect.toSkiaRect(),\n dst = org.jetbrains.skia.Rect.makeWH(bitmapWidth.toFloat(), bitmapHeight.toFloat())\n )\n return bitmap.asComposeImageBitmap()\n }\n\n}" }, { "path": "scale-zoomable-view/.gitignore", "content": "/build" }, { "path": "scale-zoomable-view/build.gradle.kts", "content": "import scale.compileSdk\nimport scale.minSdk\n\nplugins {\n id(\"com.android.kotlin.multiplatform.library\")\n id(\"org.jetbrains.kotlin.plugin.compose\")\n id(\"org.jetbrains.kotlin.multiplatform\")\n id(\"com.vanniktech.maven.publish\")\n id(\"org.jetbrains.compose\")\n id(\"org.jetbrains.dokka\")\n}\n\nkotlin {\n androidLibrary {\n namespace = \"com.jvziyaoyao.scale.zoomable\"\n compileSdk = project.compileSdk\n minSdk = project.minSdk\n }\n\n jvm()\n\n val xcfName = \"zoomableViewKit\"\n\n iosX64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n iosArm64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n iosSimulatorArm64 {\n binaries.framework {\n baseName = xcfName\n }\n }\n\n sourceSets {\n commonMain {\n dependencies {\n implementation(libs.kotlin.stdlib)\n\n implementation(compose.runtime)\n implementation(compose.foundation)\n implementation(compose.ui)\n implementation(compose.components.resources)\n implementation(compose.components.uiToolingPreview)\n\n implementation(libs.org.jetbrains.kotlinx.datetime)\n }\n }\n\n commonTest {\n dependencies {\n implementation(libs.kotlin.test)\n }\n }\n\n androidMain {\n dependencies {}\n }\n\n iosMain {\n dependencies {}\n }\n }\n\n}" }, { "path": "scale-zoomable-view/gradle.properties", "content": "POM_ARTIFACT_ID=zoomable-view\nPOM_NAME=zoomable-view\nPOM_PACKAGING=aar" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/pager/Pager.kt", "content": "package com.jvziyaoyao.scale.zoomable.pager\n\nimport androidx.compose.foundation.gestures.TargetedFlingBehavior\nimport androidx.compose.foundation.interaction.InteractionSource\nimport androidx.compose.foundation.pager.HorizontalPager\nimport androidx.compose.foundation.pager.PagerDefaults\nimport androidx.compose.foundation.pager.PagerState\nimport androidx.compose.foundation.pager.rememberPagerState\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.dp\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2022-10-05 21:41\n **/\n\n/**\n * 基于HorizonPager封装的pager组件\n *\n * @property pagerState 可以用来控制页面切换和获取页面状态等\n */\nopen class SupportedPagerState(\n val pagerState: PagerState,\n) {\n\n /**\n * 当前页码\n */\n val currentPage: Int\n get() = pagerState.currentPage\n\n /**\n * 目标页码\n */\n val targetPage: Int\n get() = pagerState.targetPage\n\n /**\n * 当前页数\n */\n val pageCount: Int\n get() = pagerState.pageCount\n\n /**\n * interactionSource\n */\n val interactionSource: InteractionSource\n get() = pagerState.interactionSource\n\n /**\n * 滚动到指定页面\n */\n suspend fun scrollToPage(\n // 指定的页码 @IntRange(from = 0)\n page: Int,\n // 滚动偏移量 @FloatRange(from = 0.0, to = 1.0)\n pageOffset: Float = 0f,\n ) = pagerState.scrollToPage(page, pageOffset)\n\n /**\n * 动画滚动到指定页面\n */\n suspend fun animateScrollToPage(\n // 指定的页码 @IntRange(from = 0)\n page: Int,\n // 滚动偏移量 @FloatRange(from = 0.0, to = 1.0)\n pageOffset: Float = 0f,\n ) = pagerState.animateScrollToPage(page, pageOffset)\n\n}\n\n/**\n * 用于获取pager状态和控制pager\n *\n * @param initialPage 初始页码\n * @param pageCount 总页数\n * @return 返回一个通用对PagerState\n */\n@Composable\nfun rememberSupportedPagerState(\n // 默认显示的页码 @IntRange(from = 0)\n initialPage: Int = 0,\n pageCount: () -> Int,\n): SupportedPagerState {\n val pageState = rememberPagerState(initialPage = initialPage, pageCount = pageCount)\n return remember {\n SupportedPagerState(pageState)\n }\n}\n\n/**\n * 切换页面对时候默认对手势效果\n *\n * @param pagerState 页面状态对象\n * @return TargetedFlingBehavior\n */\n@Composable\nfun defaultFlingBehavior(pagerState: SupportedPagerState): TargetedFlingBehavior {\n return PagerDefaults.flingBehavior(\n state = pagerState.pagerState,\n )\n}\n\n/**\n * 一个通用pager组件，对底层对pager进行了封装\n *\n * @param modifier 图层修饰\n * @param state pager状态获取与控制\n * @param itemSpacing 每个item之间的间隔\n * @param beyondViewportPageCount 页面外缓存个数\n * @param userScrollEnabled 是否允许页面滚动\n * @param flingBehavior 手势效果\n * @param content 页面内容\n */\n@Composable\nfun SupportedHorizonPager(\n modifier: Modifier = Modifier,\n state: SupportedPagerState,\n itemSpacing: Dp = 0.dp,\n beyondViewportPageCount: Int = 0,\n userScrollEnabled: Boolean = true,\n flingBehavior: TargetedFlingBehavior = defaultFlingBehavior(state),\n content: @Composable (page: Int) -> Unit,\n) {\n HorizontalPager(\n state = state.pagerState,\n modifier = modifier,\n pageSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n userScrollEnabled = userScrollEnabled,\n flingBehavior = flingBehavior,\n ) { page ->\n content(page)\n }\n}\n" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/pager/ZoomablePager.kt", "content": "package com.jvziyaoyao.scale.zoomable.pager\n\nimport androidx.compose.foundation.gestures.TargetedFlingBehavior\nimport androidx.compose.foundation.interaction.InteractionSource\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableGestureScope\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableView\nimport com.jvziyaoyao.scale.zoomable.zoomable.ZoomableViewState\nimport com.jvziyaoyao.scale.zoomable.zoomable.rememberZoomableState\nimport kotlinx.coroutines.launch\n\n/**\n * @program: ZoomablePager\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-12-06 20:48\n **/\n\n// 图片间的默认间隔\nval DEFAULT_ITEM_SPACE = 12.dp\n\n// 页面外缓存个数\nconst val DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT = 1\n\n/**\n * 在ZoomablePager中对ZoomableView图层进行修饰对对象\n *\n */\nfun interface PagerZoomablePolicyScope {\n @Composable\n fun ZoomablePolicy(\n intrinsicSize: Size,\n content: @Composable (ZoomableViewState) -> Unit,\n )\n}\n\n/**\n * 用于获取ZoomablePager的状态和对其进行控制\n *\n * @property pagerState 底层SupportedPagerState\n */\nopen class ZoomablePagerState(\n val pagerState: SupportedPagerState,\n) {\n\n /**\n * 当前viewer的状态\n */\n val zoomableViewState = mutableStateOf(null)\n\n /**\n * 当前页码\n */\n val currentPage: Int\n get() = pagerState.currentPage\n\n /**\n * 目标页码\n */\n val targetPage: Int\n get() = pagerState.targetPage\n\n /**\n * interactionSource\n */\n val interactionSource: InteractionSource\n get() = pagerState.interactionSource\n\n /**\n * 滚动到指定页面\n * @param page Int\n * @param pageOffset Float\n */\n suspend fun scrollToPage(\n // @IntRange(from = 0)\n page: Int,\n // @FloatRange(from = 0.0, to = 1.0)\n pageOffset: Float = 0f,\n ) = pagerState.scrollToPage(page, pageOffset)\n\n /**\n * 动画滚动到指定页面\n * @param page Int\n * @param pageOffset Float\n */\n suspend fun animateScrollToPage(\n // @IntRange(from = 0)\n page: Int,\n // @FloatRange(from = 0.0, to = 1.0)\n pageOffset: Float = 0f,\n ) = pagerState.animateScrollToPage(page, pageOffset)\n\n}\n\n/**\n * 在Compose中获取一个ZoomablePagerState\n *\n * @param initialPage 初始页码\n * @param pageCount 总页数\n * @return\n */\n@Composable\nfun rememberZoomablePagerState(\n// @IntRange(from = 0)\n initialPage: Int = 0,\n pageCount: () -> Int,\n): ZoomablePagerState {\n val zoomablePagerState = rememberSupportedPagerState(initialPage, pageCount)\n return remember { ZoomablePagerState(zoomablePagerState) }\n}\n\n/**\n * Pager的点击事件监听对象\n *\n * @property onTap 点击事件\n * @property onDoubleTap 双击事件\n * @property onLongPress 长按事件\n */\nclass PagerGestureScope(\n var onTap: () -> Unit = {},\n var onDoubleTap: () -> Boolean = { false },\n var onLongPress: () -> Unit = {},\n)\n\n/**\n * 基于Pager和ZoomableView实现的一个图片查看列表组件\n *\n * @param modifier 图层修饰\n * @param state pager状态获取与控制\n * @param itemSpacing 每张图片之间的间隔\n * @param beyondViewportPageCount 页面外缓存个数\n * @param flingBehavior 手势效果\n * @param userScrollEnabled 是否允许页面滚动\n * @param detectGesture 检测手势\n * @param zoomablePolicy 图层本体\n */\n@Composable\nfun ZoomablePager(\n modifier: Modifier = Modifier,\n state: ZoomablePagerState,\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n flingBehavior: TargetedFlingBehavior = defaultFlingBehavior(state.pagerState),\n userScrollEnabled: Boolean = true,\n detectGesture: PagerGestureScope = PagerGestureScope(),\n zoomablePolicy: @Composable PagerZoomablePolicyScope.(page: Int) -> Unit,\n) {\n val scope = rememberCoroutineScope()\n // 确保不会越界\n SupportedHorizonPager(\n state = state.pagerState,\n modifier = modifier\n .fillMaxSize(),\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n flingBehavior = flingBehavior,\n userScrollEnabled = userScrollEnabled,\n ) { page ->\n Box(modifier = Modifier.fillMaxSize()) {\n PagerZoomablePolicyScope { intrinsicSize, content ->\n val zoomableState = rememberZoomableState(contentSize = intrinsicSize)\n LaunchedEffect(key1 = state.currentPage, key2 = zoomableState) {\n if (state.currentPage == page) {\n state.zoomableViewState.value = zoomableState\n } else {\n zoomableState.reset()\n }\n }\n ZoomableView(\n state = zoomableState,\n boundClip = false,\n detectGesture = ZoomableGestureScope(\n onTap = { detectGesture.onTap() },\n onDoubleTap = {\n val consumed = detectGesture.onDoubleTap()\n if (!consumed) scope.launch {\n zoomableState.toggleScale(it)\n }\n },\n onLongPress = { detectGesture.onLongPress() },\n )\n ) {\n content(zoomableState)\n }\n }.zoomablePolicy(page)\n }\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/previewer/DraggablePreviewer.kt", "content": "package com.jvziyaoyao.scale.zoomable.previewer\n\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.MutableTransitionState\nimport androidx.compose.foundation.border\nimport androidx.compose.foundation.gestures.detectDragGestures\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.input.pointer.PointerInputScope\nimport androidx.compose.ui.input.pointer.pointerInput\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.dp\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.pager.PagerZoomablePolicyScope\nimport com.jvziyaoyao.scale.zoomable.pager.SupportedPagerState\nimport com.jvziyaoyao.scale.zoomable.util.DrawText\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.coroutineScope\nimport kotlinx.coroutines.delay\nimport kotlinx.coroutines.launch\nimport kotlin.math.absoluteValue\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-12-25 10:29\n **/\n\n// 默认下拉关闭缩放阈值\nconst val DEFAULT_SCALE_TO_CLOSE_MIN_VALUE = 0.9F\n\n/**\n * 垂直手势的类型\n *\n */\nenum class VerticalDragType {\n // 不开启垂直手势\n None,\n\n // 仅开启下拉手势\n Down,\n\n // 支持上下拉手势\n UpAndDown,\n ;\n}\n\n/**\n * 拖拉拽状态与控制\n *\n * @property scope 协程作用域\n * @constructor\n *\n * @param defaultAnimationSpec 默认动画窗格\n * @param verticalDragType 开启垂直手势的类型\n * @param scaleToCloseMinValue 下拉关闭的缩小的阈值\n * @param pagerState 预览状态\n * @param itemStateMap 用于获取transformItemState\n * @param getKey 获取当前key\n */\nopen class DraggablePreviewerState(\n private val scope: CoroutineScope,\n defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n verticalDragType: VerticalDragType = VerticalDragType.None,\n scaleToCloseMinValue: Float = DEFAULT_SCALE_TO_CLOSE_MIN_VALUE,\n pagerState: SupportedPagerState,\n itemStateMap: ItemStateMap,\n getKey: (Int) -> Any,\n) : TransformPreviewerState(\n scope, defaultAnimationSpec, pagerState, itemStateMap, getKey\n) {\n\n /**\n * 开启垂直手势的类型\n */\n private var verticalDragType by mutableStateOf(verticalDragType)\n\n /**\n * 下拉关闭的缩放的阈值，当scale小于这个值，就关闭，否则还原\n */\n private var scaleToCloseMinValue by mutableStateOf(scaleToCloseMinValue)\n\n /**\n * 下拉关闭容器状态\n */\n val draggableContainerState = DraggableContainerState(\n defaultAnimationSpec = defaultAnimationSpec\n )\n\n suspend fun verticalDrag(pointerInputScope: PointerInputScope) {\n pointerInputScope.apply {\n // 记录开始时的位置\n var startOffset by mutableStateOf(null)\n // 标记是否为下拉关闭\n var orientationDown by mutableStateOf(null)\n // 如果getKay不为空才开始检测手势\n if (verticalDragType != VerticalDragType.None) detectDragGestures(\n onDragStart = OnDragStart@{\n val zoomableState = zoomableViewState.value\n if (zoomableState != null) {\n // 只有viewer的缩放率为1时才允许下拉手势\n if (zoomableState.scale.value == 1F) {\n startOffset = it\n // 进入下拉手势时禁用viewer的手势\n zoomableState.allowGestureInput = false\n }\n } else {\n // 需要在预览图层正常显示的时候才允许手势\n if (previewerAlpha.value == 1F) {\n startOffset = it\n }\n }\n },\n onDragEnd = OnDragEnd@{\n // 如果开始位置为空，就退出\n if (startOffset == null) return@OnDragEnd\n // 重置开始位置和方向\n startOffset = null\n orientationDown = null\n // 解除viewer的手势输入限制\n val zoomableState = zoomableViewState.value\n zoomableState?.allowGestureInput = true\n // 缩放小于阈值，执行关闭动画，大于就恢复原样\n if (draggableContainerState.scale.value < scaleToCloseMinValue) {\n scope.launch {\n val itemState = findTransformItemByIndex(currentPage)\n if (itemState != null) {\n dragDownClose(itemState)\n } else {\n viewerContainerShrinkDown()\n }\n }\n } else {\n scope.launch {\n decorationAlpha.snapTo(1F)\n }\n scope.launch {\n draggableContainerState.reset()\n }\n }\n },\n onDrag = OnVerticalDrag@{ change, dragAmount ->\n if (startOffset == null) return@OnVerticalDrag\n if (orientationDown == null) orientationDown = dragAmount.y > 0\n if (orientationDown == true || verticalDragType == VerticalDragType.UpAndDown) {\n val offsetY = change.position.y - startOffset!!.y\n val offsetX = change.position.x - startOffset!!.x\n val containerHeight = containerSize.value.height\n val scale = (containerHeight - offsetY.absoluteValue).div(\n containerHeight\n )\n scope.launch {\n decorationAlpha.snapTo(scale)\n draggableContainerState.offsetX.snapTo(offsetX)\n draggableContainerState.offsetY.snapTo(offsetY)\n draggableContainerState.scale.snapTo(scale)\n }\n } else {\n // 如果不是向上，就返还输入权，以免页面卡顿\n val zoomableState = zoomableViewState.value\n zoomableState?.allowGestureInput = true\n }\n }\n )\n }\n }\n\n /**\n * 响应下拉关闭\n */\n private suspend fun dragDownClose(itemState: TransformItemState) {\n // 取消开启动画\n cancelEnterTransform()\n // 标记动作开始\n stateCloseStart()\n\n draggableContainerState.apply {\n val displaySize =\n if (itemState.intrinsicSize != null && itemState.intrinsicSize!!.isSpecified) {\n getDisplaySize(itemState.intrinsicSize!!, containerSize.value)\n } else {\n getDisplaySize(containerSize.value, containerSize.value)\n }\n\n val centerX = containerSize.value.width.div(2)\n val centerY = containerSize.value.height.div(2)\n\n val nextSize = displaySize.times(scale.value)\n val nextTargetX = centerX + offsetX.value - nextSize.width.div(2)\n val nextTargetY = centerY + offsetY.value - nextSize.height.div(2)\n\n displayWidth.snapTo(nextSize.width)\n displayHeight.snapTo(nextSize.height)\n displayOffsetX.snapTo(nextTargetX)\n displayOffsetY.snapTo(nextTargetY)\n }\n\n // 启动关闭\n exitFromCurrentState(itemState)\n\n // 恢复原来的状态\n draggableContainerState.resetImmediately()\n\n // 标记动作结束\n stateCloseEnd()\n }\n\n /**\n * viewer容器缩小关闭\n */\n private suspend fun viewerContainerShrinkDown(\n animationSpec: AnimationSpec? = null\n ) {\n val currentAnimationSpec = animationSpec ?: defaultAnimationSpec\n // 标记动作开始\n stateCloseStart()\n\n coroutineScope {\n listOf(\n // 缩小容器\n async {\n draggableContainerState.scale.animateTo(\n 0F,\n animationSpec = currentAnimationSpec\n )\n },\n // 关闭UI\n async {\n decorationAlpha.animateTo(0F, animationSpec = currentAnimationSpec)\n }\n ).awaitAll()\n\n // 关闭动画组件\n animateContainerVisibleState = MutableTransitionState(false)\n\n // 有一些手机会出现闪烁问题\n delay(24)\n // 恢复原来的状态\n draggableContainerState.resetImmediately()\n\n // 标记动作结束\n stateCloseEnd()\n }\n }\n}\n\n/**\n * 变换动画容器的状态\n *\n * @property defaultAnimationSpec 默认动画窗格\n */\nclass DraggableContainerState(\n var defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC\n) {\n // 容器的偏移量X\n var offsetX = Animatable(0F)\n\n // 容器的偏移量Y\n var offsetY = Animatable(0F)\n\n // 容器缩放\n var scale = Animatable(1F)\n\n /**\n * 重置回原来的状态\n * @param animationSpec AnimationSpec\n */\n suspend fun reset(animationSpec: AnimationSpec = defaultAnimationSpec) {\n coroutineScope {\n listOf(\n async {\n offsetX.animateTo(0F, animationSpec)\n },\n async {\n offsetY.animateTo(0F, animationSpec)\n },\n async {\n scale.animateTo(1F, animationSpec)\n },\n ).awaitAll()\n }\n }\n\n /**\n * 立刻重置\n */\n suspend fun resetImmediately() {\n offsetX.snapTo(0F)\n offsetY.snapTo(0F)\n scale.snapTo(1F)\n }\n}\n\n/**\n * 可拖拽释放的弹出预览组件\n *\n * @param modifier 图层修饰\n * @param state 状态对象\n * @param itemSpacing 图片间的间隔\n * @param beyondViewportPageCount 页面外缓存个数\n * @param enter 调用open时的进入动画\n * @param exit 调用close时的退出动画\n * @param debugMode 调试模式\n * @param detectGesture 检测手势\n * @param previewerLayer 容器的图层修饰\n * @param zoomablePolicy 缩放图层的修饰\n */\n@Composable\nfun DraggablePreviewer(\n modifier: Modifier = Modifier,\n state: DraggablePreviewerState,\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n enter: EnterTransition = DEFAULT_PREVIEWER_ENTER_TRANSITION,\n exit: ExitTransition = DEFAULT_PREVIEWER_EXIT_TRANSITION,\n debugMode: Boolean = false,\n detectGesture: PagerGestureScope = PagerGestureScope(),\n previewerLayer: TransformLayerScope = TransformLayerScope(),\n zoomablePolicy: @Composable PagerZoomablePolicyScope.(page: Int) -> Boolean,\n) {\n state.apply {\n TransformPreviewer(\n modifier = modifier,\n state = state,\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n enter = enter,\n exit = exit,\n debugMode = debugMode,\n detectGesture = detectGesture,\n previewerLayer = TransformLayerScope(\n previewerDecoration = { innerBox ->\n val actionColor = Color.Yellow\n Box(\n modifier = Modifier\n .fillMaxSize()\n .pointerInput(getKey) {\n verticalDrag(this)\n }\n .graphicsLayer {\n translationX = draggableContainerState.offsetX.value\n translationY = draggableContainerState.offsetY.value\n scaleX = draggableContainerState.scale.value\n scaleY = draggableContainerState.scale.value\n }\n .run {\n if (debugMode) border(width = 2.dp, color = actionColor) else this\n }\n ) {\n previewerLayer.previewerDecoration {\n innerBox()\n }\n if (debugMode) DrawText(\n modifier = Modifier.align(Alignment.TopEnd),\n text = \"DraggablePreviewer\",\n color = actionColor,\n )\n }\n },\n background = previewerLayer.background,\n foreground = previewerLayer.foreground,\n ),\n zoomablePolicy = zoomablePolicy\n )\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/previewer/PopupPreviewer.kt", "content": "package com.jvziyaoyao.scale.zoomable.previewer\n\nimport androidx.compose.animation.AnimatedVisibility\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.animation.core.MutableTransitionState\nimport androidx.compose.animation.core.tween\nimport androidx.compose.animation.fadeIn\nimport androidx.compose.animation.fadeOut\nimport androidx.compose.animation.scaleIn\nimport androidx.compose.animation.scaleOut\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.getValue\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.setValue\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.Dp\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.pager.PagerZoomablePolicyScope\nimport com.jvziyaoyao.scale.zoomable.pager.SupportedPagerState\nimport com.jvziyaoyao.scale.zoomable.pager.ZoomablePager\nimport com.jvziyaoyao.scale.zoomable.pager.ZoomablePagerState\nimport com.jvziyaoyao.scale.zoomable.pager.rememberSupportedPagerState\nimport kotlinx.coroutines.flow.MutableStateFlow\nimport kotlinx.coroutines.flow.takeWhile\nimport kotlinx.coroutines.sync.Mutex\nimport kotlinx.coroutines.sync.withLock\n\n/**\n * @program: PopupPreviewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-12-13 11:45\n **/\n\n/**\n * 默认的弹出预览时的动画效果\n */\nval DEFAULT_PREVIEWER_ENTER_TRANSITION =\n scaleIn(tween(180)) + fadeIn(tween(240))\n\n/**\n * 默认的关闭预览时的动画效果\n */\nval DEFAULT_PREVIEWER_EXIT_TRANSITION =\n scaleOut(tween(320)) + fadeOut(tween(240))\n\n/**\n * Compose中获取一个PopupPreviewerState的方式\n *\n * @param initialPage 初始页码\n * @param pageCount 总页数\n * @return 返回一个PopupPreviewerState\n */\n@Composable\nfun rememberPopupPreviewerState(\n// @IntRange(from = 0)\n initialPage: Int = 0,\n pageCount: () -> Int,\n): PopupPreviewerState {\n val pagerState = rememberSupportedPagerState(initialPage, pageCount)\n return remember {\n PopupPreviewerState(pagerState = pagerState)\n }\n}\n\n/**\n * 弹出预览状态与控制对象\n *\n * @constructor\n *\n * @param pagerState 封装的通用pagerState\n */\nopen class PopupPreviewerState(\n pagerState: SupportedPagerState,\n) : ZoomablePagerState(pagerState) {\n\n // 锁对象\n private var mutex = Mutex()\n\n // 最外侧animateVisibleState\n internal var animateContainerVisibleState by mutableStateOf(MutableTransitionState(false))\n\n // 用于监听状态\n internal var containerVisibleFlow = MutableStateFlow(false)\n\n // 进入转换动画\n internal var enterTransition: EnterTransition? = null\n\n // 离开的转换动画\n internal var exitTransition: ExitTransition? = null\n\n // 标记打开动作，执行开始\n internal suspend fun stateOpenStart() =\n updateState(animating = true, visible = false, visibleTarget = true)\n\n // 标记打开动作，执行结束\n internal suspend fun stateOpenEnd() =\n updateState(animating = false, visible = true, visibleTarget = null)\n\n // 标记关闭动作，执行开始\n internal suspend fun stateCloseStart() =\n updateState(animating = true, visible = true, visibleTarget = false)\n\n // 标记关闭动作，执行结束\n internal suspend fun stateCloseEnd() =\n updateState(animating = false, visible = false, visibleTarget = null)\n\n // 是否正在进行动画\n var animating by mutableStateOf(false)\n internal set\n\n // 是否可见\n var visible by mutableStateOf(false)\n internal set\n\n // 是否可见的目标值\n var visibleTarget by mutableStateOf(null)\n internal set\n\n // 是否允许执行open操作\n val canOpen: Boolean\n get() = !visible && visibleTarget == null && !animating\n\n // 是否允许执行close操作\n val canClose: Boolean\n get() = visible && visibleTarget == null && !animating\n\n /**\n * 更新当前的标记状态\n * @param animating Boolean\n * @param visible Boolean\n * @param visibleTarget Boolean?\n */\n suspend fun updateState(animating: Boolean, visible: Boolean, visibleTarget: Boolean?) {\n mutex.withLock {\n this.animating = animating\n this.visible = visible\n this.visibleTarget = visibleTarget\n }\n }\n\n open suspend fun openAction(\n index: Int = 0,\n enterTransition: EnterTransition? = null,\n ) {\n // 设置当前转换动画\n this.enterTransition = enterTransition\n // container动画立即设置为关闭\n animateContainerVisibleState = MutableTransitionState(false)\n // 开启container\n animateContainerVisibleState.targetState = true\n // 滚动到指定页面\n scrollToPage(index)\n // 等状态变到目标值\n containerVisibleFlow.takeWhile { !it }.collect {}\n }\n\n suspend fun open(\n index: Int = 0,\n enterTransition: EnterTransition? = null,\n ) {\n // 标记状态\n stateOpenStart()\n // 实际业务发生\n openAction(index, enterTransition)\n // 标记状态\n stateOpenEnd()\n }\n\n open suspend fun closeAction(\n exitTransition: ExitTransition? = null,\n ) {\n // 设置当前转换动画\n this.exitTransition = exitTransition\n // 这里创建一个全新的state是为了让exitTransition的设置得到响应\n animateContainerVisibleState = MutableTransitionState(true)\n // 开启container关闭动画\n animateContainerVisibleState.targetState = false\n // 等状态变到目标值\n containerVisibleFlow.takeWhile { it }.collect {}\n }\n\n suspend fun close(\n exitTransition: ExitTransition? = null,\n ) {\n // 标记状态\n stateCloseStart()\n // 实际业务发生\n closeAction(exitTransition)\n // 标记状态\n stateCloseEnd()\n }\n}\n\n/**\n * 基于Pager、ZoomableView实现的弹出预览组件\n *\n * @param modifier 图层修饰\n * @param state 组件的状态与控制对象\n * @param itemSpacing 图片间的间隔\n * @param beyondViewportPageCount 页面外缓存个数\n * @param enter 进入动画\n * @param exit 退出动画\n * @param detectGesture 检测手势\n * @param previewerDecoration 外侧图层容器修饰\n * @param zoomablePolicy ZoomableView图层修饰\n */\n@Composable\nfun PopupPreviewer(\n modifier: Modifier = Modifier,\n state: PopupPreviewerState,\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n enter: EnterTransition = DEFAULT_PREVIEWER_ENTER_TRANSITION,\n exit: ExitTransition = DEFAULT_PREVIEWER_EXIT_TRANSITION,\n detectGesture: PagerGestureScope = PagerGestureScope(),\n previewerDecoration: @Composable (innerBox: @Composable () -> Unit) -> Unit =\n @Composable { innerBox -> innerBox() },\n zoomablePolicy: @Composable PagerZoomablePolicyScope.(page: Int) -> Unit,\n) {\n state.apply {\n LaunchedEffect(animateContainerVisibleState.currentState) {\n containerVisibleFlow.value = animateContainerVisibleState.currentState\n }\n AnimatedVisibility(\n modifier = Modifier.fillMaxSize(),\n visibleState = animateContainerVisibleState,\n enter = enterTransition ?: enter,\n exit = exitTransition ?: exit,\n ) {\n previewerDecoration {\n ZoomablePager(\n modifier = modifier.fillMaxSize(),\n state = state,\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n detectGesture = if (animating) PagerGestureScope() else detectGesture,\n zoomablePolicy = zoomablePolicy,\n // 正在动画中不允许页面滚动\n userScrollEnabled = !animating\n )\n }\n }\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/previewer/Previewer.kt", "content": "package com.jvziyaoyao.scale.zoomable.previewer\n\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.Dp\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.pager.PagerZoomablePolicyScope\nimport com.jvziyaoyao.scale.zoomable.pager.SupportedPagerState\nimport com.jvziyaoyao.scale.zoomable.pager.rememberSupportedPagerState\nimport kotlinx.coroutines.CoroutineScope\n\n/**\n * 获取一个图片预览的状态与控制对象\n *\n * @param scope 协程作用域\n * @param defaultAnimationSpec 默认动画窗格\n * @param initialPage 初始化页码\n * @param verticalDragType 垂直手势类型\n * @param transformItemStateMap 帮助Previewer获取转换动画的小图map\n * @param pageCount 总页数\n * @param getKey 获取某一页的索引key的方法\n * @return 返回一个PreviewerState\n */\n@Composable\nfun rememberPreviewerState(\n scope: CoroutineScope = rememberCoroutineScope(),\n defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n initialPage: Int = 0,\n verticalDragType: VerticalDragType = VerticalDragType.Down,\n transformItemStateMap: ItemStateMap = mutableMapOf(),\n pageCount: () -> Int,\n getKey: (Int) -> Any = {},\n): PreviewerState {\n val pagerState = rememberSupportedPagerState(initialPage = initialPage, pageCount = pageCount)\n val previewerState = remember {\n PreviewerState(\n scope = scope,\n verticalDragType = verticalDragType,\n pagerState = pagerState,\n itemStateMap = transformItemStateMap,\n getKey = getKey,\n )\n }\n previewerState.defaultAnimationSpec = defaultAnimationSpec\n return previewerState\n}\n\n/**\n * 图片预览的状态与控制对象\n *\n * @constructor\n *\n * @param scope 协程作用域\n * @param defaultAnimationSpec 默认动画窗格\n * @param verticalDragType 垂直手势类型\n * @param scaleToCloseMinValue 下拉关闭的缩小的阈值\n * @param pagerState 预览状态\n * @param itemStateMap 用于获取transformItemState\n * @param getKey 获取当前key的方法\n */\nclass PreviewerState(\n scope: CoroutineScope,\n defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n verticalDragType: VerticalDragType = VerticalDragType.None,\n scaleToCloseMinValue: Float = DEFAULT_SCALE_TO_CLOSE_MIN_VALUE,\n pagerState: SupportedPagerState,\n itemStateMap: ItemStateMap,\n getKey: (Int) -> Any,\n) : DraggablePreviewerState(\n scope,\n defaultAnimationSpec,\n verticalDragType,\n scaleToCloseMinValue,\n pagerState,\n itemStateMap,\n getKey\n)\n\n/**\n * 带转换效果的图片弹出预览组件\n *\n * @param modifier 图层修饰\n * @param state 状态对象\n * @param itemSpacing 图片间的间隔\n * @param beyondViewportPageCount 页面外缓存个数\n * @param enter 调用open时的进入动画\n * @param exit 调用close时的退出动画\n * @param debugMode 调试模式\n * @param detectGesture 检测手势\n * @param previewerLayer 容器的图层修饰\n * @param zoomablePolicy 缩放图层的修饰\n */\n@Composable\nfun Previewer(\n // 编辑参数\n modifier: Modifier = Modifier,\n // 状态对象\n state: PreviewerState,\n // 图片间的间隔\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n // 页面外缓存个数\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n // 进入动画\n enter: EnterTransition = DEFAULT_PREVIEWER_ENTER_TRANSITION,\n // 退出动画\n exit: ExitTransition = DEFAULT_PREVIEWER_EXIT_TRANSITION,\n // 调试模式\n debugMode: Boolean = false,\n // 检测手势\n detectGesture: PagerGestureScope = PagerGestureScope(),\n // 图层修饰\n previewerLayer: TransformLayerScope = TransformLayerScope(),\n // 缩放图层\n zoomablePolicy: @Composable PagerZoomablePolicyScope.(page: Int) -> Boolean,\n) {\n DraggablePreviewer(\n modifier = modifier,\n state = state,\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n enter = enter,\n exit = exit,\n debugMode = debugMode,\n detectGesture = detectGesture,\n previewerLayer = previewerLayer,\n zoomablePolicy = zoomablePolicy,\n )\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/previewer/TransformItem.kt", "content": "package com.jvziyaoyao.scale.zoomable.previewer\n\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.DisposableEffect\nimport androidx.compose.runtime.compositionLocalOf\nimport androidx.compose.runtime.mutableStateMapOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.layout.onGloballyPositioned\nimport androidx.compose.ui.layout.positionInRoot\nimport androidx.compose.ui.unit.IntSize\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.launch\n\ntypealias ItemStateMap = MutableMap\n\n/**\n * 在compose中获取一个TransformItemState的方式\n *\n * @param scope 协程作用域\n * @param checkInBound 判断当前图片是否在显示范围内，可以为空\n * @param intrinsicSize 图片的固有大小，必须要有值且确定才能正常显示\n * @return TransformItemState\n */\n@Composable\nfun rememberTransformItemState(\n scope: CoroutineScope = rememberCoroutineScope(),\n checkInBound: (TransformItemState.() -> Boolean)? = null,\n intrinsicSize: Size? = null,\n): TransformItemState {\n val transformItemState =\n remember {\n TransformItemState(\n scope = scope,\n checkInBound = checkInBound,\n )\n }\n transformItemState.intrinsicSize = intrinsicSize\n return transformItemState\n}\n\n/**\n * TransformItem的状态与控制对象\n *\n * @property key 当前TransformItem的唯一标识\n * @property blockCompose 实际TransformItem中显示的内容\n * @property scope 协程作用域\n * @property blockPosition TransformItem的绝对位置\n * @property blockSize TransformItem的大小\n * @property intrinsicSize 传入blockCompose的固有大小\n * @property checkInBound 判断当前TransformItem是否在显示范围内的方法\n */\nclass TransformItemState(\n var key: Any = Unit,\n var blockCompose: (@Composable (Any) -> Unit) = {},\n var scope: CoroutineScope,\n var blockPosition: Offset = Offset.Zero,\n var blockSize: IntSize = IntSize.Zero,\n var intrinsicSize: Size? = null,\n var checkInBound: (TransformItemState.() -> Boolean)? = null,\n) {\n\n private fun checkItemInMap(itemMap: ItemStateMap) {\n if (checkInBound == null) return\n if (checkInBound!!.invoke(this)) {\n addItem(itemMap = itemMap)\n } else {\n removeItem(itemMap = itemMap)\n }\n }\n\n /**\n * 位置和大小发生变化时\n * @param position Offset\n * @param size IntSize\n */\n internal fun onPositionChange(position: Offset, size: IntSize, itemMap: ItemStateMap) {\n blockPosition = position\n blockSize = size\n scope.launch {\n checkItemInMap(itemMap)\n }\n }\n\n /**\n * 判断item是否在所需范围内，返回true，则添加该item到map，返回false则移除\n * @param checkInBound Function0\n */\n fun checkIfInBound(itemMap: ItemStateMap, checkInBound: () -> Boolean) {\n if (checkInBound()) {\n addItem(itemMap = itemMap)\n } else {\n removeItem(itemMap = itemMap)\n }\n }\n\n /**\n * 添加item到map上\n * @param key Any?\n */\n fun addItem(key: Any? = null, itemMap: ItemStateMap) {\n // TODO mutex\n val currentKey = key ?: this.key\n if (checkInBound != null) return\n itemMap[currentKey] = this\n }\n\n /**\n * 从map上移除item\n * @param key Any?\n */\n fun removeItem(key: Any? = null, itemMap: ItemStateMap) {\n // TODO mutex\n val currentKey = key ?: this.key\n if (checkInBound != null) return\n itemMap.remove(currentKey)\n }\n}\n\n/**\n * 用于实现Previewer变换效果的小图装载容器\n *\n * @param modifier 图层修饰\n * @param key 唯一标识\n * @param itemState 该组件的状态与控制对象\n * @param itemVisible 该组件的可见性\n * @param content 需要显示的实际内容\n */\n@Composable\nfun TransformItemView(\n modifier: Modifier = Modifier,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n itemStateMap: ItemStateMap,\n itemVisible: Boolean,\n content: @Composable (Any) -> Unit,\n) {\n val scope = rememberCoroutineScope()\n itemState.key = key\n itemState.blockCompose = content\n DisposableEffect(key) {\n // 这个composable加载时添加到map\n scope.launch {\n itemState.addItem(itemMap = itemStateMap)\n }\n onDispose {\n // composable退出时从map移除\n itemState.removeItem(itemMap = itemStateMap)\n }\n }\n Box(\n modifier = modifier\n .onGloballyPositioned {\n itemState.onPositionChange(\n position = it.positionInRoot(),\n size = it.size,\n itemMap = itemStateMap,\n )\n }\n .fillMaxSize()\n ) {\n if (itemVisible) {\n itemState.blockCompose(key)\n }\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/previewer/TransformPreviewer.kt", "content": "package com.jvziyaoyao.scale.zoomable.previewer\n\nimport androidx.compose.animation.EnterTransition\nimport androidx.compose.animation.ExitTransition\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.MutableTransitionState\nimport androidx.compose.animation.core.tween\nimport androidx.compose.foundation.border\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.size\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.DisposableEffect\nimport androidx.compose.runtime.LaunchedEffect\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.remember\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.draw.alpha\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.graphics.TransformOrigin\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.layout.onSizeChanged\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.unit.Dp\nimport androidx.compose.ui.unit.IntSize\nimport androidx.compose.ui.unit.dp\nimport androidx.compose.ui.unit.toSize\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT\nimport com.jvziyaoyao.scale.zoomable.pager.DEFAULT_ITEM_SPACE\nimport com.jvziyaoyao.scale.zoomable.pager.PagerGestureScope\nimport com.jvziyaoyao.scale.zoomable.pager.PagerZoomablePolicyScope\nimport com.jvziyaoyao.scale.zoomable.pager.SupportedPagerState\nimport com.jvziyaoyao.scale.zoomable.util.DrawText\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.Job\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.flow.MutableStateFlow\nimport kotlinx.coroutines.flow.takeWhile\nimport kotlinx.coroutines.launch\n\n// 比较轻柔的动画窗格\nval DEFAULT_SOFT_ANIMATION_SPEC = tween(400)\n\n/**\n * @program: TransformPreviewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-12-11 20:21\n **/\n\n/**\n * 用于控制转换效果图层与图片列表浏览图层\n *\n * @property scope 协程作用域\n * @property defaultAnimationSpec 默认动画窗格\n * @property itemStateMap 用于获取transformItemState\n * @property getKey 根据下标获取唯一标识的方法\n * @constructor\n *\n * @param pagerState\n */\nopen class TransformPreviewerState(\n // 协程作用域\n private val scope: CoroutineScope,\n // 默认动画窗格\n var defaultAnimationSpec: AnimationSpec = DEFAULT_SOFT_ANIMATION_SPEC,\n // 预览状态\n pagerState: SupportedPagerState,\n // 用于获取transformItemState\n val itemStateMap: ItemStateMap,\n // 获取当前key\n val getKey: (Int) -> Any,\n) : PopupPreviewerState(pagerState) {\n\n val itemContentVisible = mutableStateOf(false)\n\n val containerSize = mutableStateOf(Size.Zero)\n\n val displayWidth = Animatable(0F)\n\n val displayHeight = Animatable(0F)\n\n val displayOffsetX = Animatable(0F)\n\n val displayOffsetY = Animatable(0F)\n\n // 查找key关联的transformItem\n private fun findTransformItem(key: Any): TransformItemState? {\n return itemStateMap[key]\n }\n\n // 根据index查询key\n fun findTransformItemByIndex(index: Int): TransformItemState? {\n val key = getKey(index)\n return findTransformItem(key)\n }\n\n val enterIndex = mutableStateOf(null)\n\n val mountedFlow = MutableStateFlow(false)\n\n val decorationAlpha = Animatable(0F)\n\n val previewerAlpha = Animatable(0F)\n\n private suspend fun awaitMounted() {\n mountedFlow.takeWhile { !it }.collect { }\n }\n\n private suspend fun enterTransformInternal(\n index: Int,\n animationSpec: AnimationSpec? = null\n ) {\n val currentAnimationSpec = animationSpec ?: defaultAnimationSpec\n val itemState = findTransformItemByIndex(index)\n if (itemState != null) {\n itemState.apply {\n stateOpenStart()\n\n mountedFlow.value = false\n\n enterIndex.value = index\n // 设置动画开始的位置\n displayWidth.snapTo(blockSize.width.toFloat())\n displayHeight.snapTo(blockSize.height.toFloat())\n displayOffsetX.snapTo(blockPosition.x)\n displayOffsetY.snapTo(blockPosition.y)\n itemContentVisible.value = true\n\n // 关闭修饰图层\n decorationAlpha.snapTo(0F)\n previewerAlpha.snapTo(0F)\n // 开启viewer图层\n animateContainerVisibleState = MutableTransitionState(true)\n\n val displaySize = if (intrinsicSize != null && intrinsicSize!!.isSpecified) {\n getDisplaySize(intrinsicSize!!, containerSize.value)\n } else {\n getDisplaySize(containerSize.value, containerSize.value)\n }\n// val displaySize = getDisplaySize(intrinsicSize ?: Size.Zero, containerSize.value)\n val targetX = (containerSize.value.width - displaySize.width).div(2)\n val targetY = (containerSize.value.height - displaySize.height).div(2)\n// val animationSpec = tween(600)f\n try {\n listOf(\n scope.async {\n decorationAlpha.animateTo(1F, currentAnimationSpec)\n },\n scope.async {\n displayWidth.animateTo(displaySize.width, currentAnimationSpec)\n },\n scope.async {\n displayHeight.animateTo(displaySize.height, currentAnimationSpec)\n },\n scope.async {\n displayOffsetX.animateTo(targetX, currentAnimationSpec)\n },\n scope.async {\n displayOffsetY.animateTo(targetY, currentAnimationSpec)\n },\n ).awaitAll()\n } catch (e: Exception) {\n e.printStackTrace()\n }\n\n previewerAlpha.snapTo(1F)\n\n updateState(animating = false, visible = false, visibleTarget = true)\n\n val alreadyScroll2Current = try {\n // 切换页面到index\n pagerState.scrollToPage(index)\n true\n } catch (e: Exception) {\n e.printStackTrace()\n false\n }\n\n // 25/6/25 在加载结束前标记动画结束\n updateState(animating = false, visible = true, visibleTarget = null)\n\n // 等待挂载成功\n if (alreadyScroll2Current) awaitMounted()\n // 动画结束，开启预览\n itemContentVisible.value = false\n // 恢复\n enterIndex.value = null\n\n // 25/6/25 在加载结束前标记动画结束\n // updateState(animating = false, visible = true, visibleTarget = null)\n }\n } else {\n open(index)\n }\n }\n\n private var enterTransformJob: Job? = null\n\n suspend fun enterTransform(\n index: Int,\n animationSpec: AnimationSpec? = null,\n ) {\n enterTransformJob = scope.launch {\n enterTransformInternal(index, animationSpec)\n }\n enterTransformJob?.join()\n }\n\n internal fun cancelEnterTransform() {\n enterTransformJob?.cancel()\n enterIndex.value = null\n }\n\n suspend fun exitTransform(animationSpec: AnimationSpec? = null) {\n // 取消开启动画\n cancelEnterTransform()\n // 获取当前页码\n val index = currentPage\n // 同步动画开始的位置\n val itemState = findTransformItemByIndex(index)\n if (itemState != null && itemState.blockSize != IntSize.Zero) {\n itemState.apply {\n stateCloseStart()\n\n val displaySize = getDisplaySize(intrinsicSize ?: Size.Zero, containerSize.value)\n val displayX = (containerSize.value.width - displaySize.width).div(2)\n val displayY = (containerSize.value.height - displaySize.height).div(2)\n var targetSize = displaySize\n var targetX = displayX\n var targetY = displayY\n zoomableViewState.value?.apply {\n targetSize = displaySize * scale.value\n targetX =\n offsetX.value + displayX - (targetSize.width - displaySize.width).div(2)\n targetY =\n offsetY.value + displayY - (targetSize.height - displaySize.height).div(2)\n }\n displayWidth.snapTo(targetSize.width)\n displayHeight.snapTo(targetSize.height)\n displayOffsetX.snapTo(targetX)\n displayOffsetY.snapTo(targetY)\n\n // 启动关闭\n exitFromCurrentState(itemState, animationSpec)\n\n stateCloseEnd()\n }\n } else {\n close()\n }\n }\n\n internal suspend fun exitFromCurrentState(\n itemState: TransformItemState,\n animationSpec: AnimationSpec? = null,\n ) {\n val currentAnimationSpec = animationSpec ?: defaultAnimationSpec\n // 动画结束，开启预览\n itemContentVisible.value = true\n // 关闭viewer图层\n previewerAlpha.snapTo(0F)\n\n try {\n itemState.apply {\n listOf(\n scope.async {\n decorationAlpha.animateTo(0F, currentAnimationSpec)\n },\n scope.async {\n displayWidth.animateTo(blockSize.width.toFloat(), currentAnimationSpec)\n },\n scope.async {\n displayHeight.animateTo(blockSize.height.toFloat(), currentAnimationSpec)\n },\n scope.async {\n displayOffsetX.animateTo(blockPosition.x, currentAnimationSpec)\n },\n scope.async {\n displayOffsetY.animateTo(blockPosition.y, currentAnimationSpec)\n },\n ).awaitAll()\n }\n } catch (e: Exception) {\n e.printStackTrace()\n }\n\n // 关闭viewer图层\n animateContainerVisibleState = MutableTransitionState(false)\n // 关闭图层\n itemContentVisible.value = false\n }\n\n override suspend fun openAction(\n index: Int,\n enterTransition: EnterTransition?,\n ) {\n // 显示修饰图层\n decorationAlpha.snapTo(1F)\n previewerAlpha.snapTo(1F)\n super.openAction(index, enterTransition)\n }\n\n}\n\n/**\n * 获取一个组件在容器中完全显示时的大小\n *\n * @param contentSize 组件的固有大小\n * @param containerSize 容器大小\n * @return 返回显示的大小\n */\nfun getDisplaySize(contentSize: Size, containerSize: Size): Size {\n val containerRatio = containerSize.run {\n width.div(height)\n }\n val contentRatio = contentSize.run {\n width.div(height)\n }\n val widthFixed = contentRatio > containerRatio\n val scale1x = if (widthFixed) {\n containerSize.width.div(contentSize.width)\n } else {\n containerSize.height.div(contentSize.height)\n }\n return Size(\n width = contentSize.width.times(scale1x),\n height = contentSize.height.times(scale1x),\n )\n}\n\n/**\n * 转换过程中的转换动效图层\n *\n * @param state 用于控制转换效果图层与图片列表浏览图层\n * @param debugMode 调试模式\n */\n@Composable\nfun TransformContentLayer(\n state: TransformPreviewerState,\n debugMode: Boolean = false,\n) {\n LocalDensity.current.apply {\n state.apply {\n BoxWithConstraints(\n modifier = Modifier.fillMaxSize()\n ) {\n val maxWidthPx = maxWidth.toPx()\n val maxHeightPx = maxHeight.toPx()\n val fitSize = getDisplaySize(\n containerSize = Size(maxWidthPx, maxHeightPx),\n contentSize = Size(displayWidth.value, displayHeight.value),\n )\n if (fitSize.isSpecified) {\n val targetScaleX = displayWidth.value.div(fitSize.width)\n val targetScaleY = displayHeight.value.div(fitSize.height)\n val actionColor = Color.Green\n Box(\n modifier = Modifier\n .graphicsLayer {\n scaleX = targetScaleX\n scaleY = targetScaleY\n translationX = displayOffsetX.value\n translationY = displayOffsetY.value\n transformOrigin = TransformOrigin(0F, 0F)\n }\n .size(\n width = fitSize.width.toDp(),\n height = fitSize.height.toDp()\n )\n .run {\n if (debugMode) border(width = 2.dp, color = actionColor) else this\n }\n ) {\n val item = findTransformItemByIndex(enterIndex.value ?: currentPage)\n item?.blockCompose?.invoke(item.key)\n if (debugMode) DrawText(text = \"Transform\", color = actionColor)\n }\n } else {\n if (debugMode) DrawText(text = \"FitSize unspecified\", color = Color.Yellow)\n }\n }\n }\n }\n}\n\n/**\n * 转换效果在切换到实际显示图层前的占位图层\n *\n * @param page 当前页码\n * @param state 图层控制对象\n * @param debugMode 是否处于调试模式\n */\n@Composable\nfun TransformContentForPage(\n page: Int,\n state: TransformPreviewerState,\n debugMode: Boolean = false,\n) {\n state.apply {\n val density = LocalDensity.current\n val item = findTransformItemByIndex(page)\n BoxWithConstraints(\n modifier = Modifier\n .fillMaxSize()\n ) {\n density.apply {\n item?.apply {\n val containerSize = Size(maxWidth.toPx(), maxHeight.toPx())\n intrinsicSize?.run {\n if (isSpecified) Size(width, height) else containerSize\n }?.let { contentSize ->\n val displaySize = getDisplaySize(\n containerSize = containerSize,\n contentSize = contentSize,\n )\n val actionColor = Color.Cyan\n Box(\n modifier = Modifier\n .size(\n width = displaySize.width.toDp(),\n height = displaySize.height.toDp(),\n )\n .run {\n if (debugMode) border(\n width = 2.dp,\n color = actionColor\n ) else this\n }\n .align(Alignment.Center),\n ) {\n blockCompose.invoke(item.key)\n if (debugMode) DrawText(text = \"TransformForPage\", color = actionColor)\n }\n }\n }\n }\n }\n }\n}\n\n/**\n * 通过这个对象可以自定义预览图层\n *\n * @property previewerDecoration 图层修饰\n * @property background 背景图层\n * @property foreground 前景图层\n */\nclass TransformLayerScope(\n var previewerDecoration: @Composable (innerBox: @Composable () -> Unit) -> Unit =\n @Composable { innerBox -> innerBox() },\n var background: @Composable () -> Unit = {},\n var foreground: @Composable () -> Unit = {},\n)\n\n/**\n * 支持弹出转换动画的图片预览组件\n *\n * @param modifier 图层修饰\n * @param state 状态对象\n * @param itemSpacing 图片间的间隔\n * @param beyondViewportPageCount 页面外缓存个数\n * @param enter 调用open时的进入动画\n * @param exit 调用close时的退出动画\n * @param debugMode 调试模式\n * @param detectGesture 检测手势\n * @param previewerLayer 容器的图层修饰\n * @param zoomablePolicy 缩放图层的修饰\n */\n@Composable\nfun TransformPreviewer(\n modifier: Modifier = Modifier,\n state: TransformPreviewerState,\n itemSpacing: Dp = DEFAULT_ITEM_SPACE,\n beyondViewportPageCount: Int = DEFAULT_BEYOND_VIEWPORT_ITEM_COUNT,\n enter: EnterTransition = DEFAULT_PREVIEWER_ENTER_TRANSITION,\n exit: ExitTransition = DEFAULT_PREVIEWER_EXIT_TRANSITION,\n debugMode: Boolean = false,\n detectGesture: PagerGestureScope = PagerGestureScope(),\n previewerLayer: TransformLayerScope = TransformLayerScope(),\n zoomablePolicy: @Composable PagerZoomablePolicyScope.(page: Int) -> Boolean,\n) {\n state.apply {\n Box(\n modifier = modifier\n .fillMaxSize()\n .onSizeChanged {\n containerSize.value = it.toSize()\n }) {\n PopupPreviewer(\n modifier = modifier.fillMaxSize(),\n state = this@apply,\n detectGesture = detectGesture,\n enter = enter,\n exit = exit,\n itemSpacing = itemSpacing,\n beyondViewportPageCount = beyondViewportPageCount,\n zoomablePolicy = { page ->\n Box(modifier = Modifier.fillMaxSize()) {\n val zoomableMounted = remember { mutableStateOf(false) }\n if (!zoomableMounted.value) {\n TransformContentForPage(\n page = page,\n state = state,\n debugMode = debugMode\n )\n }\n zoomableMounted.value = zoomablePolicy(page)\n LaunchedEffect(zoomableMounted.value) {\n// Log.i(\n// \"TAG\",\n// \"TransformBody TransformPreviewer: ${enterIndex.value == page} ~ ${zoomableMounted.value} ~ $page\"\n// )\n if (enterIndex.value == page && zoomableMounted.value) {\n// delay(1000)\n mountedFlow.emit(true)\n }\n }\n // 如果等待mounted时间很久，用户切换页面过快导致开启的页面被移除\n DisposableEffect(Unit) {\n onDispose {\n if (enterIndex.value == page && zoomableMounted.value) {\n if (!mountedFlow.value) {\n mountedFlow.value = true\n }\n }\n }\n }\n }\n },\n previewerDecoration = { innerBox ->\n @Composable\n fun capsuleLayer(content: @Composable () -> Unit) {\n Box(\n modifier = Modifier\n .alpha(decorationAlpha.value)\n ) { content() }\n }\n previewerLayer.apply {\n capsuleLayer { background() }\n previewerDecoration {\n Box(\n modifier = Modifier\n .fillMaxSize()\n .alpha(previewerAlpha.value)\n ) {\n innerBox()\n }\n }\n capsuleLayer { foreground() }\n }\n }\n )\n\n if (itemContentVisible.value && previewerAlpha.value != 1F) {\n TransformContentLayer(state = state, debugMode = debugMode)\n }\n }\n }\n\n}\n\n/**\n * 用于实现Previewer变换效果的小图装载容器\n *\n * @param modifier 图层修饰\n * @param key 唯一标识\n * @param itemState 该组件的状态与控制对象\n * @param transformState 预览组件的状态与控制对象\n * @param content 需要显示的实际内容\n */\n@Composable\nfun TransformItemView(\n modifier: Modifier = Modifier,\n key: Any,\n itemState: TransformItemState = rememberTransformItemState(),\n transformState: TransformPreviewerState,\n content: @Composable (Any) -> Unit,\n) {\n transformState.apply {\n val currentPageKey = try {\n getKey(currentPage)\n } catch (e: Exception) {\n null\n }\n val isCurrentPage = currentPageKey != key\n TransformItemView(\n modifier = modifier,\n key = key,\n itemState = itemState,\n itemStateMap = transformState.itemStateMap,\n itemVisible = if (!itemContentVisible.value) {\n if (previewerAlpha.value == 1F) {\n if (!visible) true else isCurrentPage\n } else true\n } else {\n if (previewerAlpha.value == 1F) {\n isCurrentPage\n } else {\n if (enterIndex.value != null) {\n getKey(enterIndex.value!!) != key\n } else isCurrentPage\n }\n },\n content = content,\n )\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/util/TextUtil.kt", "content": "package com.jvziyaoyao.scale.zoomable.util\n\nimport androidx.compose.foundation.Canvas\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.graphics.Color\nimport androidx.compose.ui.text.TextStyle\nimport androidx.compose.ui.text.drawText\nimport androidx.compose.ui.text.rememberTextMeasurer\nimport androidx.compose.ui.unit.TextUnit\nimport androidx.compose.ui.unit.sp\n\n@Composable\nfun DrawText(\n text: String,\n modifier: Modifier = Modifier,\n color: Color = Color.Black,\n fontSize: TextUnit = 16.sp,\n) {\n val textMeasurer = rememberTextMeasurer()\n BoxWithConstraints(modifier = modifier) {\n val layoutResult = textMeasurer.measure(\n text = text,\n style = TextStyle(\n color = color,\n fontSize = fontSize,\n )\n )\n\n Canvas(modifier = Modifier.fillMaxSize()) {\n drawText(layoutResult)\n }\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/util/TimeUtil.kt", "content": "package com.jvziyaoyao.scale.zoomable.util\n\nimport kotlin.time.Clock\nimport kotlin.time.ExperimentalTime\n\n@OptIn(ExperimentalTime::class)\nfun getMilliseconds(): Long {\n return Clock.System.now().toEpochMilliseconds()\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/zoomable/ZoomableGesture.kt", "content": "package com.jvziyaoyao.scale.zoomable.zoomable\n\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.input.pointer.PointerEvent\nimport androidx.compose.ui.input.pointer.positionChanged\nimport androidx.compose.ui.input.pointer.util.VelocityTracker\nimport androidx.compose.ui.util.fastForEach\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.launch\nimport kotlin.math.absoluteValue\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-11-24 16:58\n **/\n\n/**\n * 标记手势事件开始\n *\n * @param scope 用于进行变换的协程作用域\n */\nfun ZoomableViewState.onGestureStart(scope: CoroutineScope) {\n if (allowGestureInput) {\n eventChangeCount = 0\n velocityTracker = VelocityTracker()\n scope.launch {\n offsetX.stop()\n offsetY.stop()\n offsetX.updateBounds(null, null)\n offsetY.updateBounds(null, null)\n }\n }\n}\n\n/**\n * 标记手势事件结束\n *\n * @param scope 用于进行变换的协程作用域\n * @param transformOnly 仅转换\n */\nfun ZoomableViewState.onGestureEnd(scope: CoroutineScope, transformOnly: Boolean) {\n scope.apply {\n if (!transformOnly || !allowGestureInput || isRunning()) return\n var velocity = try {\n velocityTracker.calculateVelocity()\n } catch (e: Exception) {\n e.printStackTrace()\n null\n }\n // 如果缩放比小于1，要自动回到1\n // 如果缩放比大于最大显示缩放比，就设置回去，并且避免加速度\n val nextScale = when {\n scale.value < 1 -> 1F\n scale.value > maxScale -> {\n velocity = null\n maxScale\n }\n\n else -> null\n }\n launch {\n if (inBound(offsetX.value, boundX) && velocity != null) {\n val velocityX = if (velocity.x.isNaN()) 0F else velocity.x\n val vx = sameDirection(lastPan.x, velocityX)\n offsetX.updateBounds(boundX.first, boundX.second)\n offsetX.animateDecay(vx, decay)\n } else {\n val targetX = if (nextScale != maxScale) {\n offsetX.value\n } else {\n panTransformAndScale(\n offset = offsetX.value,\n center = centroid.x,\n bh = containerWidth,\n uh = displayWidth,\n fromScale = scale.value,\n toScale = nextScale\n )\n }\n offsetX.animateTo(limitToBound(targetX, boundX))\n }\n }\n launch {\n if (inBound(offsetY.value, boundY) && velocity != null) {\n val velocityY = if (velocity.y.isNaN()) 0F else velocity.y\n val vy = sameDirection(lastPan.y, velocityY)\n offsetY.updateBounds(boundY.first, boundY.second)\n offsetY.animateDecay(vy, decay)\n } else {\n val targetY = if (nextScale != maxScale) {\n offsetY.value\n } else {\n panTransformAndScale(\n offset = offsetY.value,\n center = centroid.y,\n bh = containerHeight,\n uh = displayHeight,\n fromScale = scale.value,\n toScale = nextScale\n )\n }\n offsetY.animateTo(limitToBound(targetY, boundY))\n }\n }\n launch {\n rotation.animateTo(0F)\n }\n nextScale?.let {\n launch {\n scale.animateTo(nextScale)\n }\n }\n }\n}\n\n/**\n * 输入手势事件\n *\n * @param scope 用于进行变换的协程作用域\n * @param center 手势中心坐标\n * @param pan 手势移动距离\n * @param zoom 手势缩放率\n * @param rotate 旋转角度\n * @param event 事件对象\n * @return 是否消费这次事件\n */\nfun ZoomableViewState.onGesture(\n scope: CoroutineScope,\n center: Offset,\n pan: Offset,\n zoom: Float,\n rotate: Float,\n event: PointerEvent\n): Boolean {\n if (!allowGestureInput) return true\n // 这里只记录最大手指数\n if (eventChangeCount <= event.changes.size) {\n eventChangeCount = event.changes.size\n } else {\n // 如果手指数从多个变成一个，就结束本次手势操作\n return false\n }\n\n var checkRotate = rotate\n var checkZoom = zoom\n // 如果是双指的情况下，手指距离小于一定值时，缩放和旋转的值会很离谱，所以在这种极端情况下就不要处理缩放和旋转了\n if (event.changes.size == 2) {\n val fingerDistanceOffset =\n event.changes[0].position - event.changes[1].position\n if (\n fingerDistanceOffset.x.absoluteValue < MIN_GESTURE_FINGER_DISTANCE\n && fingerDistanceOffset.y.absoluteValue < MIN_GESTURE_FINGER_DISTANCE\n ) {\n checkRotate = 0F\n checkZoom = 1F\n }\n }\n\n gestureCenter.value = center\n\n val currentOffsetX = offsetX.value\n val currentOffsetY = offsetY.value\n val currentScale = scale.value\n val currentRotation = rotation.value\n\n var nextScale = currentScale.times(checkZoom)\n // 检查最小放大倍率\n if (nextScale < MIN_SCALE) nextScale = MIN_SCALE\n\n // 最后一次的偏移量\n lastPan = pan\n // 记录手势的中点\n centroid = center\n // 计算边界，如果目标缩放值超过最大显示缩放值，边界就要用最大缩放值来计算，否则手势结束时会导致无法归位\n boundScale =\n if (nextScale > maxScale) maxScale else nextScale\n boundX =\n getBound(\n boundScale,\n containerWidth,\n displayWidth,\n )\n boundY =\n getBound(\n boundScale,\n containerHeight,\n displayHeight,\n )\n\n var nextOffsetX = panTransformAndScale(\n offset = currentOffsetX,\n center = center.x,\n bh = containerWidth,\n uh = displayWidth,\n fromScale = currentScale,\n toScale = nextScale\n ) + pan.x\n var nextOffsetY = panTransformAndScale(\n offset = currentOffsetY,\n center = center.y,\n bh = containerHeight,\n uh = displayHeight,\n fromScale = currentScale,\n toScale = nextScale\n ) + pan.y\n\n // 如果手指数1，就是拖拽，拖拽受范围限制\n // 如果手指数大于1，即有缩放事件，则支持中心点放大\n if (eventChangeCount == 1) {\n nextOffsetX = limitToBound(nextOffsetX, boundX)\n nextOffsetY = limitToBound(nextOffsetY, boundY)\n }\n\n val nextRotation = if (nextScale < 1) {\n currentRotation + checkRotate\n } else currentRotation\n\n // 添加到手势加速度\n velocityTracker.addPosition(\n event.changes[0].uptimeMillis,\n Offset(nextOffsetX, nextOffsetY),\n )\n\n if (!isRunning()) scope.launch {\n scale.snapTo(nextScale)\n offsetX.snapTo(nextOffsetX)\n offsetY.snapTo(nextOffsetY)\n rotation.snapTo(nextRotation)\n }\n\n // 这里判断是否已运动到边界，如果到了边界，就不消费事件，让上层界面获取到事件\n val canConsumeX = reachSide(pan.x, nextOffsetX, boundX)\n val canConsumeY = reachSide(pan.y, nextOffsetY, boundY)\n // 判断主要活动方向\n val canConsume = if (pan.x.absoluteValue > pan.y.absoluteValue) {\n canConsumeX\n } else {\n canConsumeY\n }\n if (canConsume || scale.value < 1) {\n event.changes.fastForEach {\n if (it.positionChanged()) {\n it.consume()\n }\n }\n }\n // 返回true，继续下一次手势\n return true\n}\n\n/**\n * 追踪缩放过程中的中心点\n */\nfun panTransformAndScale(\n offset: Float,\n center: Float,\n bh: Float,\n uh: Float,\n fromScale: Float,\n toScale: Float,\n): Float {\n val srcH = uh * fromScale\n val desH = uh * toScale\n val gapH = (bh - uh) / 2\n\n val py = when {\n uh >= bh -> {\n val upy = (uh * fromScale - uh).div(2)\n (upy - offset + center) / (fromScale * uh)\n }\n\n srcH > bh || bh > uh -> {\n val upy = (srcH - uh).div(2)\n (upy - gapH - offset + center) / (fromScale * uh)\n }\n\n else -> {\n val upy = -(bh - srcH).div(2)\n (upy - offset + center) / (fromScale * uh)\n }\n }\n return when {\n uh >= bh -> {\n val upy = (uh * toScale - uh).div(2)\n upy + center - py * toScale * uh\n }\n\n desH > bh -> {\n val upy = (desH - uh).div(2)\n upy - gapH + center - py * toScale * uh\n }\n\n else -> {\n val upy = -(bh - desH).div(2)\n upy + center - py * desH\n }\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/zoomable/ZoomableState.kt", "content": "package com.jvziyaoyao.scale.zoomable.zoomable\n\nimport androidx.compose.animation.core.Animatable\nimport androidx.compose.animation.core.AnimationSpec\nimport androidx.compose.animation.core.FloatExponentialDecaySpec\nimport androidx.compose.animation.core.SpringSpec\nimport androidx.compose.animation.core.generateDecayAnimationSpec\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.mutableStateOf\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.runtime.saveable.Saver\nimport androidx.compose.runtime.saveable.listSaver\nimport androidx.compose.runtime.saveable.rememberSaveable\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.geometry.isSpecified\nimport androidx.compose.ui.input.pointer.util.VelocityTracker\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.async\nimport kotlinx.coroutines.awaitAll\nimport kotlinx.coroutines.coroutineScope\nimport kotlinx.coroutines.launch\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-11-24 15:45\n\n **/\n\n// 默认X轴偏移量\nconst val DEFAULT_OFFSET_X = 0F\n\n// 默认Y轴偏移量\nconst val DEFAULT_OFFSET_Y = 0F\n\n// 默认缩放率\nconst val DEFAULT_SCALE = 1F\n\n// 默认旋转角度\nconst val DEFAULT_ROTATION = 0F\n\n// 图片最小缩放率\nconst val MIN_SCALE = 0.5F\n\n// 图片最大缩放率\n//const val MAX_SCALE_RATE = 8F\n//const val MAX_SCALE_RATE = 2F\nconst val MAX_SCALE_RATE = 4F\n\n// 最小手指手势间距\nconst val MIN_GESTURE_FINGER_DISTANCE = 200\n\nfun Float.assertInRange(min: Float, max: Float, name: String = \"value\") {\n require(this in min..max) {\n \"$name must be in range [$min, $max], but was $this\"\n }\n}\n\n/**\n * viewer状态对象，用于记录compose组件状态\n *\n * @property maxScale 最大缩放率\n * @constructor\n *\n * @param offsetX X轴偏移量\n * @param offsetY Y轴偏移量\n * @param scale 缩放率\n * @param rotation 旋转角度\n * @param animationSpec 动画窗格\n */\nopen class ZoomableViewState(\n val maxScale: Float = MAX_SCALE_RATE,\n offsetX: Float = DEFAULT_OFFSET_X,\n offsetY: Float = DEFAULT_OFFSET_Y,\n scale: Float = DEFAULT_SCALE,\n rotation: Float = DEFAULT_ROTATION,\n animationSpec: AnimationSpec? = null,\n) : CoroutineScope by MainScope() {\n\n // 默认动画窗格\n private var defaultAnimateSpec: AnimationSpec = animationSpec ?: SpringSpec()\n\n // x偏移\n val offsetX = Animatable(offsetX)\n\n // y偏移\n val offsetY = Animatable(offsetY)\n\n // 放大倍率\n val scale = Animatable(scale)\n\n // 旋转\n val rotation = Animatable(rotation)\n\n // 是否允许手势输入\n var allowGestureInput = true\n\n private val contentSizeState = mutableStateOf(null)\n\n val isSpecified: Boolean\n get() {\n return contentSizeState.value?.isSpecified == true\n }\n\n var contentSize: Size\n set(value) {\n contentSizeState.value = value\n }\n get() {\n return if (contentSizeState.value?.isSpecified == true) {\n contentSizeState.value!!\n } else {\n Size.Zero\n }\n }\n\n // 容器大小\n var containerSize = mutableStateOf(Size.Zero)\n\n val containerWidth: Float\n get() = containerSize.value.width\n\n val containerHeight: Float\n get() = containerSize.value.height\n\n private val containerRatio: Float\n get() = containerSize.value.run {\n width.div(height)\n }\n\n private val contentRatio: Float\n get() = contentSize.run {\n width.div(height)\n }\n\n // 宽度是否对齐视口\n private val widthFixed: Boolean\n get() = contentRatio > containerRatio\n\n // 1倍缩放率\n internal val scale1x: Float\n get() {\n return if (widthFixed) {\n containerSize.value.width.div(contentSize.width)\n } else {\n containerSize.value.height.div(contentSize.height)\n }\n }\n\n val displaySize: Size\n get() {\n return Size(displayWidth, displayHeight)\n }\n\n val displayWidth: Float\n get() {\n return contentSize.width.times(scale1x)\n }\n\n val displayHeight: Float\n get() {\n return contentSize.height.times(scale1x)\n }\n\n val realSize: Size\n get() {\n return Size(\n width = displayWidth.times(scale.value),\n height = displayHeight.times(scale.value)\n )\n }\n\n // 手势的中心点\n val gestureCenter = mutableStateOf(Offset.Zero)\n\n // 手势加速度\n var velocityTracker = VelocityTracker()\n\n // 最后一次偏移运动\n var lastPan = Offset.Zero\n\n // 减速运动动画曲线\n val decay = FloatExponentialDecaySpec(2f).generateDecayAnimationSpec()\n\n // 手势实时的偏移范围\n var boundX = Pair(0F, 0F)\n var boundY = Pair(0F, 0F)\n\n // 计算边界使用的缩放率\n var boundScale = 1F\n\n // 记录触摸事件中手指的个数\n var eventChangeCount = 0\n\n // 触摸时中心位置\n var centroid = Offset.Zero\n\n// // 挂载状态\n// val mountedFlow = MutableStateFlow(false)\n//\n// // 等待挂载\n// suspend fun awaitMounted() {\n// mountedFlow.apply {\n// withContext(Dispatchers.Default) {\n// takeWhile { !it }.collect()\n// }\n// }\n// }\n//\n// // 标记挂载\n// suspend fun onMounted() {\n// mountedFlow.emit(true)\n// }\n\n // 标识是否来自saver，旋转屏幕后会变成true\n// internal var fromSaver = false\n\n // 恢复的时间戳\n// private var resetTimeStamp by mutableStateOf(0L)\n\n /**\n * 判断是否有动画正在运行\n * @return Boolean\n */\n fun isRunning(): Boolean {\n return scale.isRunning\n || offsetX.isRunning\n || offsetY.isRunning\n || rotation.isRunning\n }\n\n internal fun updateContainerSize(size: Size) {\n containerSize.value = size\n }\n\n /**\n * 立即设置回初始值\n */\n suspend fun resetImmediately() {\n rotation.snapTo(DEFAULT_ROTATION)\n offsetX.snapTo(DEFAULT_OFFSET_X)\n offsetY.snapTo(DEFAULT_OFFSET_Y)\n scale.snapTo(DEFAULT_SCALE)\n }\n\n /**\n * 修正offsetX,offsetY的位置\n */\n suspend fun fixToBound() {\n boundX = getBound(\n scale.value,\n containerWidth,\n displayWidth,\n )\n boundY = getBound(\n scale.value,\n containerHeight,\n displayHeight,\n )\n val limitX = limitToBound(offsetX.value, boundX)\n val limitY = limitToBound(offsetY.value, boundY)\n coroutineScope {\n launch {\n offsetX.animateTo(limitX)\n }\n launch {\n offsetY.animateTo(limitY)\n }\n }\n }\n\n /**\n * 设置回初始值\n */\n suspend fun reset(animationSpec: AnimationSpec = defaultAnimateSpec) {\n coroutineScope {\n listOf(\n async {\n rotation.animateTo(DEFAULT_ROTATION, animationSpec)\n },\n async {\n offsetX.animateTo(DEFAULT_OFFSET_X, animationSpec)\n },\n async {\n offsetY.animateTo(DEFAULT_OFFSET_Y, animationSpec)\n },\n async {\n scale.animateTo(DEFAULT_SCALE, animationSpec)\n },\n ).awaitAll()\n }\n }\n\n /**\n * 放大到最大\n */\n private suspend fun scaleToMax(\n offset: Offset,\n animationSpec: AnimationSpec? = null\n ) {\n val currentAnimateSpec = animationSpec ?: defaultAnimateSpec\n\n var nextOffsetX = (containerWidth / 2 - offset.x) * maxScale\n var nextOffsetY = (containerHeight / 2 - offset.y) * maxScale\n\n val boundX = getBound(maxScale, containerWidth, displayWidth)\n val boundY = getBound(maxScale, containerHeight, displayHeight)\n\n nextOffsetX = limitToBound(nextOffsetX, boundX)\n nextOffsetY = limitToBound(nextOffsetY, boundY)\n\n // 启动\n coroutineScope {\n listOf(\n async {\n offsetX.updateBounds(null, null)\n offsetX.animateTo(nextOffsetX, currentAnimateSpec)\n offsetX.updateBounds(boundX.first, boundX.second)\n },\n async {\n offsetY.updateBounds(null, null)\n offsetY.animateTo(nextOffsetY, currentAnimateSpec)\n offsetY.updateBounds(boundY.first, boundY.second)\n },\n async {\n scale.animateTo(maxScale, currentAnimateSpec)\n },\n ).awaitAll()\n }\n }\n\n /**\n * 放大或缩小\n */\n suspend fun toggleScale(\n offset: Offset,\n animationSpec: AnimationSpec = defaultAnimateSpec\n ) {\n // 如果不等于1，就调回1\n if (scale.value != 1F) {\n reset(animationSpec)\n } else {\n scaleToMax(offset, animationSpec)\n }\n }\n\n companion object {\n val SAVER: Saver = listSaver(save = {\n listOf(it.offsetX.value, it.offsetY.value, it.scale.value, it.rotation.value)\n }, restore = {\n ZoomableViewState(\n offsetX = it[0],\n offsetY = it[1],\n scale = it[2],\n rotation = it[3],\n )\n })\n }\n\n}\n\n/**\n * 返回一个ZoomableState\n *\n * @param contentSize 内容尺寸大小，必填，不为空且大小确切的时候才能正常显示\n * @param maxScale 最大缩放比例\n * @param animationSpec 动画窗格\n * @return\n */\n@Composable\nfun rememberZoomableState(\n contentSize: Size? = null,\n maxScale: Float = MAX_SCALE_RATE,\n animationSpec: AnimationSpec? = null,\n): ZoomableViewState {\n val scope = rememberCoroutineScope()\n return rememberSaveable(saver = ZoomableViewState.SAVER) {\n ZoomableViewState(\n maxScale = maxScale,\n animationSpec = animationSpec,\n )\n }.apply {\n contentSize?.let {\n this.contentSize = it\n // 旋转后如果超出边界了要修复回去\n scope.launch { fixToBound() }\n }\n }\n}" }, { "path": "scale-zoomable-view/src/commonMain/kotlin/com/jvziyaoyao/scale/zoomable/zoomable/ZoomableView.kt", "content": "package com.jvziyaoyao.scale.zoomable.zoomable\n\nimport androidx.compose.foundation.gestures.awaitEachGesture\nimport androidx.compose.foundation.gestures.awaitFirstDown\nimport androidx.compose.foundation.gestures.calculateCentroid\nimport androidx.compose.foundation.gestures.calculateCentroidSize\nimport androidx.compose.foundation.gestures.calculatePan\nimport androidx.compose.foundation.gestures.calculateRotation\nimport androidx.compose.foundation.gestures.calculateZoom\nimport androidx.compose.foundation.gestures.detectTapGestures\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.BoxWithConstraints\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.height\nimport androidx.compose.foundation.layout.width\nimport androidx.compose.runtime.Composable\nimport androidx.compose.runtime.rememberCoroutineScope\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.geometry.Offset\nimport androidx.compose.ui.geometry.Size\nimport androidx.compose.ui.graphics.TransformOrigin\nimport androidx.compose.ui.graphics.graphicsLayer\nimport androidx.compose.ui.input.pointer.PointerEvent\nimport androidx.compose.ui.input.pointer.PointerEventType\nimport androidx.compose.ui.input.pointer.PointerInputScope\nimport androidx.compose.ui.input.pointer.pointerInput\nimport androidx.compose.ui.platform.LocalDensity\nimport androidx.compose.ui.util.fastAny\nimport com.jvziyaoyao.scale.zoomable.util.getMilliseconds\nimport kotlinx.coroutines.CoroutineScope\nimport kotlinx.coroutines.Dispatchers\nimport kotlinx.coroutines.MainScope\nimport kotlinx.coroutines.cancel\nimport kotlinx.coroutines.delay\nimport kotlinx.coroutines.launch\nimport kotlin.math.PI\nimport kotlin.math.abs\nimport kotlin.math.absoluteValue\n\n/**\n * @program: ImageViewer\n *\n * @description:\n *\n * @author: JVZIYAOYAO\n *\n * @create: 2023-11-24 10:15\n **/\n\n/**\n * ZoomableView手势对象\n *\n * @property onTap 点击事件\n * @property onDoubleTap 双击事件\n * @property onLongPress 长按事件\n */\nclass ZoomableGestureScope(\n var onTap: (Offset) -> Unit = {},\n var onDoubleTap: (Offset) -> Unit = {},\n var onLongPress: (Offset) -> Unit = {},\n)\n\n/**\n * 支持对Composable就行手势缩放的组件\n *\n * @param modifier 图层修饰\n * @param boundClip 是否限制显示范围\n * @param state ZoomableView的状态与控制对象\n * @param detectGesture 组件手势回调\n * @param content 用于进行手势缩放的显示内容\n */\n@Composable\nfun ZoomableView(\n modifier: Modifier = Modifier,\n boundClip: Boolean = true,\n state: ZoomableViewState,\n detectGesture: ZoomableGestureScope = ZoomableGestureScope(),\n content: @Composable () -> Unit,\n) {\n val density = LocalDensity.current\n val scope = rememberCoroutineScope()\n state.apply {\n BoxWithConstraints(\n modifier = modifier\n .fillMaxSize()\n .graphicsLayer {\n clip = boundClip\n }\n .pointerInput(state, detectGesture) {\n detectTapGestures(onLongPress = { detectGesture.onLongPress(it) })\n }\n .pointerInput(state, detectGesture) {\n detectTransformGestures(\n onTap = { detectGesture.onTap(it) },\n onDoubleTap = { detectGesture.onDoubleTap(it) },\n gestureStart = {\n onGestureStart(scope)\n },\n gestureEnd = { transformOnly ->\n onGestureEnd(scope, transformOnly)\n },\n onGesture = { center, pan, zoom, rotate, event ->\n onGesture(scope, center, pan, zoom, rotate, event)\n },\n )\n },\n contentAlignment = Alignment.Center,\n ) {\n // 确保在不指定容器大小的情况下充满外部容器大小\n density.apply {\n updateContainerSize(\n Size(\n width = maxWidth.toPx(),\n height = maxHeight.toPx(),\n )\n )\n }\n\n Box(\n modifier = Modifier\n .graphicsLayer {\n transformOrigin = TransformOrigin.Center\n scaleX = scale.value\n scaleY = scale.value\n translationX = offsetX.value\n translationY = offsetY.value\n rotationZ = rotation.value\n }\n .width(density.run { displayWidth.toDp() })\n .height(density.run { displayHeight.toDp() })\n ) {\n content()\n }\n }\n }\n}\n\n/**\n * 判断手势移动是否已经到达边缘\n *\n * @param pan 手势移动的距离\n * @param offset 当前偏移量\n * @param bound 限制位移的范围\n * @return 是否到底边缘\n */\ninternal fun reachSide(pan: Float, offset: Float, bound: Pair): Boolean {\n val reachRightSide = offset <= bound.first\n val reachLeftSide = offset >= bound.second\n return !(reachLeftSide && pan > 0)\n && !(reachRightSide && pan < 0)\n && !(reachLeftSide && reachRightSide)\n}\n\n/**\n * 把位移限制在边界内\n *\n * @param offset 偏移量\n * @param bound 限制位移的范围\n * @return\n */\nfun limitToBound(offset: Float, bound: Pair): Float {\n return when {\n offset <= bound.first -> {\n bound.first\n }\n\n offset > bound.second -> {\n bound.second\n }\n\n else -> {\n offset\n }\n }\n}\n\n/**\n * 判断位移是否在边界内\n */\nfun inBound(offset: Float, bound: Pair): Boolean {\n return if (offset > 0) {\n offset < bound.second\n } else if (offset < 0) {\n offset > bound.first\n } else {\n true\n }\n}\n\n/**\n * 获取移动边界\n */\nfun getBound(scale: Float, bw: Float, dw: Float): Pair {\n val rw = scale.times(dw)\n val bound = if (rw > bw) {\n var xb = (rw - bw).div(2)\n if (xb < 0) xb = 0F\n xb\n } else {\n 0F\n }\n return Pair(-bound, bound)\n}\n\n/**\n * 让后一个数与前一个数的符号保持一致\n * @param a Float\n * @param b Float\n * @return Float\n */\nfun sameDirection(a: Float, b: Float): Float {\n return if (a > 0) {\n if (b < 0) {\n b.absoluteValue\n } else {\n b\n }\n } else {\n if (b > 0) {\n -b\n } else {\n b\n }\n }\n}\n\n/**\n * 重写事件监听方法\n */\nsuspend fun PointerInputScope.detectTransformGestures(\n panZoomLock: Boolean = false,\n gestureStart: () -> Unit = {},\n gestureEnd: (Boolean) -> Unit = {},\n onTap: (Offset) -> Unit = {},\n onDoubleTap: (Offset) -> Unit = {},\n onGesture: (centroid: Offset, pan: Offset, zoom: Float, rotation: Float, event: PointerEvent) -> Boolean,\n) {\n var lastReleaseTime = 0L\n var scope: CoroutineScope? = null\n awaitEachGesture {\n var rotation = 0f\n var zoom = 1f\n var pan = Offset.Zero\n var pastTouchSlop = false\n val touchSlop = viewConfiguration.touchSlop\n var lockedToPanZoom = false\n\n awaitFirstDown(requireUnconsumed = false)\n val t0 = getMilliseconds()\n var releasedEvent: PointerEvent? = null\n var moveCount = 0\n // 这里开始事件\n gestureStart()\n do {\n val event = awaitPointerEvent()\n if (event.type == PointerEventType.Release) releasedEvent = event\n if (event.type == PointerEventType.Move) moveCount++\n val canceled = event.changes.fastAny { it.isConsumed }\n if (!canceled) {\n val zoomChange = event.calculateZoom()\n val rotationChange = event.calculateRotation()\n val panChange = event.calculatePan()\n\n if (!pastTouchSlop) {\n zoom *= zoomChange\n rotation += rotationChange\n pan += panChange\n\n val centroidSize = event.calculateCentroidSize(useCurrent = false)\n val zoomMotion = abs(1 - zoom) * centroidSize\n val rotationMotion = abs(rotation * PI.toFloat() * centroidSize / 180f)\n val panMotion = pan.getDistance()\n\n if (zoomMotion > touchSlop ||\n rotationMotion > touchSlop ||\n panMotion > touchSlop\n ) {\n pastTouchSlop = true\n lockedToPanZoom = panZoomLock && rotationMotion < touchSlop\n }\n }\n if (pastTouchSlop) {\n val centroid = event.calculateCentroid(useCurrent = false)\n val effectiveRotation = if (lockedToPanZoom) 0f else rotationChange\n if (effectiveRotation != 0f ||\n zoomChange != 1f ||\n panChange != Offset.Zero\n ) {\n if (!onGesture(\n centroid,\n panChange,\n zoomChange,\n effectiveRotation,\n event\n )\n ) break\n }\n }\n }\n } while (!canceled && event.changes.fastAny { it.pressed })\n\n var t1 = getMilliseconds()\n val dt = t1 - t0\n val dlt = t1 - lastReleaseTime\n\n if (moveCount == 0) releasedEvent?.let { e ->\n if (e.changes.isEmpty()) return@let\n val offset = e.changes.first().position\n if (dlt < 272) {\n t1 = 0L\n scope?.cancel()\n onDoubleTap(offset)\n } else if (dt < 200) {\n scope = MainScope()\n scope.launch(Dispatchers.Main) {\n delay(272)\n onTap(offset)\n }\n }\n lastReleaseTime = t1\n }\n\n // 这里是事件结束\n gestureEnd(moveCount != 0)\n }\n}" }, { "path": "settings.gradle.kts", "content": "pluginManagement {\n repositories {\n gradlePluginPortal()\n google()\n mavenCentral()\n }\n}\ndependencyResolutionManagement {\n repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)\n repositories {\n google()\n mavenCentral()\n mavenLocal()\n maven(url = \"https://jitpack.io\")\n }\n}\nrootProject.name = \"scale\"\ninclude(\":sample-android\")\ninclude(\":sample-kmp\")\ninclude(\":scale-zoomable-view\")\ninclude(\":scale-sampling-decoder\")\ninclude(\":scale-image-viewer\")\ninclude(\":scale-image-viewer-classic\")" } ]