Preview Image Collection
Introduction
Preview Image Collection is a library to draw a collage with a number of images like facebook preview album
Install
Step 1. Add the JitPack repository to your build file Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Step 2. Add the dependency
dependencies {
implementation 'com.github.AgnaldoNP:PreviewImageCollection:1.3'
}
Usage
Sample of usage
<pereira.agnaldo.previewimgcol.ImageCollectionView
android:id="@+id/imageCollectionView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="30dp"
app:backgroundColor="@color/colorAccent"
app:baseRowHeight="150dp"
app:imageMargin="1dp"
app:pinchToZoom="true"
app:showExternalBorderMargins="true"
app:maxImagePerRow="3"
app:maxRows="2" />
Options
| Property | Value type | Default |
|---|---|---|
| backgroundColor | color | #FFFFFF |
| baseRowHeight | dimension | 150dp |
| imageMargin | dimension | 1dp |
| pinchToZoom | boolean | true |
| showExternalBorderMargins | boolean | true |
| maxImagePerRow | integer | 3 |
| maxRows | integer | 3 |
| imageScaleType | enum | center_crop |
Programmatically
var collectionView = findViewById(R.id.imageCollectionView)
collectionView.maxRows = ImageCollectionView.NO_ROW_LIMITS
collectionView.maxRows = 10
collectionView.maxImagePerRow =3
collectionView.imageMargin = 10
collectionView.baseImageHeight = 150
collectionView.mBackgroundColor = Color.WHITE
collectionView.pinchToZoom = true
ollectionView.showExternalBorderMargins = true
val bitmap = ...
collectionView.addImage(bitmap)
val bitmap2 = ...
collectionView.addImage(bitmap2, object : ImageCollectionView.OnImageClickListener {
override fun onClick(bitmap: Bitmap, imageView: ImageView) {
Toast.makeText(imageView.context, "Test Click on image ...", Toast.LENGTH_LONG).show()
}
})
// or simply
collectionView.addImage(bitmap2, { bitmap: Bitmap?, imageView: ImageView? ->
Toast.makeText(context, "Test Click on image ...", Toast.LENGTH_LONG).show()
})
collectionView.setOnMoreClicked(object : ImageCollectionView.OnMoreClickListener {
override fun onMoreClicked(bitmaps: List<Bitmap>) {
Toast.makeText(collectionView.context, "on more clicked ", Toast.LENGTH_LONG).show()
}
})
// or simply
collectionView.setOnMoreClicked { bitmaps ->
Toast.makeText(collectionView.context, "on more clicked ", Toast.LENGTH_LONG).show()
}
ImageCollectionView collectionView = (ImageCollectionView) findViewById(R.id.imageCollectionView);
Bitmap bitmap = ...;
imageCollectionView.addImage(bitmap);
Bitmap bitmap2 = ...;
imageCollectionView.addImage(bitmap, (bmp, imageView) -> {
Toast.makeText(context, "Test Click image 08", Toast.LENGTH_LONG).show();
});
imageCollectionView.setOnMoreClicked(bitmaps -> {
Toast.makeText(context, "OnMoreClicked", Toast.LENGTH_LONG).show();
});
Contributions and Support
This project made use of Zoomy by Álvaro Blanco to enable "pinch to zoom" functionality.
Contributions are welcome. Create a new pull request in order to submit your fixes and they shall be merged after moderation. In case of any issues, bugs or any suggestions, either create a new issue or post comments in already active relevant issues
Please consider supporting me
Bitcoin URI: bitcoin:BC1Q4RT2KNSX28CA4H5YA08VF0SXMG3JPHKS6GWDXV?label=Consider%20support%20me
Bitcoin Address: bc1q4rt2knsx28ca4h5ya08vf0sxmg3jphks6gwdxv
106 Dec 23, 2022
420 Nov 19, 2022
359 Dec 29, 2022
465 Dec 28, 2022
38 Sep 21, 2022
162 Sep 13, 2022
264 Nov 10, 2022
3 Apr 13, 2022
29 Dec 20, 2022
11 Nov 19, 2022
502 Dec 29, 2022
3.3k Jan 3, 2023
165 Nov 10, 2022
4k Jan 7, 2023
1k Jan 2, 2023
8.1k Jan 4, 2023
3.7k Jan 8, 2023
1.2k Nov 19, 2022
989 Nov 17, 2022
644 Nov 20, 2022
425 Nov 25, 2022
270 Nov 25, 2022