如何在View和动态壁纸中容纳GIF动画的内容? [英] How to fit content of GIF animation in View and in live wallpaper?
问题描述
我有一个小型的动态壁纸应用程序，我想添加对它的支持以显示GIF动画.
I have a small live wallpaper app, that I want to add support for it to show GIF animations.
为此，我找到了各种解决方案.有一种在视图中显示GIF动画的解决方案( 此处 )，并且有甚至是在动态壁纸中显示它的解决方案( 此处 ).
For this, I've found various solutions. There is the solution of showing a GIF animation in a view (here), and there is even a solution for showing it in a live wallpaper (here).
但是，对于他们两个人来说，我都找不到如何将GIF动画的内容很好地适合其空间，这意味着以下任何一项:
However, for both of them, I can't find how to fit the content of the GIF animation nicely in the space it has, meaning any of the following:
-
中心裁剪-适合100％的容器(在这种情况下为屏幕)，在需要时在侧面(顶部和底部或左侧和右侧)裁剪.不会拉伸任何东西.这意味着内容似乎不错，但可能不会显示所有内容.
- fit-center-拉伸以适合宽度/高度
- 居中放置-设置为原始大小，居中放置，并仅在太大时才拉伸以适合宽度/高度.
- center-crop - fits to 100% of the container (the screen in this case), cropping on sides (top&bottom or left&right) when needed. Doesn't stretch anything. This means the content seems fine, but not all of it might be shown.
- fit-center - stretch to fit width/height
- center-inside - set as original size, centered, and stretch to fit width/height only if too large.
问题
这些都不是关于ImageView的，所以我不能只使用scaleType属性.
The problem
None of those is actually about ImageView, so I can't just use the scaleType attribute.
有一种解决方案可以为您提供GifDrawable(> 此处 > )，您可以在ImageView中使用它，但是在某些情况下它似乎很慢，而且我不知道如何在LiveWallpaper中使用它，然后将其安装.
There is a solution that gives you a GifDrawable (here), which you can use in ImageView, but it seems it's pretty slow in some cases, and I can't figure out how to use it in LiveWallpaper and then fit it.
The main code of the LiveWallpaper GIF handling is as such (here) :
class GIFWallpaperService : WallpaperService() {
override fun onCreateEngine(): WallpaperService.Engine {
val movie = Movie.decodeStream(resources.openRawResource(R.raw.cinemagraphs))
return GIFWallpaperEngine(movie)
}
private inner class GIFWallpaperEngine(private val movie: Movie) : WallpaperService.Engine() {
private val frameDuration = 20
private var holder: SurfaceHolder? = null
private var visible: Boolean = false
private val handler: Handler = Handler()
private val drawGIF = Runnable { draw() }
private fun draw() {
if (visible) {
val canvas = holder!!.lockCanvas()
canvas.save()
movie.draw(canvas, 0f, 0f)
canvas.restore()
holder!!.unlockCanvasAndPost(canvas)
movie.setTime((System.currentTimeMillis() % movie.duration()).toInt())
handler.removeCallbacks(drawGIF)
handler.postDelayed(drawGIF, frameDuration.toLong())
}
}
override fun onVisibilityChanged(visible: Boolean) {
this.visible = visible
if (visible)
handler.post(drawGIF)
else
handler.removeCallbacks(drawGIF)
}
override fun onDestroy() {
super.onDestroy()
handler.removeCallbacks(drawGIF)
}
override fun onCreate(surfaceHolder: SurfaceHolder) {
super.onCreate(surfaceHolder)
this.holder = surfaceHolder
}
}
}
在视图中处理GIF动画的主要代码如下:
The main code for handling GIF animation in a view is as such:
class CustomGifView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : View(context, attrs, defStyleAttr) {
private var gifMovie: Movie? = null
var movieWidth: Int = 0
var movieHeight: Int = 0
var movieDuration: Long = 0
var mMovieStart: Long = 0
init {
isFocusable = true
val gifInputStream = context.resources.openRawResource(R.raw.test)
gifMovie = Movie.decodeStream(gifInputStream)
movieWidth = gifMovie!!.width()
movieHeight = gifMovie!!.height()
movieDuration = gifMovie!!.duration().toLong()
}
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
setMeasuredDimension(movieWidth, movieHeight)
}
override fun onDraw(canvas: Canvas) {
val now = android.os.SystemClock.uptimeMillis()
if (mMovieStart == 0L) { // first time
mMovieStart = now
}
if (gifMovie != null) {
var dur = gifMovie!!.duration()
if (dur == 0) {
dur = 1000
}
val relTime = ((now - mMovieStart) % dur).toInt()
gifMovie!!.setTime(relTime)
gifMovie!!.draw(canvas, 0f, 0f)
invalidate()
}
}
}
问题
- 给出GIF动画，如何以上述每种方式缩放它?
- 是否可以针对这两种情况采用单一解决方案?
- 是否可以将GifDrawable库(或与此有关的任何其他可绘制对象)用于动态壁纸，而不是使用Movie类?如果可以，怎么办?
找到两种缩放比例后，我仍然需要知道如何根据第三种缩放比例，还想知道为什么方向改变后它仍然崩溃，以及为什么它并不总是显示立即预览.
after finding how to scale for 2 kinds, I still need to know how to scale according to the third type, and also want to know why it keeps crashing after orientation changes, and why it doesn't always show the preview right away.
我还想知道在此处显示GIF动画的最佳方法是什么，因为当前我只是刷新画布〜60fps(每2帧之间等待1000/60，而无需考虑文件中的内容).
I'd also like to know what's the best way to show the GIF animation here, because currently I just refresh the canvas ~60fps (1000/60 waiting between each 2 frames), without consideration of what's in the file.
项目可用 此处 .
推荐答案
好，我想知道如何缩放内容.不确定为什么有时应用程序仍然会因方向改变而崩溃，以及为什么有时应用程序不会立即显示预览.
OK I think I got how to scale the content. Not sure though why the app still crashes upon orientation change sometimes, and why the app doesn't show the preview right away sometimes.
项目可用 此处 .
对于中部内侧，代码为:
For center-inside, the code is:
private fun draw() {
if (!isVisible)
return
val canvas = holder!!.lockCanvas() ?: return
canvas.save()
//center-inside
val scale = Math.min(canvas.width.toFloat() / movie.width().toFloat(), canvas.height.toFloat() / movie.height().toFloat());
val x = (canvas.width.toFloat() / 2f) - (movie.width().toFloat() / 2f) * scale;
val y = (canvas.height.toFloat() / 2f) - (movie.height().toFloat() / 2f) * scale;
canvas.translate(x, y)
canvas.scale(scale, scale)
movie.draw(canvas, 0f, 0f)
canvas.restore()
holder!!.unlockCanvasAndPost(canvas)
movie.setTime((System.currentTimeMillis() % movie.duration()).toInt())
handler.removeCallbacks(drawGIF)
handler.postDelayed(drawGIF, frameDuration.toLong())
}
对于中心作物，代码为:
For center-crop, the code is:
private fun draw() {
if (!isVisible)
return
val canvas = holder!!.lockCanvas() ?: return
canvas.save()
//center crop
val scale = Math.max(canvas.width.toFloat() / movie.width().toFloat(), canvas.height.toFloat() / movie.height().toFloat());
val x = (canvas.width.toFloat() / 2f) - (movie.width().toFloat() / 2f) * scale;
val y = (canvas.height.toFloat() / 2f) - (movie.height().toFloat() / 2f) * scale;
canvas.translate(x, y)
canvas.scale(scale, scale)
movie.draw(canvas, 0f, 0f)
canvas.restore()
holder!!.unlockCanvasAndPost(canvas)
movie.setTime((System.currentTimeMillis() % movie.duration()).toInt())
handler.removeCallbacks(drawGIF)
handler.postDelayed(drawGIF, frameDuration.toLong())
}
对于fit-center，我可以使用它:
for fit-center, I can use this:
val canvasWidth = canvas.width.toFloat()
val canvasHeight = canvas.height.toFloat()
val bitmapWidth = curBitmap.width.toFloat()
val bitmapHeight = curBitmap.height.toFloat()
val scaleX = canvasWidth / bitmapWidth
val scaleY = canvasHeight / bitmapHeight
scale = if (scaleX * curBitmap.height > canvas.height) scaleY else scaleX
x = (canvasWidth / 2f) - (bitmapWidth / 2f) * scale
y = (canvasHeight / 2f) - (bitmapHeight / 2f) * scale
...
这篇关于如何在View和动态壁纸中容纳GIF动画的内容?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
