android transitiondrawable基本使用

梦里梦外; 2022-07-15 03:25 118阅读 0赞

一：transitiondrawable是LayerDrawable的子类，不过它只负责管理两层drawable，并且提供了一个透明度变化的动画，可以控制从一层drawable过度到另一层drawable的动画效果。

二：在drawable文件夹下：

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

三：布局文件

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:orientation="vertical"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent">
    
        <ImageView
            android:src="@drawable/bitmap"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/iv_drawable"/>
    
        <Button
            android:id="@+id/btn_on"
            android:text="light on"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    
        <Button
            android:id="@+id/btn_off"
            android:text="light off"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

四：activity

package com.example.kirito.myapplication.testdrawable;
    
    import android.graphics.drawable.TransitionDrawable;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.support.v7.app.AppCompatActivity;
    import android.view.View;
    import android.widget.Button;
    import android.widget.ImageView;
    
    import com.example.kirito.myapplication.R;
    
    /**
     * Created by kirito on 2016.10.31.
     */
    
    public class TestDrawable extends AppCompatActivity implements View.OnClickListener{
        private Button on,off;
        private ImageView iv;
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.testdrawable);
    
            on = (Button) findViewById(R.id.btn_on);
            off = (Button) findViewById(R.id.btn_off);
            on.setOnClickListener(this);
            off.setOnClickListener(this);
            iv = (ImageView) findViewById(R.id.iv_drawable);
        }
    
        @Override
        public void onClick(View v) {
            if (v.getId() == R.id.btn_off){
                TransitionDrawable drawable = (TransitionDrawable) iv.getDrawable();
                //从第二个item切换到第一个item
                drawable.reverseTransition(3000);
            }else if (v.getId() == R.id.btn_on){
                TransitionDrawable drawable = (TransitionDrawable) iv.getDrawable();
                //从第一个item切换到第二个item
                drawable.startTransition(3000);
            }
        }
    }

五：实现关灯，开灯的效果

![Center][]

![Center 1][]

[Center]: /images/20220715/3e3279960bd94e579125e8f3cc1479f4.png
[Center 1]: /images/20220715/60c5e450b863495f8fc03fd1731dac3b.png