首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

ViewSwitcher的施用

2012-06-29 
ViewSwitcher的使用[Android]ViewSwitcher使用范例作者:农民伯伯 | 出处:博客园 |?    视图二???  二、范例

ViewSwitcher的使用

[Android]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()

热点排行