使用TransitionDrawable的交叉淡化不适用于android

时间:2014-07-05 23:26:03

标签: android animation transitiondrawable

我有两张想要褪色的图片。 最初他们都使用imageview。然后我使用.getDrawable()来获取图像的drawable。

这是我使用的代码

Drawable backgrounds[] = new Drawable[2];
backgrounds[0] = BackgroundImage.getDrawable();
backgrounds[1] = BackgroundImageBlurred.getDrawable();

TransitionDrawable crossfader = new TransitionDrawable(backgrounds);
crossfader.startTransition(3000);

它只显示第一个数组元素上的图像,无论如何它都显示,因为两个图像都设置为在XML中可见。

过渡未开始

任何帮助将不胜感激:)

5 个答案:

答案 0 :(得分:35)

以下是一个示例 IF 您有2个drawable并想要在某些ImageView中设置其转换动画:

package com.example.app;

import android.app.Activity;
import android.content.res.Resources;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.TransitionDrawable;
import android.os.Bundle;
import android.widget.ImageView;

 class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Drawable backgrounds[] = new Drawable[2];
        Resources res = getResources();
        backgrounds[0] = res.getDrawable(android.R.drawable.btn_star_big_on);
        backgrounds[1] = res.getDrawable(android.R.drawable.btn_star_big_off);

        TransitionDrawable crossfader = new TransitionDrawable(backgrounds);

        ImageView image = (ImageView)findViewById(R.id.image);
        image.setImageDrawable(crossfader);

        crossfader.startTransition(3000);

    }
}

然后,如果您想要转换回原始图像,可以调用

// Make sure the transition occurred
crossfader.startTransition(0);
// Reverse transition
crossfader.reverseTransition(3000);

如果我误解了你的问题,请纠正我。

答案 1 :(得分:12)

你应该使用setCrossFadeEnabled propery

final TransitionDrawable briefcaseTransition = (TransitionDrawable) briefcase.getDrawable();
briefcaseTransition.setCrossFadeEnabled(true);
briefcaseTransition.startTransition(500);

答案 2 :(得分:4)

也许你喜欢这一个 - res / drawable / transition.xml:

<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/on" />
    <item android:drawable="@drawable/off" />
</transition>

ImageView:

<ImageButton android:id="@+id/button"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/transition" /> 

Javacode:

ImageButton button = (ImageButton) findViewById(R.id.button);
TransitionDrawable drawable = (TransitionDrawable) button.getDrawable();
drawable.startTransition(500);

如果它有用,您可以看到Google-Dev:

http://developer.android.com/guide/topics/resources/drawable-resource.html

答案 3 :(得分:3)

如果您使用的是Vector,则您的VectorDrawables 不会在TransitionDrawable中交叉渐变。

您需要先将它们转换为BitmapDrawables。

https://stackoverflow.com/a/54583929/114549此处查看我的答案

答案 4 :(得分:2)

TransitionDrawable只是一种特殊的可绘制方式。它不是自己绘制的,它必须放在某个地方(例如在视图背景,在ImageView和&amp; c上)才能显示。

如果您尝试交叉淡化两张图片,则有两种可能的方法:

  1. 使用带有TransitionDrawable ImageView。
  2. 使用两个ImageView和crossfade them with animations