2018-10-15 19:56:11 +02:00
|
|
|
/* Copyright 2017 Andrew Dawson
|
|
|
|
*
|
|
|
|
* This file is a part of Tusky.
|
|
|
|
*
|
|
|
|
* This program is free software; you can redistribute it and/or modify it under the terms of the
|
|
|
|
* GNU General Public License as published by the Free Software Foundation; either version 3 of the
|
|
|
|
* License, or (at your option) any later version.
|
|
|
|
*
|
|
|
|
* Tusky is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even
|
|
|
|
* the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
|
|
|
|
* Public License for more details.
|
|
|
|
*
|
|
|
|
* You should have received a copy of the GNU General Public License along with Tusky; if not,
|
|
|
|
* see <http://www.gnu.org/licenses>. */
|
|
|
|
|
|
|
|
package com.keylesspalace.tusky.fragment
|
|
|
|
|
|
|
|
import android.animation.Animator
|
|
|
|
import android.animation.AnimatorListenerAdapter
|
2019-08-17 20:05:24 +02:00
|
|
|
import android.annotation.SuppressLint
|
2018-10-15 19:56:11 +02:00
|
|
|
import android.content.Context
|
2019-04-16 21:39:12 +02:00
|
|
|
import android.graphics.drawable.Drawable
|
2018-10-15 19:56:11 +02:00
|
|
|
import android.os.Bundle
|
2020-06-22 21:26:37 +02:00
|
|
|
import android.view.*
|
2018-10-15 19:56:11 +02:00
|
|
|
import android.widget.ImageView
|
2018-11-01 14:52:22 +01:00
|
|
|
import android.widget.TextView
|
2019-04-16 21:39:12 +02:00
|
|
|
import com.bumptech.glide.Glide
|
|
|
|
import com.bumptech.glide.load.DataSource
|
|
|
|
import com.bumptech.glide.load.engine.GlideException
|
|
|
|
import com.bumptech.glide.request.RequestListener
|
|
|
|
import com.bumptech.glide.request.target.Target
|
2018-10-15 19:56:11 +02:00
|
|
|
import com.keylesspalace.tusky.R
|
|
|
|
import com.keylesspalace.tusky.entity.Attachment
|
|
|
|
import com.keylesspalace.tusky.util.hide
|
2018-11-01 14:52:22 +01:00
|
|
|
import com.keylesspalace.tusky.util.visible
|
2019-08-04 20:22:57 +02:00
|
|
|
import io.reactivex.subjects.BehaviorSubject
|
2018-10-15 19:56:11 +02:00
|
|
|
import kotlinx.android.synthetic.main.activity_view_media.*
|
|
|
|
import kotlinx.android.synthetic.main.fragment_view_image.*
|
2019-08-04 20:22:57 +02:00
|
|
|
import kotlin.math.abs
|
2018-10-15 19:56:11 +02:00
|
|
|
|
|
|
|
class ViewImageFragment : ViewMediaFragment() {
|
|
|
|
interface PhotoActionsListener {
|
|
|
|
fun onBringUp()
|
|
|
|
fun onDismiss()
|
|
|
|
fun onPhotoTap()
|
|
|
|
}
|
|
|
|
|
|
|
|
private lateinit var photoActionsListener: PhotoActionsListener
|
|
|
|
private lateinit var toolbar: View
|
2019-08-04 20:22:57 +02:00
|
|
|
private var transition = BehaviorSubject.create<Unit>()
|
2019-08-17 20:05:24 +02:00
|
|
|
private var shouldStartTransition = false
|
2020-06-22 21:26:37 +02:00
|
|
|
|
2019-08-17 20:05:24 +02:00
|
|
|
// Volatile: Image requests happen on background thread and we want to see updates to it
|
|
|
|
// immediately on another thread. Atomic is an overkill for such thing.
|
|
|
|
@Volatile
|
|
|
|
private var startedTransition = false
|
2018-10-15 19:56:11 +02:00
|
|
|
|
2019-08-04 20:22:57 +02:00
|
|
|
override lateinit var descriptionView: TextView
|
2018-10-15 19:56:11 +02:00
|
|
|
override fun onAttach(context: Context) {
|
|
|
|
super.onAttach(context)
|
|
|
|
photoActionsListener = context as PhotoActionsListener
|
|
|
|
}
|
|
|
|
|
2019-08-04 20:22:57 +02:00
|
|
|
override fun setupMediaView(url: String, previewUrl: String?) {
|
2018-11-01 14:52:22 +01:00
|
|
|
descriptionView = mediaDescription
|
2018-12-17 15:25:35 +01:00
|
|
|
photoView.transitionName = url
|
2019-08-17 20:05:24 +02:00
|
|
|
startedTransition = false
|
2019-08-04 20:22:57 +02:00
|
|
|
loadImageFromNetwork(url, previewUrl, photoView)
|
2018-10-15 19:56:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {
|
2020-04-06 11:46:38 +02:00
|
|
|
toolbar = requireActivity().toolbar
|
2019-08-17 20:05:24 +02:00
|
|
|
this.transition = BehaviorSubject.create()
|
2018-10-15 19:56:11 +02:00
|
|
|
return inflater.inflate(R.layout.fragment_view_image, container, false)
|
|
|
|
}
|
|
|
|
|
2020-06-22 21:26:37 +02:00
|
|
|
@SuppressLint("ClickableViewAccessibility")
|
2018-10-15 19:56:11 +02:00
|
|
|
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
|
|
|
|
super.onViewCreated(view, savedInstanceState)
|
|
|
|
|
2020-06-22 21:26:37 +02:00
|
|
|
val gestureDetector = GestureDetector(requireContext(), object : GestureDetector.SimpleOnGestureListener() {
|
|
|
|
override fun onSingleTapConfirmed(e: MotionEvent?): Boolean {
|
|
|
|
onMediaTap()
|
|
|
|
return true
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
var lastY = 0f
|
|
|
|
photoView.setOnTouchListener { _, event ->
|
|
|
|
// This part is for scaling/translating on vertical move.
|
|
|
|
// We use raw coordinates to get the correct ones during scaling
|
|
|
|
var result = true
|
|
|
|
|
|
|
|
gestureDetector.onTouchEvent(event)
|
|
|
|
|
|
|
|
if (event.action == MotionEvent.ACTION_DOWN) {
|
|
|
|
lastY = event.rawY
|
|
|
|
} else if (!photoView.isZoomed && event.action == MotionEvent.ACTION_MOVE) {
|
|
|
|
val diff = event.rawY - lastY
|
|
|
|
// This code is to prevent transformations during page scrolling
|
|
|
|
// If we are already translating or we reached the threshold, then transform.
|
|
|
|
if (photoView.translationY != 0f || abs(diff) > 40) {
|
|
|
|
photoView.translationY += (diff)
|
|
|
|
val scale = (-abs(photoView.translationY) / 720 + 1).coerceAtLeast(0.5f)
|
|
|
|
photoView.scaleY = scale
|
|
|
|
photoView.scaleX = scale
|
|
|
|
lastY = event.rawY
|
|
|
|
}
|
|
|
|
return@setOnTouchListener true
|
|
|
|
} else if (event.action == MotionEvent.ACTION_UP || event.action == MotionEvent.ACTION_CANCEL) {
|
|
|
|
onGestureEnd()
|
|
|
|
} else if (event.pointerCount >= 2 || photoView.canScrollHorizontally(1) && photoView.canScrollHorizontally(-1)) {
|
|
|
|
// Starting from here is adapted code from TouchImageView to play nice with pager.
|
|
|
|
|
|
|
|
// Can scroll horizontally checks if there's still a part of the image.
|
|
|
|
// That can be scrolled until you reach the edge multi-touch event.
|
|
|
|
val parent = view.parent
|
|
|
|
result = when (event.action) {
|
|
|
|
MotionEvent.ACTION_DOWN, MotionEvent.ACTION_MOVE -> {
|
|
|
|
// Disallow RecyclerView to intercept touch events.
|
|
|
|
parent.requestDisallowInterceptTouchEvent(true)
|
|
|
|
// Disable touch on view
|
|
|
|
false
|
|
|
|
}
|
|
|
|
MotionEvent.ACTION_UP -> {
|
|
|
|
// Allow RecyclerView to intercept touch events.
|
|
|
|
parent.requestDisallowInterceptTouchEvent(false)
|
|
|
|
true
|
|
|
|
}
|
|
|
|
else -> true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
result
|
|
|
|
}
|
|
|
|
|
2020-04-06 11:46:38 +02:00
|
|
|
val arguments = this.requireArguments()
|
2018-10-15 19:56:11 +02:00
|
|
|
val attachment = arguments.getParcelable<Attachment>(ARG_ATTACHMENT)
|
2019-08-17 20:05:24 +02:00
|
|
|
this.shouldStartTransition = arguments.getBoolean(ARG_START_POSTPONED_TRANSITION)
|
2018-10-15 19:56:11 +02:00
|
|
|
val url: String?
|
2019-04-16 21:39:12 +02:00
|
|
|
var description: String? = null
|
2018-10-15 19:56:11 +02:00
|
|
|
|
|
|
|
if (attachment != null) {
|
|
|
|
url = attachment.url
|
2018-11-01 14:52:22 +01:00
|
|
|
description = attachment.description
|
2018-10-15 19:56:11 +02:00
|
|
|
} else {
|
|
|
|
url = arguments.getString(ARG_AVATAR_URL)
|
|
|
|
if (url == null) {
|
|
|
|
throw IllegalArgumentException("attachment or avatar url has to be set")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-08-04 20:22:57 +02:00
|
|
|
finalizeViewSetup(url, attachment?.previewUrl, description)
|
2018-10-15 19:56:11 +02:00
|
|
|
}
|
|
|
|
|
2020-06-22 21:26:37 +02:00
|
|
|
private fun onGestureEnd() {
|
|
|
|
if (abs(photoView.translationY) > 180) {
|
|
|
|
photoActionsListener.onDismiss()
|
|
|
|
} else {
|
|
|
|
photoView.animate().translationY(0f).scaleX(1f).scaleY(1f).start()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-10-15 19:56:11 +02:00
|
|
|
private fun onMediaTap() {
|
|
|
|
photoActionsListener.onPhotoTap()
|
|
|
|
}
|
|
|
|
|
|
|
|
override fun onToolbarVisibilityChange(visible: Boolean) {
|
|
|
|
if (photoView == null || !userVisibleHint) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
isDescriptionVisible = showingDescription && visible
|
|
|
|
val alpha = if (isDescriptionVisible) 1.0f else 0.0f
|
|
|
|
descriptionView.animate().alpha(alpha)
|
|
|
|
.setListener(object : AnimatorListenerAdapter() {
|
|
|
|
override fun onAnimationEnd(animation: Animator) {
|
2018-11-01 14:52:22 +01:00
|
|
|
descriptionView.visible(isDescriptionVisible)
|
2018-10-15 19:56:11 +02:00
|
|
|
animation.removeListener(this)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
.start()
|
|
|
|
}
|
|
|
|
|
2019-04-16 21:39:12 +02:00
|
|
|
override fun onDestroyView() {
|
|
|
|
Glide.with(this).clear(photoView)
|
2019-08-17 20:05:24 +02:00
|
|
|
transition.onComplete()
|
2019-04-16 21:39:12 +02:00
|
|
|
super.onDestroyView()
|
2018-10-15 19:56:11 +02:00
|
|
|
}
|
|
|
|
|
2019-08-04 20:22:57 +02:00
|
|
|
private fun loadImageFromNetwork(url: String, previewUrl: String?, photoView: ImageView) {
|
|
|
|
val glide = Glide.with(this)
|
|
|
|
// Request image from the any cache
|
|
|
|
glide
|
|
|
|
.load(url)
|
|
|
|
.dontAnimate()
|
|
|
|
.onlyRetrieveFromCache(true)
|
|
|
|
.let {
|
|
|
|
if (previewUrl != null)
|
|
|
|
it.thumbnail(glide
|
|
|
|
.load(previewUrl)
|
|
|
|
.dontAnimate()
|
|
|
|
.onlyRetrieveFromCache(true)
|
|
|
|
.addListener(ImageRequestListener(true, isThumnailRequest = true)))
|
|
|
|
else it
|
|
|
|
}
|
|
|
|
//Request image from the network on fail load image from cache
|
|
|
|
.error(glide.load(url)
|
|
|
|
.centerInside()
|
|
|
|
.addListener(ImageRequestListener(false, isThumnailRequest = false))
|
|
|
|
)
|
|
|
|
.addListener(ImageRequestListener(true, isThumnailRequest = false))
|
|
|
|
.into(photoView)
|
|
|
|
}
|
2019-04-16 21:39:12 +02:00
|
|
|
|
|
|
|
/**
|
2019-08-17 20:05:24 +02:00
|
|
|
* We start transition as soon as we think reasonable but we must take care about couple of
|
|
|
|
* things>
|
|
|
|
* - Do not change image in the middle of transition. It messes up the view.
|
|
|
|
* - Do not transition for the views which don't require it. Starting transition from
|
|
|
|
* multiple fragments does weird things
|
|
|
|
* - Do not wait to transition until the image loads from network
|
|
|
|
*
|
|
|
|
* Preview, cached image, network image, x - failed, o - succeeded
|
|
|
|
* P C N - start transition after...
|
|
|
|
* x x x - the cache fails
|
|
|
|
* x x o - the cache fails
|
|
|
|
* x o o - the cache succeeds
|
|
|
|
* o x o - the preview succeeds. Do not start on cache.
|
|
|
|
* o o o - the preview succeeds. Do not start on cache.
|
|
|
|
*
|
|
|
|
* So start transition after the first success or after anything with the cache
|
|
|
|
*
|
2019-04-16 21:39:12 +02:00
|
|
|
* @param isCacheRequest - is this listener for request image from cache or from the network
|
|
|
|
*/
|
2019-08-04 20:22:57 +02:00
|
|
|
private inner class ImageRequestListener(
|
|
|
|
private val isCacheRequest: Boolean,
|
|
|
|
private val isThumnailRequest: Boolean) : RequestListener<Drawable> {
|
|
|
|
|
|
|
|
override fun onLoadFailed(e: GlideException?, model: Any, target: Target<Drawable>,
|
|
|
|
isFirstResource: Boolean): Boolean {
|
2019-08-17 20:05:24 +02:00
|
|
|
// If cache for full image failed complete transition
|
|
|
|
if (isCacheRequest && !isThumnailRequest && shouldStartTransition
|
|
|
|
&& !startedTransition) {
|
|
|
|
photoActionsListener.onBringUp()
|
|
|
|
}
|
2019-08-04 20:22:57 +02:00
|
|
|
// Hide progress bar only on fail request from internet
|
|
|
|
if (!isCacheRequest) progressBar?.hide()
|
2019-08-17 20:05:24 +02:00
|
|
|
// We don't want to overwrite preview with null when main image fails to load
|
|
|
|
return !isCacheRequest
|
2019-04-16 21:39:12 +02:00
|
|
|
}
|
2018-10-15 19:56:11 +02:00
|
|
|
|
2019-08-17 20:05:24 +02:00
|
|
|
@SuppressLint("CheckResult")
|
2019-08-04 20:22:57 +02:00
|
|
|
override fun onResourceReady(resource: Drawable, model: Any, target: Target<Drawable>,
|
|
|
|
dataSource: DataSource, isFirstResource: Boolean): Boolean {
|
|
|
|
progressBar?.hide() // Always hide the progress bar on success
|
2019-08-17 20:05:24 +02:00
|
|
|
|
|
|
|
if (!startedTransition || !shouldStartTransition) {
|
|
|
|
// Set this right away so that we don't have to concurrent post() requests
|
|
|
|
startedTransition = true
|
|
|
|
// post() because load() replaces image with null. Sometimes after we set
|
|
|
|
// the thumbnail.
|
|
|
|
photoView.post {
|
|
|
|
target.onResourceReady(resource, null)
|
|
|
|
if (shouldStartTransition) photoActionsListener.onBringUp()
|
2019-08-04 20:22:57 +02:00
|
|
|
}
|
2019-08-17 20:05:24 +02:00
|
|
|
} else {
|
|
|
|
// This wait for transition. If there's no transition then we should hit
|
|
|
|
// another branch. take() will unsubscribe after we have it to not leak menmory
|
|
|
|
transition
|
|
|
|
.take(1)
|
2020-06-22 21:26:37 +02:00
|
|
|
.subscribe { target.onResourceReady(resource, null) }
|
2019-08-17 20:05:24 +02:00
|
|
|
}
|
|
|
|
return true
|
2019-04-16 21:39:12 +02:00
|
|
|
}
|
2018-10-15 19:56:11 +02:00
|
|
|
}
|
|
|
|
|
2019-08-04 20:22:57 +02:00
|
|
|
override fun onTransitionEnd() {
|
|
|
|
this.transition.onNext(Unit)
|
2018-10-15 19:56:11 +02:00
|
|
|
}
|
|
|
|
}
|