Code example for ImageView

Methods: setImageResourcesetVisibility, ofFloat, setOnClickListener, setPivotX, setPivotY

        if (mCurrentAnimator != null) {
        // Load the high-resolution "zoomed-in" image. 
        // Calculate the starting and ending bounds for the zoomed-in image. This step 
        // involves lots of math. Yay, math. 
        final Rect startBounds = new Rect();
        final Rect finalBounds = new Rect();
        final Point globalOffset = new Point();
        // The start bounds are the global visible rectangle of the thumbnail, and the 
        // final bounds are the global visible rectangle of the container view. Also 
        // set the container view's offset as the origin for the bounds, since that's 
        // the origin for the positioning animation properties (X, Y). 
        container.getGlobalVisibleRect(finalBounds, globalOffset);
        startBounds.offset(-globalOffset.x, -globalOffset.y);
        finalBounds.offset(-globalOffset.x, -globalOffset.y);
        // Adjust the start bounds to be the same aspect ratio as the final bounds using the 
        // "center crop" technique. This prevents undesirable stretching during the animation. 
        // Also calculate the start scaling factor (the end scaling factor is always 1.0). 
        float startScale;
        if ((float) finalBounds.width() / finalBounds.height()
                > (float) startBounds.width() / startBounds.height()) {
            // Extend start bounds horizontally 
            startScale = (float) startBounds.height() / finalBounds.height();
            float startWidth = startScale * finalBounds.width();
            float deltaWidth = (startWidth - startBounds.width()) / 2;
            startBounds.left -= deltaWidth;
            startBounds.right += deltaWidth;
        } else { 
            // Extend start bounds vertically 
            startScale = (float) startBounds.width() / finalBounds.width();
            float startHeight = startScale * finalBounds.height();
            float deltaHeight = (startHeight - startBounds.height()) / 2;
   -= deltaHeight;
            startBounds.bottom += deltaHeight;
        // Hide the thumbnail and show the zoomed-in view. When the animation begins, 
        // it will position the zoomed-in view in the place of the thumbnail. 
        // Set the pivot point for SCALE_X and SCALE_Y transformations to the top-left corner of 
        // the zoomed-in view (the default is the center of the view). 
        // Construct and run the parallel animation of the four translation and scale properties 
        // (X, Y, SCALE_X, and SCALE_Y). 
        AnimatorSet set = new AnimatorSet();
                .play(ObjectAnimator.ofFloat(expandedImageView, View.X, startBounds.left,
                .with(ObjectAnimator.ofFloat(expandedImageView, View.Y,,
                .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_X, startScale, 1f))
                .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_Y, startScale, 1f));
        set.setInterpolator(new DecelerateInterpolator());
        set.addListener(new AnimatorListenerAdapter() {
            public void onAnimationEnd(Animator animation) {
                mCurrentAnimator = null;
            public void onAnimationCancel(Animator animation) {
                mCurrentAnimator = null;
        mCurrentAnimator = set;
        // Upon clicking the zoomed-in image, it should zoom back down to the original bounds 
        // and show the thumbnail instead of the expanded image. 
        final float startScaleFinal = startScale;
        expandedImageView.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                if (mCurrentAnimator != null) {