Android Drawable Resources系列6:<transition>

最新推荐文章于 2024-04-27 21:37:32 发布

孤天浪雨

最新推荐文章于 2024-04-27 21:37:32 发布

阅读量451

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 图片 Android 基础文章标签：图片 android布局 android 自定义控件 android基础 Drawable Resources

本文链接：https://blog.youkuaiyun.com/u010246789/article/details/51455962

Android 基础同时被 2 个专栏收录

27 篇文章

订阅专栏

Android 图片

11 篇文章

订阅专栏

本文介绍如何使用TransitionDrawable实现两张图片间的淡入淡出效果。通过XML配置图片资源及位置，并通过startTransition()和reverseTransition()方法控制过渡动画。适用于希望了解此功能实现细节的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义：可以控制两张图片之间的淡入淡出效果(不超过两张)，通过startTransition()执行，reverseTransition()撤销.

用法：

<?xml version="1.0" encoding="utf-8"?>
<transition
xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@[package:]drawable/drawable_resource"
        android:id="@[+][package:]id/resource_name"
        android:top="dimension"
        android:right="dimension"
        android:bottom="dimension"
        android:left="dimension" />
</transition>

属性	作用
android:drawable	图片资源
android:top、android:right、android:bottom、android:left	距离各边的距离

官方示例：

XML file saved at 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>
This layout XML applies the drawable to a View:

<ImageButton
    android:id="@+id/button"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/transition" />
And the following code performs a 500ms transition from the first item to the second:

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

效果：

xml文件：

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

Activity中：

final TransitionDrawable drawable = (TransitionDrawable) img_transition.getDrawable();
        btn_startTransition.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                drawable.startTransition(2000);
            }
        });
        btn_reverseTransition.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                drawable.reverseTransition(2000);
            }
        });

效果：