ViewSwitcher的使用

[Android]ViewSwitcher使用范例

作者：农民伯伯 | 出处：博客园 | 2011/9/3 10:32:06 | 阅读31次

前言

　　 虽然ViewSwitcher的中文API早已翻译出来，但一直没有在项目中使用过，也没有搜到很合适很简单的中文例子，这里与大家一起探讨和分享一下其用法。

 

声明

　　欢迎转载，但请保留文章原始出处:) 

　　　　博客园：http://www.cnblogs.com

　　　　农民伯伯： http://over140.cnblogs.com  

 

相关API

　　Android 中文API （61） —— ViewSwitcher

 

正文

　　一、简介

　　　　ViewSwitcher适用于两个视图带动画效果的切换。这里实现两个视图切换的功能，并附带滑屏效果。

 

　　二、截图

　　　　视图一

 

　　　　视图二

 

 

 

　　二、范例代码

　　　　带动画效果的切换视图一和视图二。

　　　　xml

    <ViewSwitcher android:layout_alignParentBottom="true"
        android:persistentDrawingCache="animation" android:id="@+id/bottom"
        android:layout_width="match_parent" android:inAnimation="@android:anim/slide_in_left"
        android:outAnimation="@android:anim/slide_out_right" android:layout_height="122.0dip">
        <RelativeLayout android:layout_width="fill_parent"
            android:layout_gravity="bottom" android:layout_marginBottom="12.0dip"
            android:id="@+id/lyBottom" android:layout_height="wrap_content">
            <Button android:id="@+id/btn_pre" android:text="上一步"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_centerVertical="true" android:layout_toLeftOf="@+id/btn_middle"
                android:layout_marginRight="150.0dip" />
            <Button android:id="@+id/btn_middle" android:layout_width="wrap_content"
                android:layout_centerInParent="true" android:onClick="onClick" android:visibility="invisible"
                android:textSize="22.0sp" 
                android:layout_height="wrap_content"></Button>
            <Button android:id="@+id/btn_next"  android:text="下一步"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_centerVertical="true" android:layout_toRightOf="@+id/btn_middle"
                android:layout_marginLeft="150.0dip" />
        </RelativeLayout>
        <RelativeLayout android:layout_width="fill_parent"
            android:layout_gravity="bottom" android:layout_height="wrap_content"
            android:orientation="horizontal">
            <ImageView android:src="@drawable/cube" android:id="@+id/btn_reinsure"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_marginLeft="150.0dip"></ImageView>
            <ImageView android:src="@drawable/cyddz" android:id="@+id/btn_identity"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/btn_reinsure"
                android:layout_marginLeft="124.0dip"></ImageView>
            <ImageView android:src="@drawable/cykvmce" android:id="@+id/btn_insure_query"
                android:layout_toRightOf="@+id/btn_identity" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:layout_marginLeft="140.0dip"></ImageView>
            <ImageView android:src="@drawable/m8gprs" android:id="@+id/btn_review"
                android:layout_toRightOf="@+id/btn_insure_query"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_marginLeft="140.0dip"></ImageView>
            <ImageView android:src="@drawable/th_appshareth"
                android:layout_toRightOf="@+id/btn_review"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:layout_marginLeft="130.0dip"></ImageView>
        </RelativeLayout>
    </ViewSwitcher>

　　　　　　代码说明：

　　　　　　　　1.　这里使用系统自带的切换效果@android:anim/slide_in_left和@android:anim/slide_out_right。

　　　　　　　　2.　请大家自行准备测试图片

　　　　java

        bottom = (ViewSwitcher) findViewById(R.id.bottom);
        //切换为第一个
        bottom.setDisplayedChild(0);
        //切换到下一个
        //bottom.showNext()