├── .gitignore ├── README.md ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── multiimageview ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── stfalcon │ │ └── multiimageview │ │ └── ExampleInstrumentedTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── stfalcon │ │ │ └── multiimageview │ │ │ └── MultiImageView.kt │ └── res │ │ └── values │ │ └── strings.xml │ └── test │ └── java │ └── com │ └── stfalcon │ └── multiimageview │ └── ExampleUnitTest.java ├── sample ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── stfalcon │ │ └── multiimageview │ │ └── sample │ │ └── ExampleInstrumentedTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── stfalcon │ │ │ └── multiimageview │ │ │ └── sample │ │ │ └── MainActivity.java │ └── res │ │ ├── drawable │ │ ├── avatar1.png │ │ ├── avatar2.jpg │ │ ├── avatar3.png │ │ └── avatar4.png │ │ ├── layout │ │ └── activity_main.xml │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxxhdpi │ │ └── ic_launcher.png │ │ ├── values-w820dp │ │ └── dimens.xml │ │ └── values │ │ ├── colors.xml │ │ ├── dimens.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── stfalcon │ └── multiimageview │ └── sample │ └── ExampleUnitTest.java └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | .externalNativeBuild 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # MultiImageView 2 | [![codebeat badge](https://codebeat.co/badges/a7126021-293c-4ba8-887c-2ccae7379b5c)](https://codebeat.co/projects/github-com-stfalcon-studio-multiimageview-master) [![](https://jitpack.io/v/stfalcon-studio/MultiImageView.svg)](https://jitpack.io/#stfalcon-studio/MultiImageView) 3 | 4 | Library for display a few images in one MultiImageView like avatar of group chat 5 | 6 | ![alt tag](http://i.imgur.com/S4QoKVB.gif) 7 | 8 | ### Who we are 9 | Need iOS and Android apps, MVP development or prototyping? Contact us via info@stfalcon.com. We develop software since 2009, and we're known experts in this field. Check out our [portfolio](https://stfalcon.com/en/portfolio) and see more libraries from [stfalcon-studio](https://stfalcon-studio.github.io/). 10 | 11 | ### Download 12 | 13 | 1. Add jitpack to the root build.gradle file of your project at the end of repositories. 14 | ``` 15 | allprojects { 16 | repositories { 17 | ... 18 | maven { url 'https://jitpack.io' } 19 | } 20 | } 21 | ``` 22 | 2. Add the dependency 23 | ``` 24 | dependencies { 25 | ... 26 | implementation "com.github.stfalcon-studio:StfalconFixturer-android:[last_version]" 27 | } 28 | ``` 29 | 30 | ### Usage 31 | Add MultiImageView to layout xml file 32 | ```xml 33 | 37 | ``` 38 | In java class find view by id 39 | ```java 40 | final MultiImageView multiImageView = (MultiImageView) findViewById(R.id.iv); 41 | ``` 42 | For adding image to MultiImageView use method addImage(Bitmap bitmap). For exapple: 43 | ```java 44 | multiImageView.addImage(BitmapFactory.decodeResource(getResources(), R.drawable.avatar1)); 45 | ``` 46 | For setting shape of MultiImageView use method setShape(MultiImageView.Shape shape). 47 | ```java 48 | multiImageView.setShape(MultiImageView.Shape.RECTANGLE);//Rectangle with round corners 49 | multiImageView.setShape(MultiImageView.Shape.CIRCLE);//Circle 50 | multiImageView.setShape(MultiImageView.Shape.NONE);//Without shape 51 | ``` 52 | If you choose rectangle shape you can set corner radius 53 | ```java 54 | multiImageView.setRectCorners(50); 55 | ``` 56 | To clear MultiImageView use: 57 | ```java 58 | multiImageView.clear(); 59 | ``` 60 | 61 | 62 | Take a look at the [sample project](sample) for more information 63 | 64 | ### License 65 | 66 | ``` 67 | Copyright 2017 stfalcon.com 68 | 69 | Licensed under the Apache License, Version 2.0 (the "License"); 70 | you may not use this file except in compliance with the License. 71 | You may obtain a copy of the License at 72 | 73 | http://www.apache.org/licenses/LICENSE-2.0 74 | 75 | Unless required by applicable law or agreed to in writing, software 76 | distributed under the License is distributed on an "AS IS" BASIS, 77 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 78 | See the License for the specific language governing permissions and 79 | limitations under the License. 80 | ``` 81 | 82 | 83 | [sample]: 84 | -------------------------------------------------------------------------------- /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.4.21' 5 | repositories { 6 | jcenter() 7 | google() 8 | } 9 | dependencies { 10 | classpath 'com.android.tools.build:gradle:4.1.2' 11 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 12 | // NOTE: Do not place your application dependencies here; they belong 13 | // in the individual module build.gradle files 14 | } 15 | } 16 | 17 | plugins { 18 | id 'maven-publish' 19 | } 20 | 21 | allprojects { 22 | repositories { 23 | jcenter() 24 | google() 25 | maven { url "https://jitpack.io" } 26 | } 27 | } 28 | 29 | task clean(type: Delete) { 30 | delete rootProject.buildDir 31 | } 32 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | org.gradle.jvmargs=-Xmx1536m 13 | 14 | # When configured, Gradle will run in incubating parallel mode. 15 | # This option should only be used with decoupled projects. More details, visit 16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 17 | # org.gradle.parallel=true 18 | android.useAndroidX=true 19 | # Automatically convert third-party libraries to use AndroidX 20 | android.enableJetifier=true 21 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stfalcon-studio/MultiImageView/23fe31a4b7042501940c23a0b74771607a703bad/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Feb 10 14:54:42 EET 2021 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.5-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # Attempt to set APP_HOME 46 | # Resolve links: $0 may be a link 47 | PRG="$0" 48 | # Need this for relative symlinks. 49 | while [ -h "$PRG" ] ; do 50 | ls=`ls -ld "$PRG"` 51 | link=`expr "$ls" : '.*-> \(.*\)$'` 52 | if expr "$link" : '/.*' > /dev/null; then 53 | PRG="$link" 54 | else 55 | PRG=`dirname "$PRG"`"/$link" 56 | fi 57 | done 58 | SAVED="`pwd`" 59 | cd "`dirname \"$PRG\"`/" >/dev/null 60 | APP_HOME="`pwd -P`" 61 | cd "$SAVED" >/dev/null 62 | 63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 64 | 65 | # Determine the Java command to use to start the JVM. 66 | if [ -n "$JAVA_HOME" ] ; then 67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 68 | # IBM's JDK on AIX uses strange locations for the executables 69 | JAVACMD="$JAVA_HOME/jre/sh/java" 70 | else 71 | JAVACMD="$JAVA_HOME/bin/java" 72 | fi 73 | if [ ! -x "$JAVACMD" ] ; then 74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 75 | 76 | Please set the JAVA_HOME variable in your environment to match the 77 | location of your Java installation." 78 | fi 79 | else 80 | JAVACMD="java" 81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 82 | 83 | Please set the JAVA_HOME variable in your environment to match the 84 | location of your Java installation." 85 | fi 86 | 87 | # Increase the maximum file descriptors if we can. 88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 89 | MAX_FD_LIMIT=`ulimit -H -n` 90 | if [ $? -eq 0 ] ; then 91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 92 | MAX_FD="$MAX_FD_LIMIT" 93 | fi 94 | ulimit -n $MAX_FD 95 | if [ $? -ne 0 ] ; then 96 | warn "Could not set maximum file descriptor limit: $MAX_FD" 97 | fi 98 | else 99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 100 | fi 101 | fi 102 | 103 | # For Darwin, add options to specify how the application appears in the dock 104 | if $darwin; then 105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 106 | fi 107 | 108 | # For Cygwin, switch paths to Windows format before running java 109 | if $cygwin ; then 110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 112 | JAVACMD=`cygpath --unix "$JAVACMD"` 113 | 114 | # We build the pattern for arguments to be converted via cygpath 115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 116 | SEP="" 117 | for dir in $ROOTDIRSRAW ; do 118 | ROOTDIRS="$ROOTDIRS$SEP$dir" 119 | SEP="|" 120 | done 121 | OURCYGPATTERN="(^($ROOTDIRS))" 122 | # Add a user-defined pattern to the cygpath arguments 123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 125 | fi 126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 127 | i=0 128 | for arg in "$@" ; do 129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 131 | 132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 134 | else 135 | eval `echo args$i`="\"$arg\"" 136 | fi 137 | i=$((i+1)) 138 | done 139 | case $i in 140 | (0) set -- ;; 141 | (1) set -- "$args0" ;; 142 | (2) set -- "$args0" "$args1" ;; 143 | (3) set -- "$args0" "$args1" "$args2" ;; 144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 150 | esac 151 | fi 152 | 153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 154 | function splitJvmOpts() { 155 | JVM_OPTS=("$@") 156 | } 157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 159 | 160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 161 | -------------------------------------------------------------------------------- /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 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 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 Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /multiimageview/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /multiimageview/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | apply plugin: 'kotlin-android' 3 | 4 | android { 5 | compileSdkVersion 28 6 | 7 | defaultConfig { 8 | minSdkVersion 16 9 | targetSdkVersion 28 10 | versionCode 1 11 | versionName "0.1" 12 | 13 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 14 | 15 | } 16 | buildTypes { 17 | release { 18 | minifyEnabled false 19 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 20 | } 21 | } 22 | sourceSets { 23 | main.java.srcDirs += 'src/main/kotlin' 24 | } 25 | 26 | afterEvaluate { 27 | publishing { 28 | publications { 29 | // Creates a Maven publication called "release". 30 | release(MavenPublication) { 31 | // Applies the component for the release build variant. 32 | from components.release 33 | 34 | // You can then customize attributes of the publication as shown below. 35 | groupId = 'com.github.stfalcon' 36 | artifactId = 'multiimageview' 37 | version = '0.2' 38 | } 39 | } 40 | } 41 | } 42 | } 43 | 44 | dependencies { 45 | implementation fileTree(dir: 'libs', include: ['*.jar']) 46 | androidTestImplementation('com.android.support.test.espresso:espresso-core:2.2.2', { 47 | exclude group: 'com.android.support', module: 'support-annotations' 48 | }) 49 | implementation 'com.android.support:appcompat-v7:28.0.0' 50 | testImplementation 'junit:junit:4.12' 51 | implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version" 52 | } 53 | repositories { 54 | mavenCentral() 55 | } 56 | -------------------------------------------------------------------------------- /multiimageview/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/1/Library/Android/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /multiimageview/src/androidTest/java/com/stfalcon/multiimageview/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.stfalcon.multiimageview; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.stfalcon.multiimageview.test", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /multiimageview/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /multiimageview/src/main/java/com/stfalcon/multiimageview/MultiImageView.kt: -------------------------------------------------------------------------------- 1 | /******************************************************************************* 2 | * Copyright 2016 stfalcon.com 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | *******************************************************************************/ 16 | 17 | package com.stfalcon.multiimageview 18 | 19 | import android.content.Context 20 | import android.graphics.Bitmap 21 | import android.graphics.Canvas 22 | import android.graphics.ColorFilter 23 | import android.graphics.Paint 24 | import android.graphics.Path 25 | import android.graphics.PixelFormat 26 | import android.graphics.Rect 27 | import android.graphics.RectF 28 | import android.graphics.drawable.Drawable 29 | import android.media.ThumbnailUtils 30 | import android.util.AttributeSet 31 | import android.widget.ImageView 32 | import java.util.ArrayList 33 | 34 | /** 35 | * Created by Anton Bevza on 12/22/16. 36 | */ 37 | 38 | class MultiImageView(context: Context, attrs: AttributeSet) : ImageView(context, attrs) { 39 | //Shape of view 40 | var shape = Shape.NONE 41 | set(value) { 42 | field = value 43 | invalidate() 44 | } 45 | 46 | //Corners radius for rectangle shape 47 | var rectCorners = 100 48 | 49 | private val bitmaps = ArrayList() 50 | private val path = Path() 51 | private val rect = RectF() 52 | private var multiDrawable: Drawable? = null 53 | 54 | /** 55 | * Add image to view 56 | */ 57 | fun addImage(bitmap: Bitmap) { 58 | bitmaps.add(bitmap) 59 | refresh() 60 | } 61 | 62 | /** 63 | * Remove all images 64 | */ 65 | fun clear() { 66 | bitmaps.clear() 67 | refresh() 68 | } 69 | 70 | override fun onAttachedToWindow() { 71 | super.onAttachedToWindow() 72 | refresh() 73 | } 74 | 75 | /** 76 | * recreate MultiDrawable and set it as Drawable to ImageView 77 | */ 78 | private fun refresh() { 79 | multiDrawable = MultiDrawable(bitmaps) 80 | setImageDrawable(multiDrawable) 81 | } 82 | 83 | override fun onDraw(canvas: Canvas?) { 84 | if (canvas != null) { 85 | if (drawable != null) { 86 | //if shape not set - just draw 87 | if (shape != Shape.NONE) { 88 | path.reset() 89 | //ImageView size 90 | rect.set(0f, 0f, width.toFloat(), height.toFloat()) 91 | if (shape == Shape.RECTANGLE) { 92 | //Rectangle with corners 93 | path.addRoundRect(rect, rectCorners.toFloat(), 94 | rectCorners.toFloat(), Path.Direction.CW) 95 | } else { 96 | //Oval 97 | path.addOval(rect, Path.Direction.CW) 98 | } 99 | //Clip with shape 100 | canvas.clipPath(path) 101 | } 102 | super.onDraw(canvas) 103 | } 104 | } 105 | } 106 | 107 | //Types of shape 108 | enum class Shape { 109 | CIRCLE, RECTANGLE, NONE 110 | } 111 | } 112 | 113 | class MultiDrawable(val bitmaps: ArrayList) : Drawable() { 114 | private val paint = Paint(Paint.ANTI_ALIAS_FLAG) 115 | private val items = ArrayList() 116 | 117 | /** 118 | * Create PhotoItem with position and size depends of count of images 119 | */ 120 | private fun init() { 121 | items.clear() 122 | if (bitmaps.size == 1) { 123 | val bitmap = scaleCenterCrop(bitmaps[0], bounds.width(), bounds.height()) 124 | items.add(PhotoItem(bitmap, Rect(0, 0, bounds.width(), bounds.height()))) 125 | } else if (bitmaps.size == 2) { 126 | val bitmap1 = scaleCenterCrop(bitmaps[0], bounds.width(), bounds.height() / 2) 127 | val bitmap2 = scaleCenterCrop(bitmaps[1], bounds.width(), bounds.height() / 2) 128 | items.add(PhotoItem(bitmap1, Rect(0, 0, bounds.width() / 2, bounds.height()))) 129 | items.add(PhotoItem(bitmap2, Rect(bounds.width() / 2, 0, bounds.width(), bounds.height()))) 130 | } else if (bitmaps.size == 3) { 131 | val bitmap1 = scaleCenterCrop(bitmaps[0], bounds.width(), bounds.height() / 2) 132 | val bitmap2 = scaleCenterCrop(bitmaps[1], bounds.width() / 2, bounds.height() / 2) 133 | val bitmap3 = scaleCenterCrop(bitmaps[2], bounds.width() / 2, bounds.height() / 2) 134 | items.add(PhotoItem(bitmap1, Rect(0, 0, bounds.width() / 2, bounds.height()))) 135 | items.add(PhotoItem(bitmap2, Rect(bounds.width() / 2, 0, bounds.width(), bounds.height() / 2))) 136 | items.add(PhotoItem(bitmap3, Rect(bounds.width() / 2, bounds.height() / 2, bounds.width(), bounds.height()))) 137 | } 138 | if (bitmaps.size == 4) { 139 | val bitmap1 = scaleCenterCrop(bitmaps[0], bounds.width() / 2, bounds.height() / 2) 140 | val bitmap2 = scaleCenterCrop(bitmaps[1], bounds.width() / 2, bounds.height() / 2) 141 | val bitmap3 = scaleCenterCrop(bitmaps[2], bounds.width() / 2, bounds.height() / 2) 142 | val bitmap4 = scaleCenterCrop(bitmaps[3], bounds.width() / 2, bounds.height() / 2) 143 | items.add(PhotoItem(bitmap1, Rect(0, 0, bounds.width() / 2, bounds.height() / 2))) 144 | items.add(PhotoItem(bitmap2, Rect(0, bounds.height() / 2, bounds.width() / 2, bounds.height()))) 145 | items.add(PhotoItem(bitmap3, Rect(bounds.width() / 2, 0, bounds.width(), bounds.height() / 2))) 146 | items.add(PhotoItem(bitmap4, Rect(bounds.width() / 2, bounds.height() / 2, bounds.width(), bounds.height()))) 147 | } 148 | } 149 | 150 | override fun draw(canvas: Canvas?) { 151 | if (canvas != null) { 152 | items.forEach { 153 | canvas.drawBitmap(it.bitmap, bounds, it.position, paint) 154 | } 155 | } 156 | } 157 | 158 | /** 159 | * scale and center crop image 160 | */ 161 | private fun scaleCenterCrop(source: Bitmap, newHeight: Int, newWidth: Int): Bitmap { 162 | return ThumbnailUtils.extractThumbnail(source, newWidth, newHeight) 163 | } 164 | 165 | /*** 166 | * Data class for store bitmap and position 167 | */ 168 | data class PhotoItem(val bitmap: Bitmap, val position: Rect) 169 | 170 | //***Needed to override***// 171 | override fun setAlpha(alpha: Int) { 172 | paint.alpha = alpha 173 | } 174 | 175 | override fun onBoundsChange(bounds: Rect) { 176 | super.onBoundsChange(bounds) 177 | init() 178 | } 179 | 180 | override fun getOpacity() = PixelFormat.TRANSLUCENT 181 | 182 | override fun setColorFilter(colorFilter: ColorFilter) { 183 | paint.colorFilter = colorFilter 184 | } 185 | //***------------------***// 186 | } 187 | 188 | -------------------------------------------------------------------------------- /multiimageview/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | MultiImageView 3 | 4 | -------------------------------------------------------------------------------- /multiimageview/src/test/java/com/stfalcon/multiimageview/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.stfalcon.multiimageview; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() throws Exception { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } -------------------------------------------------------------------------------- /sample/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /sample/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 28 5 | defaultConfig { 6 | applicationId "com.stfalcon.multiimageview.sample" 7 | minSdkVersion 16 8 | targetSdkVersion 28 9 | versionCode 1 10 | versionName "1.0" 11 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 12 | } 13 | buildTypes { 14 | release { 15 | minifyEnabled false 16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 17 | } 18 | } 19 | } 20 | 21 | dependencies { 22 | implementation fileTree(dir: 'libs', include: ['*.jar']) 23 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 24 | exclude group: 'com.android.support', module: 'support-annotations' 25 | }) 26 | implementation 'com.android.support:appcompat-v7:28.0.0' 27 | testImplementation 'junit:junit:4.12' 28 | implementation project (':multiimageview') 29 | } 30 | -------------------------------------------------------------------------------- /sample/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/1/Library/Android/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /sample/src/androidTest/java/com/stfalcon/multiimageview/sample/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.stfalcon.multiimageview.sample; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.stfalcon.multiimageview.sample", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /sample/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /sample/src/main/java/com/stfalcon/multiimageview/sample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.stfalcon.multiimageview.sample; 2 | 3 | import android.graphics.BitmapFactory; 4 | import android.os.Bundle; 5 | import android.view.View; 6 | import android.widget.Button; 7 | 8 | import androidx.appcompat.app.AppCompatActivity; 9 | 10 | import com.stfalcon.multiimageview.MultiImageView; 11 | 12 | public class MainActivity extends AppCompatActivity { 13 | private int imageCount = 0; 14 | 15 | @Override 16 | protected void onCreate(Bundle savedInstanceState) { 17 | super.onCreate(savedInstanceState); 18 | setContentView(R.layout.activity_main); 19 | final MultiImageView multiImageView = (MultiImageView) findViewById(R.id.iv); 20 | 21 | //add images 22 | Button button = (Button) findViewById(R.id.button); 23 | button.setOnClickListener(new View.OnClickListener() { 24 | @Override 25 | public void onClick(View view) { 26 | imageCount += 1; 27 | if (imageCount == 1) { 28 | multiImageView.addImage(BitmapFactory.decodeResource(getResources(), R.drawable.avatar1)); 29 | } else if (imageCount == 2) { 30 | multiImageView.addImage(BitmapFactory.decodeResource(getResources(), R.drawable.avatar2)); 31 | } else if (imageCount == 3) { 32 | multiImageView.addImage(BitmapFactory.decodeResource(getResources(), R.drawable.avatar3)); 33 | } else if (imageCount == 4) { 34 | multiImageView.addImage(BitmapFactory.decodeResource(getResources(), R.drawable.avatar4)); 35 | } else { 36 | multiImageView.clear(); 37 | imageCount = 0; 38 | } 39 | } 40 | }); 41 | 42 | //set corner radius for rectangle shape 43 | multiImageView.setRectCorners(50); 44 | 45 | //Change shape of image 46 | Button buttonShape = (Button) findViewById(R.id.buttonShape); 47 | buttonShape.setOnClickListener(new View.OnClickListener() { 48 | @Override 49 | public void onClick(View view) { 50 | if (multiImageView.getShape() == MultiImageView.Shape.NONE) { 51 | multiImageView.setShape(MultiImageView.Shape.RECTANGLE); 52 | } else if (multiImageView.getShape() == MultiImageView.Shape.RECTANGLE) { 53 | multiImageView.setShape(MultiImageView.Shape.CIRCLE); 54 | } else { 55 | multiImageView.setShape(MultiImageView.Shape.NONE); 56 | } 57 | } 58 | }); 59 | 60 | multiImageView.clear(); 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /sample/src/main/res/drawable/avatar1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stfalcon-studio/MultiImageView/23fe31a4b7042501940c23a0b74771607a703bad/sample/src/main/res/drawable/avatar1.png -------------------------------------------------------------------------------- /sample/src/main/res/drawable/avatar2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stfalcon-studio/MultiImageView/23fe31a4b7042501940c23a0b74771607a703bad/sample/src/main/res/drawable/avatar2.jpg -------------------------------------------------------------------------------- /sample/src/main/res/drawable/avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stfalcon-studio/MultiImageView/23fe31a4b7042501940c23a0b74771607a703bad/sample/src/main/res/drawable/avatar3.png -------------------------------------------------------------------------------- /sample/src/main/res/drawable/avatar4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/stfalcon-studio/MultiImageView/23fe31a4b7042501940c23a0b74771607a703bad/sample/src/main/res/drawable/avatar4.png -------------------------------------------------------------------------------- /sample/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 15 | 16 |