//小图Bounds
final Rect startBounds = new Rect();
//大图Bounds
final Rect finalBounds = new Rect();
final Point globalOffset = new Point();

thumbView.getGlobalVisibleRect(startBounds);
findViewById(R.id.container).getGlobalVisibleRect(finalBounds, globalOffset);
startBounds.offset(-globalOffset.x, -globalOffset.y);
finalBounds.offset(-globalOffset.x, -globalOffset.y);

//startBounds的宽或高只能扩大，不能缩小

//finalBounds宽高比大于startBounds宽高比，需要扩大startBounds的宽度
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();
    //通过改变startBounds的left和right来改变大小
    //同时由于大图ImageView是居中显示，变化后图片仍然是与小图重合
    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;
    startBounds.top -= deltaHeight;
    startBounds.bottom += deltaHeight;
}
final float startScaleFinal = startScale;

//小图不可见，大图可见
thumbView.setAlpha(0f);
expandedImageView.setVisibility(View.VISIBLE);

//以大图的左上角为缩放中点
expandedImageView.setPivotX(0f);
expandedImageView.setPivotY(0f);

AnimatorSet set = new AnimatorSet();
//扩大通过View.SCALE_X,View.SCALE_Y属性来实现
//View.X,View.Y属性来实现大图从小图左上角开始扩大
set
    .play(ObjectAnimator.ofFloat(expandedImageView, View.X, startBounds.left,finalBounds.left))
    .with(ObjectAnimator.ofFloat(expandedImageView, View.Y, startBounds.top,finalBounds.top))
    .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_X, startScale, 1f))
    .with(ObjectAnimator.ofFloat(expandedImageView, View.SCALE_Y, startScale, 1f));
    
set.setDuration(mShortAnimationDuration);
set.setInterpolator(new DecelerateInterpolator());
set.addListener(new AnimatorListenerAdapter() {
    @Override
    public void onAnimationEnd(Animator animation) {
        mCurrentAnimator = null;
    }

    @Override
    public void onAnimationCancel(Animator animation) {
        mCurrentAnimator = null;
    }
});
set.start();

public class TouchHighlightImageButton extends ImageButton {
    /**
     * The highlight drawable. This generally a {@link android.graphics.drawable.StateListDrawable}
     * that's transparent in the default state, and contains a semi-transparent overlay
     * for the focused and pressed states.
     */
    private Drawable mForegroundDrawable;

    /**
     * The cached bounds of the view.
     */
    private Rect mCachedBounds = new Rect();
    
    public TouchHighlightImageButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    
    /**
     * General view initialization used common to all constructors of the view.
     */
    private void init() {
        // Reset default ImageButton background and padding.
        setBackgroundColor(0);
        setPadding(0, 0, 0, 0);

        // Retrieve the drawable resource assigned to the android.R.attr.selectableItemBackground
        // theme attribute from the current theme.
        TypedArray a = getContext()
                .obtainStyledAttributes(new int[]{android.R.attr.selectableItemBackground});
        mForegroundDrawable = a.getDrawable(0);
        mForegroundDrawable.setCallback(this);
        a.recycle();
    }
    
    @Override
    protected void drawableStateChanged() {
        super.drawableStateChanged();

        // Update the state of the highlight drawable to match
        // the state of the button.
        if (mForegroundDrawable.isStateful()) {
            mForegroundDrawable.setState(getDrawableState());
        }

        // Trigger a redraw.
        invalidate();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // First draw the image.
        super.onDraw(canvas);

        // Then draw the highlight on top of it. If the button is neither focused
        // nor pressed, the drawable will be transparent, so just the image
        // will be drawn.
        mForegroundDrawable.setBounds(mCachedBounds);
        mForegroundDrawable.draw(canvas);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);

        // Cache the view bounds.
        mCachedBounds.set(0, 0, w, h);
    }
}