文档章节

[Android]ViewSwitcher使用范例

墨梅
 墨梅
发布于 2014/03/28 22:16
字数 391
阅读 1133
收藏 2

相关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. 请大家自行准备测试图片

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

本文转载自:http://www.cnblogs.com/over140/archive/2011/09/03/2121526.html

共有 人打赏支持
墨梅
粉丝 16
博文 218
码字总数 43367
作品 0
杭州
后端工程师
私信 提问
ViewSwitcher学习笔记

ViewSwitcher 的作用简单来说就是:在两个视图间转换时显示动画 它的两个子类应该很熟悉,ImageSwitcher:转换图片时增加动画效果; TextSwitcher: 转换文字时增加动画效果; API翻译 一、结构...

无一物
2012/12/20
0
0
TextSwitcher 文本切换器的功能与用法

TextSwitcher集成了ViewSwitcher, 因此它具有与ViewSwitcher相同的特性:可以在切换View组件时使用动画效果。与ImageSwitcher相似的是,使用TextSwitcher也需要设置一个ViewFactory。与Image...

记录自己的点点滴滴
2018/12/22
0
0
Android ViewSwitcher 的功能与用法

ViewSwitcher 代表了视图切换组件, 本身继承了FrameLayout ,可以将多个View叠在一起 ,每次只显示一个组件.当程序控制从一个View切换到另个View时,ViewSwitcher 支持指定动画效果. 为了给Vie...

yolinfeng
2015/06/06
0
0
android TextSwitcher

public class TextSwitcher extends ViewSwitcher java.lang.Object android.view.View android.view.ViewGroup android.widget.FrameLayout android.widget.ViewAnimator android.widget.Vi......

amigos_wu
2012/07/09
0
0
【android基础学习之六】——常用效果1

声明:学习的书籍《Android应用开发揭秘》,这里记录学习该书籍的日志,引用的相关代码与总结描述,没有商业的用途,完全是自我学习的一个记录,刚刚学习不可避免会出现很多问题,若是有错误...

晨曦之光
2012/03/08
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

AWS自动部署工具codedeploy的部署概述

1)在AWS lambda平台上部署: 三大部分:要部署的内容 --> 部署的配置 --> 更新的lambda函数版本 部署的流程:上传修订的应用程序-->创建一个应用程序-->指定部署组-->指定部署的配置-->指定...

守护-创造
22分钟前
1
0
好程序员教程分享Javascript设计模式

好程序员教程分享Javascript设计模式 方法一 对象字面量表示法   在对象字面量表示法中,一个对象被描述为一组包含在大括号中,以逗号分隔的 name/value 对。对象内的名称可以是字符串或标...

好程序员IT
28分钟前
2
0
fail-fast和fail-safe的介绍和区别

fail-fast和fail-safe 前言 前段时间公司招的实习生在使用迭代器遍历的时候,对集合内容进行了修改,从而抛出ConcurrentModificationException. 然后给他讲解之余也整理了这一篇文章. fail-fa...

群星纪元
30分钟前
3
0
控制反转 IOC

控制反转(Inversion of Control,缩写为IoC)面向对象设计原则,降低代码耦合度 依赖注入(Dependency Injection,简称DI) 依赖查找(Dependency Lookup):容器提供回调接口和上下文条件给...

SibylY
41分钟前
2
0
网络介绍:Kubernetes设计文档

模型和动机 Kubernetes从Docker默认的网络模型中独立出来形成一套自己的网络模型。该网络模型的目标是:每一个pod都拥有一个扁平化共享网络命名空间的IP,通过该IP,pod就能够跨网络与其它物...

xiangyunyan
43分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部