/ Images

An android image gallery with Fresco

An android image gallery with Fresco

CommentGallery

This project contains serval librarys for demonstrating image gallery with Fresco's ZoomableDraweeView(Use the optimized version I made), such as image grid and large image viewer which supports zoom-in and zoom-out. Please feel free to let me know if your have any questions.

Gradle Dependency

Add the JitPack repository to your build file:

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

Usage

1. Usage of ZoomableDraweeView

I've optimized some default behaviors to the official ZoomableDraweeView to make it more perfect.

  • Add the dependency

    dependencies {
         compile 'com.github.ibosong.CommentGallery:frescozoomablelib:1.0.1'
        }
    
  • Use ZoomableDraweeView as the Fresco SimpleDraweeView.

2. Usage of LargeImageGallery

  • Add the dependency

    dependencies {
         compile 'com.github.ibosong.CommentGallery:largeimagegallerylib:1.0.1'
        }
    
  • Add LargeImageGallery to your xml file.

    <com.bosong.commentgallerylib.LargeImageGallery
            android:id="@+id/image_gallery"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    
  • Set image urls with setData(List<String> urls) method.

    That's all. There are also some listeners your can set:

    mLargeImageGallery.setOnImageSelectedListener(this);
    mLargeImageGallery.setOnItemClickListener(this);
    

3. Usage of CommentImageGrid

  • Add the dependency

    dependencies {
         compile 'com.github.ibosong.CommentGallery:commentgallerylib:1.0.1'
        }
    
  • Add CommentImageGrid to xml layout file

    <com.bosong.commentgallerylib.CommentImageGrid
        android:id="@+id/comment_grid"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:placeholder_image="@drawable/placeholder"
        app:fallback_image="@drawable/placeholder"
        app:vertical_space="7.5dp"
        app:horizontal_space="7.5dp"/>
    
  • Attribures

    Attribure Usage
    placeholder_image set placeholder image
    fallback_image set fallback image
    horizontal_space horizontal space between items
    vertical_space vertical space between items
  • Set image urls with List<String>

    mCommentGrid.setData(urls);
    

    Attentions

    You may do some compress works for the large image before rendering to avoid the error "OpenGLRenderer: Bitmap too large to be uploaded into a texture".

    Last thing

    Enjoy yourself!

GitHub