imagewindow's Introduction

ImageWindow

An image with a close button like Google Messenger attachments.

Explained in this blog : http://androidshenanigans.blogspot.pt/2015/02/imagewindow-image-view-like-google.html

Integration

Step 1. Add the JitPack repository to your build file

repositories {
    maven {
        url "https://jitpack.io"
    }
}

Step 2. Add the dependency

dependencies {
	        compile 'com.github.kanytu:ImageWindow:v1.0'
}

Usage

Add ImageWindow to your xml:

 <com.poliveira.apps.imagewindow.ImageWindow
     android:layout_width="350dp"
     android:layout_height="wrap_content"
     android:id="@+id/myImageView"/>

XML attributes:

app:close_color - color of the close button (default = 0xffff7b57)
app:close_margin - margin for the close button (default = 5dp)
app:close_size - size of the close button (default = 32dp)
app:corner_radius - corner radius for the ImageView (default = 7dp)
app:image_margin - top and left margin of the ImageView (default = 10dp)
app:close_icon - close drawable (default = ic_action_close)

Set an image to it on your activity:

ImageWindow myImageWindow = (ImageWindow) findViewById(R.id.myImageView);
myImageWindow.getImageView().setImageResource(R.drawable.myCat);

Set a delete callback for when you click on the close button

myImageWindow.setOnCloseListener(new ImageWindow.OnCloseListener() {
        @Override
        public void onCloseClick(final View imageWindow) {
            imageWindow.animate().alpha(0).setDuration(500).setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    ((ViewGroup) (imageWindow.getParent())).removeView(imageWindow);
                }
            }).start();
        }
});

RESULT