ViewSwitcher的功能和用法

  1 import java.util.ArrayList;  
  2   
  3 import android.os.Bundle;  
  4 import android.app.Activity;  
  5 import android.graphics.drawable.Drawable;  
  6 import android.view.LayoutInflater;  
  7 import android.view.View;  
  8 import android.view.ViewGroup;  
  9 import android.widget.BaseAdapter;  
 10 import android.widget.GridView;  
 11 import android.widget.ImageView;  
 12 import android.widget.TextView;  
 13 import android.widget.ViewSwitcher;  
 14 import android.widget.ViewSwitcher.ViewFactory;  
 15   
 16   
 17 public class ViewSwitcherTest extends Activity  
 18 {  
 19     // 定义一个常量，用于显示每屏显示的应用程序数  
 20     public static final int NUMBER_PER_SCREEN = 12;  
 21   
 22     // 代表应用程序的内部类，  
 23     public static class DataItem  
 24     {  
 25         // 应用程序名称  
 26         public String dataName;  
 27         // 应用程序图标  
 28         public Drawable drawable;  
 29     }  
 30   
 31     // 保存系统所有应用程序的List集合  
 32     private ArrayList<DataItem> items = new ArrayList<DataItem>();  
 33     // 记录当前正在显示第几屏的程序  
 34     private int screenNo = -1;  
 35     // 保存程序所占的总屏数  
 36     private int screenCount;  
 37     ViewSwitcher switcher;  
 38     // 创建LayoutInflater对象  
 39     LayoutInflater inflater;  
 40   
 41     @Override  
 42     public void onCreate(Bundle savedInstanceState)  
 43     {  
 44         super.onCreate(savedInstanceState);  
 45         setContentView(R.layout.main);  
 46         inflater = LayoutInflater.from(ViewSwitcherTest.this);  
 47         // 创建一个包含40个元素的List集合，用于模拟包含40个应用程序  
 48         for (int i = 0; i < 40; i++)  
 49         {  
 50             String label = "" + i;  
 51             Drawable drawable = getResources().getDrawable(  
 52                     R.drawable.ic_launcher);  
 53             DataItem item = new DataItem();  
 54             item.dataName = label;  
 55             item.drawable = drawable;  
 56             items.add(item);  
 57         }  
 58         // 计算应用程序所占的总屏数。  
 59         // 如果应用程序的数量能整除NUMBER_PER_SCREEN，除法的结果就是总屏数。  
 60         // 如果不能整除，总屏数应该是除法的结果再加1。  
 61         screenCount = items.size() % NUMBER_PER_SCREEN == 0 ?   
 62                 items.size()/ NUMBER_PER_SCREEN :  
 63                 items.size() / NUMBER_PER_SCREEN    + 1;  
 64         switcher = (ViewSwitcher) findViewById(R.id.viewSwitcher);  
 65         switcher.setFactory(new ViewFactory()  
 66         {  
 67             // 实际上就是返回一个GridView组件  
 68             @Override  
 69             public View makeView()  
 70             {  
 71                 // 加载R.layout.slidelistview组件，实际上就是一个GridView组件。  
 72                 return inflater.inflate(R.layout.slidelistview, null);  
 73             }  
 74         });  
 75         // 页面加载时先显示第一屏。  
 76         next(null);  
 77     }  
 78   
 79     public void next(View v)  
 80     {  
 81         if (screenNo < screenCount - 1)  
 82         {  
 83             screenNo++;  
 84             // 为ViewSwitcher的组件显示过程设置动画  
 85             switcher.setInAnimation(this, R.anim.slide_in_right);  
 86             // 为ViewSwitcher的组件隐藏过程设置动画  
 87             switcher.setOutAnimation(this, R.anim.slide_out_left);  
 88             // 控制下一屏将要显示的GridView对应的 Adapter  
 89             ((GridView) switcher.getNextView()).setAdapter(adapter);  
 90             // 点击右边按钮，显示下一屏，也可通过手势检测实现显示下一屏.  
 91             switcher.showNext();   
 92         }  
 93     }  
 94   
 95     public void prev(View v)  
 96     {  
 97         if (screenNo > 0)  
 98         {  
 99             screenNo--;  
100             // 为ViewSwitcher的组件显示过程设置动画  
101             switcher.setInAnimation(this, android.R.anim.slide_in_left);  
102             // 为ViewSwitcher的组件隐藏过程设置动画  
103             switcher.setOutAnimation(this, android.R.anim.slide_out_right);  
104             // 控制下一屏将要显示的GridView对应的 Adapter  
105             ((GridView) switcher.getNextView()).setAdapter(adapter);  
106             // 点击左边按钮，显示上一屏，也可通过手势检测实现显示上一屏.  
107             switcher.showPrevious();   
108         }  
109     }  
110   
111     // 该BaseAdapter负责为每屏显示的GridView提供列表项  
112     private BaseAdapter adapter = new BaseAdapter()  
113     {  
114         @Override  
115         public int getCount()  
116         {  
117             // 如果已经到了最后一屏，且应用程序的数量不能整除NUMBER_PER_SCREEN  
118             if (screenNo == screenCount - 1  
119                     && items.size() % NUMBER_PER_SCREEN != 0)  
120             {  
121                 // 最后一屏显示的程序数为应用程序的数量对NUMBER_PER_SCREEN求余  
122                 return items.size() % NUMBER_PER_SCREEN;  
123             }  
124             // 否则每屏显示的程序数量为NUMBER_PER_SCREEN  
125             return NUMBER_PER_SCREEN;  
126         }  
127   
128         @Override  
129         public DataItem getItem(int position)  
130         {  
131             // 根据screenNo计算第position个列表项的数据  
132             return items.get(screenNo * NUMBER_PER_SCREEN + position);  
133         }  
134   
135         @Override  
136         public long getItemId(int position)  
137         {  
138             return position;  
139         }  
140   
141         @Override  
142         public View getView(int position  
143                 , View convertView, ViewGroup parent)  
144         {  
145             View view = convertView;  
146             if (convertView == null)  
147             {  
148                 // 加载R.layout.labelicon布局文件  
149                 view = inflater.inflate(R.layout.labelicon, null);  
150             }  
151             // 获取R.layout.labelicon布局文件中的ImageView组件，并为之设置图标  
152             ImageView imageView = (ImageView)  
153                     view.findViewById(R.id.imageview);  
154             imageView.setImageDrawable(getItem(position).drawable);  
155             // 获取R.layout.labelicon布局文件中的TextView组件，并为之设置文本  
156             TextView textView = (TextView)   
157                     view.findViewById(R.id.textview);  
158             textView.setText(getItem(position).dataName);  
159             return view;  
160         }  
161     };  
162 }  

