Android语言基础教程（67）Android高级用户界面设计高级组件之图像切换器：图像切换器：让你的APP图片展示从此告别平淡！

在Android应用开发中，图片切换功能无处不在，掌握ImageSwitcher的使用，能让你的应用体验大幅提升。

从零认识ImageSwitcher：不只是简单的ImageView

作为一名Android开发者，你一定遇到过需要在多张图片间切换的场景。最初，你可能会用ImageView配合按钮点击切换图片，但这种方式生硬又无趣。

这时候，ImageSwitcher就该登场了！

ImageSwitcher可以理解为ImageView的升级版——它不仅能显示图片，更重要的是可以为图片切换过程添加流畅的动画效果，让图片的切换不再是生硬的“跳变”，而是自然的“过渡”。

想象一下，你的相册应用中，图片切换时有淡入淡出效果，或者左右滑动动画，这种细微的交互体验往往就是普通应用与优秀应用的区别。

ImageSwitcher背后的魔法：核心原理剖析

简单来说，ImageSwitcher继承自ViewSwitcher，而ViewSwitcher又继承自ViewAnimator。这种继承关系意味着它天生就具备视图切换和动画能力。

与普通ImageView直接设置图片资源不同，使用ImageSwitcher需要配置一个ViewFactory，这个工厂负责创建显示图片的ImageView。

你可以把它理解为一个图片展示流水线：ViewFactory是生产ImageView的工厂，ImageSwitcher是调度员，负责协调何时显示哪个ImageView，以及如何以动画形式展示它们。

每次调用setImageResource()方法时，ImageSwitcher并不会直接替换图片，而是创建新的视图并施动画效果——旧图片逐渐消失（outAnimation），新图片逐渐出现（inAnimation）。

手把手打造：基础图片切换器实现

接下来，我们一步步构建一个功能完整的图片切换器。

1. 布局文件：搭建舞台

首先，在XML布局中定义ImageSwitcher和操作按钮：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/show"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:text="我是当前图片的信息~"
        android:textSize="24dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <ImageSwitcher
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="#666666">
        </ImageSwitcher>
        <LinearLayout
            android:layout_width="match_parent"