├── .gitignore ├── .idea ├── codeStyles │ ├── Project.xml │ └── codeStyleConfig.xml ├── misc.xml └── runConfigurations.xml ├── LICENSE ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── ww │ │ └── photoscontentview │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── ww │ │ │ └── photoscontentview │ │ │ ├── Data.kt │ │ │ ├── ImageAdapter.kt │ │ │ └── MainActivity.kt │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable-xxhdpi │ │ └── avatar_icon.png │ │ ├── drawable │ │ └── ic_launcher_background.xml │ │ ├── layout │ │ ├── activity_main.xml │ │ └── recycler_item_image.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.xml │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── ww │ └── photoscontentview │ └── ExampleUnitTest.kt ├── build.gradle ├── demonstrate.gif ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── photoscontentview ├── .gitignore ├── build.gradle ├── consumer-rules.pro ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── ww │ │ └── photoscontentview │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── ww │ │ │ └── photoscontentview │ │ │ ├── PhotoImageView.kt │ │ │ ├── PhotosContentView.kt │ │ │ └── PhotosContentViewAdapter.kt │ └── res │ │ └── values │ │ └── attrs.xml │ └── test │ └── java │ └── com │ └── ww │ └── photoscontentview │ └── ExampleUnitTest.kt └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.aar 4 | *.ap_ 5 | *.aab 6 | 7 | # Files for the ART/Dalvik VM 8 | *.dex 9 | 10 | # Java class files 11 | *.class 12 | 13 | # Generated files 14 | bin/ 15 | gen/ 16 | out/ 17 | # Uncomment the following line in case you need and you don't have the release build type files in your app 18 | # release/ 19 | 20 | # Gradle files 21 | .gradle/ 22 | build/ 23 | 24 | # Local configuration file (sdk path, etc) 25 | local.properties 26 | 27 | # Proguard folder generated by Eclipse 28 | proguard/ 29 | 30 | # Log Files 31 | *.log 32 | 33 | # Android Studio Navigation editor temp files 34 | .navigation/ 35 | 36 | # Android Studio captures folder 37 | captures/ 38 | 39 | # IntelliJ 40 | *.iml 41 | .idea/workspace.xml 42 | .idea/tasks.xml 43 | .idea/gradle.xml 44 | .idea/assetWizardSettings.xml 45 | .idea/dictionaries 46 | .idea/libraries 47 | # Android Studio 3 in .gitignore file. 48 | .idea/caches 49 | .idea/modules.xml 50 | # Comment next line if keeping position of elements in Navigation Editor is relevant for you 51 | .idea/navEditor.xml 52 | 53 | # Keystore files 54 | # Uncomment the following lines if you do not want to check your keystore files in. 55 | #*.jks 56 | #*.keystore 57 | 58 | # External native build folder generated in Android Studio 2.2 and later 59 | .externalNativeBuild 60 | .cxx/ 61 | 62 | # Google Services (e.g. APIs or Firebase) 63 | # google-services.json 64 | 65 | # Freeline 66 | freeline.py 67 | freeline/ 68 | freeline_project_description.json 69 | 70 | # fastlane 71 | fastlane/report.xml 72 | fastlane/Preview.html 73 | fastlane/screenshots 74 | fastlane/test_output 75 | fastlane/readme.md 76 | 77 | # Version control 78 | vcs.xml 79 | 80 | # lint 81 | lint/intermediates/ 82 | lint/generated/ 83 | lint/outputs/ 84 | lint/tmp/ 85 | # lint/reports/ 86 | -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | xmlns:android 17 | 18 | ^$ 19 | 20 | 21 | 22 |
23 |
24 | 25 | 26 | 27 | xmlns:.* 28 | 29 | ^$ 30 | 31 | 32 | BY_NAME 33 | 34 |
35 |
36 | 37 | 38 | 39 | .*:id 40 | 41 | http://schemas.android.com/apk/res/android 42 | 43 | 44 | 45 |
46 |
47 | 48 | 49 | 50 | .*:name 51 | 52 | http://schemas.android.com/apk/res/android 53 | 54 | 55 | 56 |
57 |
58 | 59 | 60 | 61 | name 62 | 63 | ^$ 64 | 65 | 66 | 67 |
68 |
69 | 70 | 71 | 72 | style 73 | 74 | ^$ 75 | 76 | 77 | 78 |
79 |
80 | 81 | 82 | 83 | .* 84 | 85 | ^$ 86 | 87 | 88 | BY_NAME 89 | 90 |
91 |
92 | 93 | 94 | 95 | .* 96 | 97 | http://schemas.android.com/apk/res/android 98 | 99 | 100 | ANDROID_ATTRIBUTE_ORDER 101 | 102 |
103 |
104 | 105 | 106 | 107 | .* 108 | 109 | .* 110 | 111 | 112 | BY_NAME 113 | 114 |
115 | 116 | 117 | 118 | 119 | 121 | 122 | -------------------------------------------------------------------------------- /.idea/codeStyles/codeStyleConfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # PhotosContentView 2 | 仿照朋友圈、微博展示的九宫格图片，支持使用Glide、Picasso等加载图片，支持点击事件，使用简单 3 | 4 | 该项目是根据 [https://github.com/jeasonlzy/NineGridView](https://github.com/jeasonlzy/NineGridView) 修改的 kotlin 版本 5 | 6 | #### 效果 7 | ![](https://github.com/wvisible/PhotosContentView/blob/master/demonstrate.gif) 8 | #### 如何使用 9 | 下载源码通过如下方式集成或者直接复制源码： 10 | ``` 11 | implementation project(':photoscontentview') 12 | ``` 13 | 初始化适配器并设置： 14 | ``` 15 | photosContentView.setAdapter(object : PhotosContentViewAdapter() { 16 | override fun onDisplayImage(context: Context, imageView: ImageView, data: String) { 17 | Glide.with(context) 18 | .load(data) 19 | .apply( 20 | RequestOptions().transform( 21 | MultiTransformation(CenterCrop(), RoundedCorners(20)) 22 | )) 23 | .into(imageView) 24 | } 25 | 26 | override fun onItemImageClick( 27 | context: Context, imageView: ImageView, 28 | index: Int, list: MutableList) { 29 | Toast.makeText(context, list[index], Toast.LENGTH_LONG).show() 30 | } 31 | }) 32 | ``` 33 | 然后设置数据源： 34 | ``` 35 | private val imageList = mutableListOf() 36 | photosContentView.setImageData(imageList) 37 | ``` 38 | #### 项目功能 39 | - 支持设置单张大图尺寸 40 | - 支持fill和grid两种模式，grid模式下4张图片显示2*2 41 | - 自动根据图片张数调整大小 42 | - 根据适配器模式设置图片加载和自定义的ImageView 43 | - 支持Glide、Picasso等加载图片 44 | - 支持点击事件 45 | 46 | #### License 47 | PhotosContentView is licensed under the Apache License 2.0. See the LICENSE.txt file for more information. 48 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | apply plugin: 'kotlin-android' 3 | apply plugin: 'kotlin-android-extensions' 4 | apply plugin: 'kotlin-kapt' 5 | 6 | android { 7 | compileSdkVersion 29 8 | buildToolsVersion "29.0.2" 9 | 10 | defaultConfig { 11 | applicationId "com.ww.photoscontentview" 12 | minSdkVersion 21 13 | targetSdkVersion 29 14 | versionCode 1 15 | versionName "1.0" 16 | 17 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 18 | } 19 | 20 | buildTypes { 21 | release { 22 | minifyEnabled false 23 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 24 | } 25 | } 26 | 27 | viewBinding { 28 | enabled = true 29 | } 30 | compileOptions { 31 | sourceCompatibility JavaVersion.VERSION_1_8 32 | targetCompatibility JavaVersion.VERSION_1_8 33 | } 34 | kotlinOptions { 35 | jvmTarget = "1.8" 36 | } 37 | } 38 | 39 | dependencies { 40 | implementation fileTree(dir: 'libs', include: ['*.jar']) 41 | implementation project(':photoscontentview') 42 | 43 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 44 | implementation 'androidx.appcompat:appcompat:1.1.0' 45 | implementation 'androidx.core:core-ktx:1.2.0' 46 | implementation 'androidx.constraintlayout:constraintlayout:1.1.3' 47 | implementation 'com.github.bumptech.glide:glide:4.11.0' 48 | kapt 'com.github.bumptech.glide:compiler:4.11.0' 49 | implementation 'androidx.recyclerview:recyclerview:1.1.0' 50 | testImplementation 'junit:junit:4.12' 51 | androidTestImplementation 'androidx.test.ext:junit:1.1.1' 52 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' 53 | } 54 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile 22 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/ww/photoscontentview/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.ww.photoscontentview", appContext.packageName) 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /app/src/main/java/com/ww/photoscontentview/Data.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | data class Data( 4 | val nickname: String = "", 5 | val content: String = "", 6 | val photoList: MutableList = mutableListOf() 7 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/ww/photoscontentview/ImageAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import android.content.Context 4 | import android.view.LayoutInflater 5 | import android.view.ViewGroup 6 | import android.widget.ImageView 7 | import android.widget.Toast 8 | import androidx.recyclerview.widget.RecyclerView 9 | import com.bumptech.glide.Glide 10 | import com.bumptech.glide.load.MultiTransformation 11 | import com.bumptech.glide.load.resource.bitmap.CenterCrop 12 | import com.bumptech.glide.load.resource.bitmap.RoundedCorners 13 | import com.bumptech.glide.request.RequestOptions 14 | import com.ww.photoscontentview.databinding.RecyclerItemImageBinding 15 | 16 | class ImageAdapter(private val dataList: MutableList) : RecyclerView.Adapter() { 17 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ImageViewHolder { 18 | return ImageViewHolder(RecyclerItemImageBinding.inflate(LayoutInflater.from(parent.context), parent, false)) 19 | } 20 | 21 | override fun getItemCount(): Int { 22 | return dataList.size 23 | } 24 | 25 | override fun onBindViewHolder(holder: ImageViewHolder, position: Int) { 26 | val bean = dataList[position] 27 | holder.bind(bean) 28 | } 29 | 30 | class ImageViewHolder(private val binding: RecyclerItemImageBinding) : RecyclerView.ViewHolder(binding.root) { 31 | fun bind(bean: Data) { 32 | binding.nickname.text = bean.nickname 33 | binding.content.text = bean.content 34 | binding.photosContentView.setAdapter(object : PhotosContentViewAdapter() { 35 | override fun onDisplayImage(context: Context, imageView: ImageView, data: String) { 36 | Glide.with(context) 37 | .load(data) 38 | .apply( 39 | RequestOptions().transform( 40 | MultiTransformation(CenterCrop(), RoundedCorners(20)) 41 | )) 42 | .into(imageView) 43 | } 44 | 45 | override fun onItemImageClick( 46 | context: Context, imageView: ImageView, 47 | index: Int, list: MutableList) { 48 | Toast.makeText(context, list[index], Toast.LENGTH_LONG).show() 49 | } 50 | }) 51 | binding.photosContentView.setImageData(bean.photoList) 52 | } 53 | } 54 | } -------------------------------------------------------------------------------- /app/src/main/java/com/ww/photoscontentview/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import android.os.Bundle 4 | import android.view.LayoutInflater 5 | import androidx.appcompat.app.AppCompatActivity 6 | import com.ww.photoscontentview.databinding.ActivityMainBinding 7 | 8 | class MainActivity : AppCompatActivity() { 9 | private lateinit var binding: ActivityMainBinding 10 | 11 | private val imageList = mutableListOf( 12 | "https://cdn.pixabay.com/photo/2015/03/28/16/40/lake-696098_1280.jpg", 13 | "https://cdn.pixabay.com/photo/2014/07/30/02/00/iceberg-404966__480.jpg", 14 | "https://cdn.pixabay.com/photo/2012/10/30/15/55/hayden-valley-63564__480.jpg", 15 | "https://cdn.pixabay.com/photo/2015/07/28/22/11/wheat-865152__480.jpg", 16 | "https://cdn.pixabay.com/photo/2017/05/08/13/15/spring-bird-2295431__480.jpg", 17 | "https://cdn.pixabay.com/photo/2017/05/06/14/13/pathway-2289978__480.jpg", 18 | "https://cdn.pixabay.com/photo/2016/01/18/09/46/yoga-1146277__480.jpg", 19 | "https://cdn.pixabay.com/photo/2020/02/29/19/02/norderney-4890873__480.jpg", 20 | "https://cdn.pixabay.com/photo/2020/03/24/05/37/family-4962871__480.jpg" 21 | ) 22 | 23 | override fun onCreate(savedInstanceState: Bundle?) { 24 | super.onCreate(savedInstanceState) 25 | binding = ActivityMainBinding.inflate(LayoutInflater.from(this)) 26 | setContentView(binding.root) 27 | val dataList = mutableListOf() 28 | for (index in imageList.indices) { 29 | dataList.add(Data("追风筝的人", 30 | "朴塘村的美，不张扬，不显露，不败落，不颓废，一切皆在四季的更替中，安然呈现。", 31 | imageList.subList(0, index + 1))) 32 | } 33 | binding.recyclerView.adapter = ImageAdapter(dataList) 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 15 | 18 | 21 | 22 | 23 | 24 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/avatar_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/drawable-xxhdpi/avatar_icon.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 13 | -------------------------------------------------------------------------------- /app/src/main/res/layout/recycler_item_image.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 16 | 17 | 28 | 29 | 38 | 39 | 50 | 51 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #6200EE 4 | #3700B3 5 | #03DAC5 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | PhotosContentView 3 | 4 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/test/java/com/ww/photoscontentview/ExampleUnitTest.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import org.junit.Test 4 | 5 | import org.junit.Assert.* 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * See [testing documentation](http://d.android.com/tools/testing). 11 | */ 12 | class ExampleUnitTest { 13 | @Test 14 | fun addition_isCorrect() { 15 | assertEquals(4, 2 + 2) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext.kotlin_version = '1.3.71' 5 | repositories { 6 | google() 7 | jcenter() 8 | 9 | } 10 | dependencies { 11 | classpath 'com.android.tools.build:gradle:3.6.3' 12 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 13 | 14 | // NOTE: Do not place your application dependencies here; they belong 15 | // in the individual module build.gradle files 16 | } 17 | } 18 | 19 | allprojects { 20 | repositories { 21 | google() 22 | jcenter() 23 | 24 | } 25 | } 26 | 27 | task clean(type: Delete) { 28 | delete rootProject.buildDir 29 | } 30 | -------------------------------------------------------------------------------- /demonstrate.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/demonstrate.gif -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | # IDE (e.g. Android Studio) users: 3 | # Gradle settings configured through the IDE *will override* 4 | # any settings specified in this file. 5 | # For more details on how to configure your build environment visit 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html 7 | # Specifies the JVM arguments used for the daemon process. 8 | # The setting is particularly useful for tweaking memory settings. 9 | org.gradle.jvmargs=-Xmx1536m 10 | # When configured, Gradle will run in incubating parallel mode. 11 | # This option should only be used with decoupled projects. More details, visit 12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 13 | # org.gradle.parallel=true 14 | # AndroidX package structure to make it clearer which packages are bundled with the 15 | # Android operating system, and which are packaged with your app's APK 16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 17 | android.useAndroidX=true 18 | # Automatically convert third-party libraries to use AndroidX 19 | android.enableJetifier=true 20 | # Kotlin code style for this project: "official" or "obsolete": 21 | kotlin.code.style=official 22 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Sun Mar 29 14:47:01 CST 2020 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.4-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Attempt to set APP_HOME 10 | # Resolve links: $0 may be a link 11 | PRG="$0" 12 | # Need this for relative symlinks. 13 | while [ -h "$PRG" ] ; do 14 | ls=`ls -ld "$PRG"` 15 | link=`expr "$ls" : '.*-> \(.*\)$'` 16 | if expr "$link" : '/.*' > /dev/null; then 17 | PRG="$link" 18 | else 19 | PRG=`dirname "$PRG"`"/$link" 20 | fi 21 | done 22 | SAVED="`pwd`" 23 | cd "`dirname \"$PRG\"`/" >/dev/null 24 | APP_HOME="`pwd -P`" 25 | cd "$SAVED" >/dev/null 26 | 27 | APP_NAME="Gradle" 28 | APP_BASE_NAME=`basename "$0"` 29 | 30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 31 | DEFAULT_JVM_OPTS="" 32 | 33 | # Use the maximum available, or set MAX_FD != -1 to use that value. 34 | MAX_FD="maximum" 35 | 36 | warn () { 37 | echo "$*" 38 | } 39 | 40 | die () { 41 | echo 42 | echo "$*" 43 | echo 44 | exit 1 45 | } 46 | 47 | # OS specific support (must be 'true' or 'false'). 48 | cygwin=false 49 | msys=false 50 | darwin=false 51 | nonstop=false 52 | case "`uname`" in 53 | CYGWIN* ) 54 | cygwin=true 55 | ;; 56 | Darwin* ) 57 | darwin=true 58 | ;; 59 | MINGW* ) 60 | msys=true 61 | ;; 62 | NONSTOP* ) 63 | nonstop=true 64 | ;; 65 | esac 66 | 67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 68 | 69 | # Determine the Java command to use to start the JVM. 70 | if [ -n "$JAVA_HOME" ] ; then 71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 72 | # IBM's JDK on AIX uses strange locations for the executables 73 | JAVACMD="$JAVA_HOME/jre/sh/java" 74 | else 75 | JAVACMD="$JAVA_HOME/bin/java" 76 | fi 77 | if [ ! -x "$JAVACMD" ] ; then 78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 79 | 80 | Please set the JAVA_HOME variable in your environment to match the 81 | location of your Java installation." 82 | fi 83 | else 84 | JAVACMD="java" 85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 86 | 87 | Please set the JAVA_HOME variable in your environment to match the 88 | location of your Java installation." 89 | fi 90 | 91 | # Increase the maximum file descriptors if we can. 92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 93 | MAX_FD_LIMIT=`ulimit -H -n` 94 | if [ $? -eq 0 ] ; then 95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 96 | MAX_FD="$MAX_FD_LIMIT" 97 | fi 98 | ulimit -n $MAX_FD 99 | if [ $? -ne 0 ] ; then 100 | warn "Could not set maximum file descriptor limit: $MAX_FD" 101 | fi 102 | else 103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 104 | fi 105 | fi 106 | 107 | # For Darwin, add options to specify how the application appears in the dock 108 | if $darwin; then 109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 110 | fi 111 | 112 | # For Cygwin, switch paths to Windows format before running java 113 | if $cygwin ; then 114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 116 | JAVACMD=`cygpath --unix "$JAVACMD"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Escape application args 158 | save () { 159 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 160 | echo " " 161 | } 162 | APP_ARGS=$(save "$@") 163 | 164 | # Collect all arguments for the java command, following the shell quoting and substitution rules 165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 166 | 167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong 168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then 169 | cd "$(dirname "$0")" 170 | fi 171 | 172 | exec "$JAVACMD" "$@" 173 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | set DIRNAME=%~dp0 12 | if "%DIRNAME%" == "" set DIRNAME=. 13 | set APP_BASE_NAME=%~n0 14 | set APP_HOME=%DIRNAME% 15 | 16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 17 | set DEFAULT_JVM_OPTS= 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windows variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | 53 | :win9xME_args 54 | @rem Slurp the command line arguments. 55 | set CMD_LINE_ARGS= 56 | set _SKIP=2 57 | 58 | :win9xME_args_slurp 59 | if "x%~1" == "x" goto execute 60 | 61 | set CMD_LINE_ARGS=%* 62 | 63 | :execute 64 | @rem Setup the command line 65 | 66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 67 | 68 | @rem Execute Gradle 69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 70 | 71 | :end 72 | @rem End local scope for the variables with windows NT shell 73 | if "%ERRORLEVEL%"=="0" goto mainEnd 74 | 75 | :fail 76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 77 | rem the _cmd.exe /c_ return code! 78 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 79 | exit /b 1 80 | 81 | :mainEnd 82 | if "%OS%"=="Windows_NT" endlocal 83 | 84 | :omega 85 | -------------------------------------------------------------------------------- /photoscontentview/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /photoscontentview/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | apply plugin: 'kotlin-android' 3 | apply plugin: 'kotlin-android-extensions' 4 | 5 | android { 6 | compileSdkVersion 29 7 | buildToolsVersion "29.0.2" 8 | 9 | defaultConfig { 10 | minSdkVersion 21 11 | targetSdkVersion 29 12 | versionCode 1 13 | versionName "1.0" 14 | 15 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 16 | consumerProguardFiles 'consumer-rules.pro' 17 | } 18 | 19 | buildTypes { 20 | release { 21 | minifyEnabled false 22 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 23 | } 24 | } 25 | 26 | } 27 | 28 | dependencies { 29 | implementation fileTree(dir: 'libs', include: ['*.jar']) 30 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 31 | implementation 'androidx.appcompat:appcompat:1.1.0' 32 | implementation 'androidx.core:core-ktx:1.2.0' 33 | testImplementation 'junit:junit:4.12' 34 | androidTestImplementation 'androidx.test.ext:junit:1.1.1' 35 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' 36 | } 37 | -------------------------------------------------------------------------------- /photoscontentview/consumer-rules.pro: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wvisible/PhotosContentView/62673d5c05ac4e402d41e99fedbb19f7352fedf4/photoscontentview/consumer-rules.pro -------------------------------------------------------------------------------- /photoscontentview/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile 22 | -------------------------------------------------------------------------------- /photoscontentview/src/androidTest/java/com/ww/photoscontentview/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import androidx.test.platform.app.InstrumentationRegistry 4 | import androidx.test.ext.junit.runners.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getInstrumentation().targetContext 22 | assertEquals("com.ww.photoscontentview.test", appContext.packageName) 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /photoscontentview/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | -------------------------------------------------------------------------------- /photoscontentview/src/main/java/com/ww/photoscontentview/PhotoImageView.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import android.content.Context 4 | import android.graphics.BlendMode 5 | import android.graphics.BlendModeColorFilter 6 | import android.graphics.Color 7 | import android.graphics.PorterDuff 8 | import android.os.Build 9 | import android.util.AttributeSet 10 | import android.view.MotionEvent 11 | import androidx.appcompat.widget.AppCompatImageView 12 | 13 | class PhotoImageView @JvmOverloads constructor( 14 | context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 15 | ) : AppCompatImageView(context, attrs, defStyleAttr) { 16 | override fun onTouchEvent(event: MotionEvent): Boolean { 17 | when (event.action) { 18 | MotionEvent.ACTION_DOWN -> { 19 | val drawable = drawable 20 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) { 21 | drawable?.mutate()?.colorFilter = BlendModeColorFilter(Color.GRAY, BlendMode.MULTIPLY) 22 | } else { 23 | drawable?.mutate()?.setColorFilter(Color.GRAY, PorterDuff.Mode.MULTIPLY) 24 | } 25 | } 26 | MotionEvent.ACTION_CANCEL, MotionEvent.ACTION_UP -> { 27 | val drawableUp = drawable 28 | drawableUp?.mutate()?.clearColorFilter() 29 | } 30 | } 31 | return super.onTouchEvent(event) 32 | } 33 | 34 | override fun onDetachedFromWindow() { 35 | super.onDetachedFromWindow() 36 | setImageDrawable(null) 37 | } 38 | } -------------------------------------------------------------------------------- /photoscontentview/src/main/java/com/ww/photoscontentview/PhotosContentView.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import android.content.Context 4 | import android.util.AttributeSet 5 | import android.util.Log 6 | import android.util.TypedValue 7 | import android.view.ViewGroup 8 | import android.widget.ImageView 9 | import kotlin.math.min 10 | 11 | class PhotosContentView @JvmOverloads constructor( 12 | context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 13 | ) : ViewGroup(context, attrs, defStyleAttr) { 14 | companion object{ 15 | const val MODE_FILL = 0 //填充模式，类似于微信 16 | const val MODE_GRID = 1 //网格模式，类似于QQ，4张图 2X2布局 17 | } 18 | 19 | private var singleImageSize = 250 // 单张图片时的最大大小,单位dp 20 | private var singleImageRatio = 1.0f // 单张图片的宽高比(宽/高) 21 | private var gridSpacing = 6 // 宫格间距，单位dp 22 | private var maxImageSize = 9 // 最大图片数 23 | private var mode = MODE_FILL // 默认填充模式 24 | 25 | private var columnCount = 0 // 列数 26 | private var rowCount = 0 // 行数 27 | private var gridWidth = 0 // 宫格宽度 28 | private var gridHeight = 0// 宫格高度 29 | 30 | private val imageViewList = mutableListOf() 31 | private var imageDataList: MutableList? = null 32 | private var adapter: PhotosContentViewAdapter? = null 33 | 34 | init { 35 | val typedArray = context.obtainStyledAttributes(attrs, R.styleable.PhotosContentView) 36 | singleImageSize = typedArray.getDimensionPixelSize(R.styleable.PhotosContentView_singleImgSize, 37 | TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, singleImageSize.toFloat(), resources.displayMetrics).toInt()) 38 | singleImageRatio = typedArray.getFloat(R.styleable.PhotosContentView_singleImageRatio, singleImageRatio) 39 | gridSpacing = typedArray.getDimension(R.styleable.PhotosContentView_imgGap, 40 | TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, gridSpacing.toFloat(), resources.displayMetrics)).toInt() 41 | maxImageSize = typedArray.getInt(R.styleable.PhotosContentView_maxSize, maxImageSize) 42 | mode = typedArray.getInt(R.styleable.PhotosContentView_showStyle, mode) 43 | typedArray.recycle() 44 | } 45 | 46 | override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) { 47 | super.onMeasure(widthMeasureSpec, heightMeasureSpec) 48 | var width = MeasureSpec.getSize(widthMeasureSpec) 49 | val height: Int 50 | val totalWidth = width - paddingStart - paddingEnd 51 | if (!imageDataList.isNullOrEmpty()) { 52 | if (maxImageSize == 1 || imageDataList?.size == 1) { 53 | gridWidth = min(totalWidth, singleImageSize) 54 | gridHeight = (gridWidth.toFloat() / singleImageRatio).toInt() 55 | if (gridHeight > singleImageSize) { 56 | val radio = gridHeight.toFloat() / singleImageSize 57 | gridWidth = (gridWidth * radio).toInt() 58 | gridHeight = singleImageSize 59 | } 60 | } else { 61 | gridWidth = (totalWidth - gridSpacing * (columnCount - 1)) / columnCount 62 | gridHeight = gridWidth 63 | } 64 | width = gridWidth * columnCount + gridSpacing * (columnCount - 1) + paddingLeft + paddingRight 65 | height = gridHeight * rowCount + gridSpacing * (rowCount - 1) + paddingTop + paddingBottom 66 | setMeasuredDimension(width, height) 67 | } 68 | } 69 | 70 | override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) { 71 | imageDataList?.let { 72 | for (i in it.indices) { 73 | val childrenView = getChildAt(i) as ImageView 74 | val columnNum = i % columnCount 75 | val rowNum = i / columnCount 76 | val left = (gridWidth + gridSpacing) * columnNum + paddingLeft 77 | val top = (gridHeight + gridSpacing) * rowNum + paddingTop 78 | val right = left + gridWidth 79 | val bottom = top + gridHeight 80 | childrenView.layout(left, top, right, bottom) 81 | adapter?.onDisplayImage(context, childrenView, it[i]) 82 | } 83 | } 84 | } 85 | 86 | fun setImageData(lists: MutableList) { 87 | if (lists.isNullOrEmpty()) { 88 | this.visibility = GONE 89 | return 90 | } else { 91 | this.visibility = VISIBLE 92 | } 93 | var imageCount = lists.size 94 | var tempDataList = lists 95 | if (maxImageSize in 1 until imageCount) { 96 | tempDataList = tempDataList.subList(0, maxImageSize) 97 | imageCount = tempDataList.size 98 | } 99 | 100 | rowCount = imageCount / 3 + if (imageCount % 3 == 0) 0 else 1 101 | columnCount = 3 102 | if (mode == MODE_GRID && imageCount == 4) { 103 | rowCount = 2 104 | columnCount = 2 105 | } 106 | 107 | if (imageDataList == null) { 108 | for (i in 0 until imageCount) { 109 | val imageView = getImageView(i) ?: return 110 | addView(imageView, generateDefaultLayoutParams()) 111 | } 112 | } else { 113 | val oldViewCount: Int = imageDataList?.size ?: 0 114 | if (oldViewCount > imageCount) { 115 | removeViews(imageCount, oldViewCount - imageCount) 116 | } else if (oldViewCount < imageCount) { 117 | for (i in oldViewCount until imageCount) { 118 | val iv = getImageView(i) ?: return 119 | addView(iv, generateDefaultLayoutParams()) 120 | } 121 | } 122 | } 123 | 124 | imageDataList = tempDataList 125 | requestLayout() 126 | } 127 | 128 | private fun getImageView(position: Int): ImageView? { 129 | val imageView: ImageView? 130 | if (position < imageViewList.size) { 131 | imageView = imageViewList[position] 132 | } else { 133 | imageView = adapter?.generateImageView(context) 134 | imageView?.let { 135 | imageViewList.add(imageView) 136 | imageView.setOnClickListener { view -> 137 | imageDataList?.let { 138 | adapter?.onItemImageClick(context, view as ImageView, position, it) 139 | } 140 | } 141 | imageView.setOnLongClickListener { view -> 142 | imageDataList?.let { 143 | return@setOnLongClickListener adapter?.onItemImageLongClick(context, view as ImageView, 144 | position, it) ?: false 145 | } 146 | return@setOnLongClickListener false 147 | } 148 | } 149 | } 150 | return imageView 151 | } 152 | 153 | fun setAdapter(adapter: PhotosContentViewAdapter) { 154 | this.adapter = adapter 155 | } 156 | 157 | fun setGap(gridSpacing: Int) { 158 | this.gridSpacing = gridSpacing 159 | } 160 | 161 | fun setSingleImgSize(singleImgSize: Int) { 162 | this.singleImageSize = singleImgSize 163 | } 164 | 165 | fun setMaxSize(maxSize: Int) { 166 | this.maxImageSize = maxSize 167 | } 168 | 169 | fun getImageViewList() = imageViewList 170 | } -------------------------------------------------------------------------------- /photoscontentview/src/main/java/com/ww/photoscontentview/PhotosContentViewAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import android.content.Context 4 | import android.widget.ImageView 5 | 6 | abstract class PhotosContentViewAdapter { 7 | abstract fun onDisplayImage(context: Context, imageView: ImageView, data: T) 8 | 9 | open fun onItemImageClick(context: Context, imageView: ImageView, 10 | index: Int, list: MutableList) { 11 | } 12 | 13 | open fun onItemImageLongClick(context: Context, imageView: ImageView, 14 | index: Int, list: MutableList): Boolean { 15 | return false 16 | } 17 | 18 | open fun generateImageView(context: Context): ImageView { 19 | return PhotoImageView(context) 20 | } 21 | } -------------------------------------------------------------------------------- /photoscontentview/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /photoscontentview/src/test/java/com/ww/photoscontentview/ExampleUnitTest.kt: -------------------------------------------------------------------------------- 1 | package com.ww.photoscontentview 2 | 3 | import org.junit.Test 4 | 5 | import org.junit.Assert.* 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * See [testing documentation](http://d.android.com/tools/testing). 11 | */ 12 | class ExampleUnitTest { 13 | @Test 14 | fun addition_isCorrect() { 15 | assertEquals(4, 2 + 2) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name='PhotosContentView' 2 | include ':app' 3 | include ':photoscontentview' 4 | --------------------------------------------------------------------------------