1 <?xml version="1.0" encoding="utf-8"?>  
2 <set xmlns:android="http://schemas.android.com/apk/res/android">  
3     <!-- 设置从右边拖进来的动画  
4     android:duration指定动画持续时间  -->  
5     <translate  
6         android:fromXDelta="100%p"  
7         android:toXDelta="0"  
8         android:duration="@android:integer/config_mediumAnimTime" />  
9 </set> 

1 <?xml version="1.0" encoding="utf-8"?>  
2 <set xmlns:android="http://schemas.android.com/apk/res/android">  
3     <!-- 设置从左边拖出去的动画   
4     android:duration指定动画持续时间 -->  
5     <translate  
6         android:fromXDelta="0"  
7         android:toXDelta="-100%p"  
8         android:duration="@android:integer/config_mediumAnimTime" />  
9 </set>  

 1 <?xml version="1.0" encoding="utf-8"?>  
 2 <!-- 定义一个垂直的LinearLayout，该容器中放置一个ImageView和一个TextView -->  
 3 <LinearLayout  
 4     xmlns:android="http://schemas.android.com/apk/res/android"  
 5     android:orientation="vertical"  
 6     android:layout_width="match_parent"  
 7     android:layout_height="match_parent"  
 8     android:gravity="center">  
 9     <ImageView  
10         android:id="@+id/imageview"  
11         android:layout_width="wrap_content"  
12         android:layout_height="wrap_content"  
13          />  
14     <TextView  
15         android:id="@+id/textview"  
16         android:layout_width="wrap_content"  
17         android:layout_height="wrap_content"  
18         android:gravity="center"  
19          />    
20 </LinearLayout> 

 1 <RelativeLayout  
 2     xmlns:android="http://schemas.android.com/apk/res/android"  
 3     android:layout_width="fill_parent"  
 4     android:layout_height="fill_parent">  
 5     <!-- 定义一个ViewSwitcher组件 -->  
 6     <ViewSwitcher  
 7         android:id="@+id/viewSwitcher"  
 8         android:layout_width="fill_parent"  
 9         android:layout_height="fill_parent" />  
10     <!-- 定义滚动到上一屏的按钮 -->  
11     <Button  
12         android:id="@+id/button_prev"  
13         android:layout_width="wrap_content"  
14         android:layout_height="wrap_content"  
15         android:layout_alignParentBottom="true"  
16         android:layout_alignParentLeft="true"  
17         android:onClick="prev"  
18         android:text="<" />  
19     <!-- 定义滚动到下一屏的按钮 -->  
20     <Button  
21         android:id="@+id/button_next"  
22         android:layout_width="wrap_content"  
23         android:layout_height="wrap_content"  
24         android:layout_alignParentBottom="true"  
25         android:layout_alignParentRight="true"  
26         android:onClick="next"  
27         android:text=">" />  
28 </RelativeLayout>  

1 <?xml version="1.0" encoding="utf-8"?>  
2 <GridView  
3   xmlns:android="http://schemas.android.com/apk/res/android"  
4   android:layout_width="match_parent"  
5   android:numColumns="4"  
6   android:layout_height="match_parent">  
7       
8 </GridView>