使用kotlin实现点击图片放大到大图展示

代码是照着教程打的

android官方教程

funzoomImageFromThumb(thumbView: View, imageResId: Int) {

if(null!=mCurrentAnimator) {

mCurrentAnimator?.cancel()

}

BigzoomImage.setImageResource(imageResId)

varstartBounds = Rect()

varfinalBounds = Rect()

varglobalOffset = Point()

//获得缩略图位置信息

thumbView.getGlobalVisibleRect(startBounds)

//获得总布局的位置信息和画笔

container.getGlobalVisibleRect(finalBounds, globalOffset)

startBounds.offset(-globalOffset.x, -globalOffset.y)

finalBounds.offset(-globalOffset.x, -globalOffset.y)

valstartScale: Float

if(finalBounds.width() / finalBounds.height() > startBounds.width() / startBounds.height()) {

// Extend start bounds horizontally

startScale = startBounds.height().toFloat() / finalBounds.height()

valstartWidth = startScale * finalBounds.width()

valdeltaWidth = (startWidth.toInt() - startBounds.width()asFloat) /2

startBounds.left-= deltaWidth.toInt()

startBounds.right+= deltaWidth.toInt()

}else{

// Extend start bounds vertically

startScale = startBounds.width().toFloat() / finalBounds.width()

valstartHeight = startScale * finalBounds.height()

valdeltaHeight = (startHeight - startBounds.height().toFloat()) /2

startBounds.top-= deltaHeight.toInt()

startBounds.bottom+= deltaHeight.toInt()

}

// 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.

thumbView.alpha=0f

BigzoomImage.setVisibility(View.VISIBLE)

// 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).

BigzoomImage.setPivotX(0f)

BigzoomImage.setPivotY(0f)

// Construct and run the parallel animation of the four translation and

// scale properties (X, Y, SCALE_X, and SCALE_Y).

valset = AnimatorSet()

set.play(ObjectAnimator.ofFloat(BigzoomImage, View.X,

startBounds.left.toFloat(), finalBounds.left.toFloat()))

.with(ObjectAnimator.ofFloat(BigzoomImage, View.Y,

startBounds.top.toFloat(), finalBounds.top.toFloat()))

.with(ObjectAnimator.ofFloat(BigzoomImage, View.SCALE_X,

startScale,1f)).with(ObjectAnimator.ofFloat(BigzoomImage,

View.SCALE_Y, startScale,1f))

set.setDuration(mShortAnimationDuration.toLong())

set.interpolator= DecelerateInterpolator()

set.addListener(object: AnimatorListenerAdapter() {

override funonAnimationEnd(animation: Animator) {

mCurrentAnimator=null

}

override funonAnimationCancel(animation: Animator) {

mCurrentAnimator=null

}

})

set.start()

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.

BigzoomImage.setOnClickListener(View.OnClickListener{

if(mCurrentAnimator!=null) {

(mCurrentAnimatorasAnimatorSet).cancel()

}

// Animate the four positioning/sizing properties in parallel,

// back to their original values.

valset = AnimatorSet()

set.play(ObjectAnimator

.ofFloat(BigzoomImage, View.X, startBounds.left.toFloat()))

.with(ObjectAnimator

.ofFloat(BigzoomImage,

View.Y, startBounds.top.toFloat()))

.with(ObjectAnimator

.ofFloat(BigzoomImage,

View.SCALE_X, startScale))

.with(ObjectAnimator

.ofFloat(BigzoomImage,

View.SCALE_Y, startScale))

set.setDuration(mShortAnimationDuration.toLong())

set.interpolator= DecelerateInterpolator()

set.addListener(object: AnimatorListenerAdapter() {

override funonAnimationEnd(animation: Animator) {

thumbView.alpha=1f

BigzoomImage.setVisibility(View.GONE)

mCurrentAnimator=null

}

override funonAnimationCancel(animation: Animator) {

thumbView.alpha=1f

BigzoomImage.setVisibility(View.GONE)

mCurrentAnimator=null

}

})

set.start()

mCurrentAnimator= set

})

}

你可能感兴趣的:(使用kotlin实现点击图片放大到大图展示)