ViewSwitcher的简单使用

最新推荐文章于 2024-03-13 16:49:05 发布

斌哥A1001

最新推荐文章于 2024-03-13 16:49:05 发布

阅读量523

点赞数

CC 4.0 BY-SA版权

分类专栏： < Anroid 进阶 >

本文链接：https://blog.youkuaiyun.com/u011057161/article/details/40739663

< Anroid 进阶 > 专栏收录该内容

35 篇文章

订阅专栏

本文详细介绍了如何在Android中利用ViewSwitcher组件和自定义动画资源，实现一个美观且动态的加载动画效果。通过结合布局XML文件、动画文件以及Java代码，演示了从按钮点击到动画播放的全过程，最终达到增强用户体验的目的。

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

//布局xml文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.switcher.MainActivity"
    tools:ignore="MergeRootFrame" >

    <ViewSwitcher
        android:id="@+id/switcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" >

        <RelativeLayout
            android:layout_width="300dp"
            android:layout_height="300dp" >
            <Button
                android:id="@+id/button"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="loading" />
        </RelativeLayout>
        
        <!-- 动画视图 -->
        <View
            android:id="@+id/login_loading"
            android:layout_width="135.0dip"
            android:layout_height="135.0dip"
            android:layout_gravity="center"
            android:background="@anim/login_loading" />
        
    </ViewSwitcher>

</RelativeLayout>

//res/anim/login_loading.xml, 逐帧动画效果

<?xml version="1.0" encoding="UTF-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
 	android:oneshot="false">
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_00" />
            <item android:drawable="@drawable/login_loading_10" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_01" />
            <item android:drawable="@drawable/login_loading_11" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_02" />
            <item android:drawable="@drawable/login_loading_12" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_03" />
            <item android:drawable="@drawable/login_loading_13" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_04" />
            <item android:drawable="@drawable/login_loading_14" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_05" />
            <item android:drawable="@drawable/login_loading_15" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_06" />
            <item android:drawable="@drawable/login_loading_16" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_07" />
            <item android:drawable="@drawable/login_loading_17" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_08" />
            <item android:drawable="@drawable/login_loading_18" />
        </layer-list>
    </item>
    <item android:duration="100">
        <layer-list>
            <item android:drawable="@drawable/login_loading_09" />
            <item android:drawable="@drawable/login_loading_19" />
        </layer-list>
    </item>
</animation-list>

//MainActivity.java

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        final ViewSwitcher switcher=(ViewSwitcher)this.findViewById(R.id.switcher);
        switcher.setInAnimation(this,R.anim.in);//切换动画效果
		switcher.setOutAnimation(this,R.anim.out);
        Button button=(Button)this.findViewById(R.id.button);
        final View view=(View)this.findViewById(R.id.login_loading);
        
        button.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View arg0) {
				
				AnimationDrawable animationDrawable=(AnimationDrawable)view.getBackground();
				animationDrawable.start();//开始逐帧动画
				switcher.showNext();//显示动画视图
				
			}
		});

    }
}

效果图