<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:orientation="horizontal">

  <Button
    android:id="@+id/up_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="上一張" />

  <!-- 圖像轉(zhuǎn)換器-->
  <ImageSwitcher
    android:id="@+id/main_imageswitcher"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" />

  <Button
    android:id="@+id/down_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="下一張" />

</LinearLayout>

public class MainActivity extends AppCompatActivity {
  //聲明并初始化一個(gè)保存顯示圖像id的數(shù)組
  private int[] imageId = new int[]{R.mipmap.weathericon_graph_01, R.mipmap.weathericon_graph_02, R.mipmap.weathericon_graph_03, R.mipmap.weathericon_graph_04, R.mipmap.weathericon_graph_05};
  //當(dāng)前顯示圖像的索引
  private int index;
  //聲明一個(gè)圖像切換器對(duì)象;
  private ImageSwitcher imageSwitcher;
  private ImageView imageView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
    //給圖像器所有圖像設(shè)置動(dòng)畫(huà)效果
    //淡入動(dòng)畫(huà)
    imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
    //淡出動(dòng)畫(huà)
    imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
    //設(shè)置 imageSwitcher 的視圖切換工廠,復(fù)寫(xiě) makeView() 方法
    imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {
      @Override
      public View makeView() {
        imageView = new ImageView(MainActivity.this);
        //設(shè)置圖片的尺寸,如何與這個(gè)ImageView 相匹配.
        //@parms FIT_CENTER 保持居中并且縮放圖像.
        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
        //設(shè)置 imageView的位置/大小屬性.

        /**
         * 進(jìn)行Dp 和px 之間的轉(zhuǎn)換*/
        int widpx = DisplayUtils.dip2px(MainActivity.this, 200);
        int heipx = DisplayUtils.dip2px(MainActivity.this, 200);


        imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
            widpx,
            heipx));
        //返回 imageView 對(duì)象
        return imageView;
      }
    });
    //使 imageSwitcher 獲得顯示的圖片
    imageSwitcher.setImageResource(imageId[index]);

    findViewById(R.id.up_btn).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (index > 0) {
          index--;
        } else {
          index = imageId.length - 1;
        }
        imageSwitcher.setImageResource(imageId[index]);
      }
    });

    findViewById(R.id.down_btn).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (index < imageId.length - 1) {
          index++;
        } else {
          index = 0;
        }
        imageSwitcher.setImageResource(imageId[index]);
      }
    });


  }

  private void initView() {
    imageSwitcher = (ImageSwitcher) findViewById(R.id.main_imageswitcher);
  }

package com.lanouteam.dllo.imageswitcherdemo;

import android.content.Context;
import android.util.TypedValue;

import java.util.TreeSet;

/**
 * Created by dllo on 16/4/4.
 * dp/sp 轉(zhuǎn)換為px 的工具類(lèi);
 *
 *
 */
public class DisplayUtils {
  /**
   * 將px值轉(zhuǎn)換為 dip 或者dp 值,保證尺寸大小不變.
   *
   * @param px Value
   * @param scale
   *       (DisplayMetrics類(lèi)中屬性 density)
   *       density 就是px 向 dp或sp的換算比例
   *
   * @return
   * */

  public static int px2dip(Context context,float pxValue){
    final float scale =context.getResources().getDisplayMetrics().density;
    return (int) (pxValue/scale +0.5f);
  }

  /**
   * 將 px 值轉(zhuǎn)換為dp 或者 dip 值,保證尺寸大小不變
   * @param dipValue
   * @param scale
   *        (DisplayMetrics類(lèi)中屬性 density)
   * @return
   * */
  public static int dip2px(Context context ,float dipValue){
    final float scale =context.getResources().getDisplayMetrics().density;
    return (int) (dipValue*scale+0.5f);
  }

  /**
   * 將px 值轉(zhuǎn)換成 sp值,保證文字大小不變
   *
   * @param pxValue
   * @param fontScale
   *       (DisplayMetrics類(lèi)中屬性 density)
   * @return
   * */

  public static int px2sp(Context context,float pxValue){
    final float fontScale =context.getResources().getDisplayMetrics().density;
    return (int) ((pxValue/fontScale)+0.5f);
  }

  /**
   * 將 px 值轉(zhuǎn)換為dp 或者 dip 值,保證尺寸大小不變
   * @param dipValue
   * @param scale
   *        (DisplayMetrics類(lèi)中屬性 density)
   * @return
   * */
  public static int sp2dip(Context context ,float spValue){
    final float scale =context.getResources().getDisplayMetrics().density;
    return (int) (spValue*scale+0.5f);
  }


  /**
   * density 是dp 和sp 相對(duì)于px 的換算比例
   * 而系統(tǒng)也提供了TypedValue 類(lèi)幫助轉(zhuǎn)換
   * */
  protected int dp2px(int dp,Context context){
    //通過(guò)TypedValue工具類(lèi)來(lái)進(jìn)行轉(zhuǎn)換
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,dp,context.getResources().getDisplayMetrics());
  }

   protected int sp2px(int sp,Context context){
     return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,sp,context.getResources().getDisplayMetrics());
   }

}