android ViewSwitcher视图切换组件

主要的layout文件

avtivity_main.xml

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="上一个" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/button1"
        android:layout_toRightOf="@+id/button1"
        android:text="下一个" />

    <ViewSwitcher
        android:id="@+id/viewSwitcher1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button2"
        android:layout_below="@+id/button2"
        android:layout_marginTop="60dp" >
    </ViewSwitcher>

</RelativeLayout>

slidelistview.xml

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

</GridView>

labelicon.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

</LinearLayout>

主要的动画文件res/anim/

slide_in_right.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="100%p"
        android:toXDelta="0"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

slide_out_left.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="0"
        android:toXDelta="-100%p"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

主要的activity

public class MainActivity extends Activity {

 private Button pre;
 private Button next;
 // 定义一个常量，用来显示每屏显示的应用程序数
 public static final int NUMBER_PRE_SCREEN = 12;

 public static class DataItem {
  public String dataName;
  public Drawable drawable;
 }
 // 保存系统的所有应用程序的list集合
 private ArrayList<DataItem> items = new ArrayList<MainActivity.DataItem>();
 // 记录当前在显示第几屏的程序
 private int screenNo = -1;
 // 保存程序所占的总屏数
 private int screenCount;
 ViewSwitcher viewSwitch;
 LayoutInflater inflate;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  pre = (Button) findViewById(R.id.button1);
  next = (Button) findViewById(R.id.button2);
  inflate = LayoutInflater.from(MainActivity.this);
  // 创建一个包含40个元素的list集合，用于模拟包含40个应用程序
  for (int i = 0; i < 40; i++) {
   String label = "" + i;
   Drawable drawable = getResources().getDrawable(
     R.drawable.ic_launcher);
   DataItem item = new DataItem();
   item.dataName = label;
   item.drawable = drawable;
   items.add(item);
  }
  // 计算应用程序所占的总屏数
  // 如果应用程序的数量能整除NUMBER_PRE_SCREEN，除法的结果就是总屏数
  // 如果不能整除，总屏数应该是除法的结果加1
  screenCount = items.size() % NUMBER_PRE_SCREEN == 0 ? items.size()
    / NUMBER_PRE_SCREEN : items.size() / NUMBER_PRE_SCREEN + 1;
  viewSwitch = (ViewSwitcher) findViewById(R.id.viewSwitcher1);
  viewSwitch.setFactory(new ViewFactory() {

   @Override
   public View makeView() {
    return inflate.inflate(R.layout.slidelistview, null);
   }
  });

  pre.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {
    if (screenNo > 0) {
     screenNo++;
     viewSwitch.setInAnimation(MainActivity.this,
       R.anim.slide_in_right);
     viewSwitch.setOutAnimation(MainActivity.this,
       R.anim.slide_out_left);
     ((GridView) viewSwitch.getNextView()).setAdapter(adapter);
     viewSwitch.showPrevious();
    }
   }
  });
  next.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View arg0) {
    if (screenNo < screenCount - 1) {
     screenNo++;
     viewSwitch.setInAnimation(MainActivity.this,
       R.anim.slide_in_right);
     viewSwitch.setOutAnimation(MainActivity.this,
       R.anim.slide_out_left);
     ((GridView) viewSwitch.getNextView()).setAdapter(adapter);
     viewSwitch.showNext();
    }

   }
  });
 }

 private BaseAdapter adapter = new BaseAdapter() {

  @Override
  public View getView(int arg0, View arg1, ViewGroup arg2) {
   View view = arg1;
   if(arg1==null){
    view = inflate.inflate(R.layout.labelicon, null);
   }
   ImageView iv = (ImageView) view.findViewById(R.id.imageView5);
   TextView tv = (TextView) view.findViewById(R.id.textView5);
   iv.setImageDrawable(getItem(arg0).drawable);
   tv.setText(getItem(arg0).dataName);
   return view;
  }

  @Override
  public long getItemId(int arg0) {
   return arg0;
  }

  @Override
  public DataItem getItem(int arg0) {
   return items.get(screenNo*NUMBER_PRE_SCREEN+arg0);
  }

  @Override
  public int getCount() {
   if (screenNo == screenCount - 1
     && items.size() % NUMBER_PRE_SCREEN != 0) {
    return items.size()%NUMBER_PRE_SCREEN;
   }
   return NUMBER_PRE_SCREEN;
  }
 };

}