Android 高仿QQ 界面滑动效果

点击或者滑动切换画面，用ViewPager实现，

首先是布局文件：

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent"  
4.     android:orientation="vertical" >  
5.     <LinearLayout  
6.         android:layout_width="match_parent"  
7.         android:layout_height="62dip"  
8.         android:orientation="vertical"   
9.         android:background="@drawable/top_theme_blue">  
10.         <LinearLayout  
11.             android:layout_width="match_parent"  
12.             android:layout_height="36dip"  
13.             android:orientation="horizontal"   
14.             android:gravity="center_vertical">  
15.             <ImageView  
16.                 android:id="@+id/main_avatar"  
17.                 android:layout_width="32dip"  
18.                 android:layout_height="32dip"  
19.                 android:src="@drawable/avatar" />  
20.             <TextView   
21.                 android:id="@+id/main_nick"  
22.                 android:layout_width="wrap_content"  
23.                 android:layout_height="wrap_content"  
24.                 android:textColor="#FFFFFF"  
25.                 android:text="Vestigge"/>  
26.             <ImageView   
27.                 android:layout_width="14dip"  
28.                 android:layout_height="14dip"  
29.                 android:src="@drawable/status_online"/>  
30.         </LinearLayout>  
31.         <LinearLayout  
32.             android:layout_width="match_parent"  
33.             android:layout_height="26dip"  
34.             android:orientation="horizontal"   
35.             android:gravity="bottom">  
36.             <RadioGroup     
37.                 android:id="@+id/main_radiogroup"  
38.                 android:orientation="horizontal"  
39.                 android:paddingTop="1dp"   
40.                 android:layout_width="fill_parent"     
41.                 android:layout_height="wrap_content">    
42.                 <RadioButton     
43.                     android:id="@+id/main_radio_recent"     
44.                     android:checked="true"     
45.                     android:text="动态"   
46.                     android:textColor="@color/tab_text"  
47.                     android:drawableBottom="@drawable/top_tab_selector"  
48.                     style="@style/radio_style"/>        
49.                 <RadioButton     
50.                     android:id="@+id/main_radio_buddy"   
51.                     android:text="群组"  
52.                     android:textColor="@color/tab_text"   
53.                     android:drawableBottom="@drawable/top_tab_selector"  
54.                     style="@style/radio_style"/>    
55.                 <RadioButton     
56.                     android:id="@+id/main_radio_group"     
57.                     android:text="好友"   
58.                     android:textColor="@color/tab_text"  
59.                     android:drawableBottom="@drawable/top_tab_selector"  
60.                     style="@style/radio_style"  
61.                     android:checked="true"/>  
62.                 <RadioButton     
63.                     android:id="@+id/main_radio_trends"     
64.                     android:text="会话"   
65.                     android:textColor="@color/tab_text"  
66.                     android:drawableBottom="@drawable/top_tab_selector"  
67.                     style="@style/radio_style"/>  
68.             </RadioGroup>     
69.         </LinearLayout>  
70.     </LinearLayout>  
71.     <android.support.v4.view.ViewPager  
72.         android:id="@+id/main_viewpager"  
73.         android:layout_width="match_parent"  
74.         android:layout_height="match_parent" >  
75.     </android.support.v4.view.ViewPager>     
76. </LinearLayout>  

代码：

[java]  view plain copy

1. public class MainActivity extends ActivityGroup {  
2.     private static final String TRENDS="动态";  
3.     private static final String GROUP="群组";  
4.     private static final String BUDDY="好友";  
5.     private static final String RECENT="会话";  
6.     private ArrayList<View> pageViews;  
7.     private RadioGroup radioGroup;  
8.     private ViewPager viewPager;  
9.   
10.     public void onCreate(Bundle savedInstanceState) {  
11.         super.onCreate(savedInstanceState);  
12.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
13.         setContentView(R.layout.activity_main);  
14.           
15.         initView();  
16.         viewPager=(ViewPager) findViewById(R.id.main_viewpager);  
17.         viewPager.setAdapter(new PagerAdapter(){  
18.             public int getCount() {  
19.                 return pageViews.size();  
20.             }  
21.             public boolean isViewFromObject(View view, Object objcet) {  
22.                 return view==objcet;  
23.             }  
24.             //这里会对需要进行水平切换的页面进行了加载和初始化 android:tileMode="repeat"  
25.             public Object instantiateItem(View view, int id) {  
26.                 ((ViewPager)view).addView(pageViews.get(id));  
27.                 return pageViews.get(id);  
28.             }  
29.             public void destroyItem(View view, int id, Object arg2) {    
30.                 ((ViewPager) view).removeView(pageViews.get(id));    
31.             }  
32.         });  
33.         viewPager.setCurrentItem(2);//默认显示的是好友页面  
34.         radioGroup = (RadioGroup) findViewById(R.id.main_radiogroup);  
35.         radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
36.             public void onCheckedChanged(RadioGroup group, int checkedId) {  
37.                 setClick(checkedId);  
38.             }  
39.         });  
40.     }  
41.       
42.     void initView() {  
43.         pageViews=new ArrayList<View>();  
44.         View view1 = getLocalActivityManager().startActivity(TRENDS,  
45.                 new Intent(this, TrendsActivity.class)).getDecorView();  
46.         View view2 = getLocalActivityManager().startActivity(GROUP,  
47.                 new Intent(this, GroupActivity.class)).getDecorView();  
48.         View view3 = getLocalActivityManager().startActivity(BUDDY,  
49.                 new Intent(this, BuddyActivity.class)).getDecorView();  
50.         View view4 = getLocalActivityManager().startActivity(RECENT,  
51.                 new Intent(this, RecentActivity.class)).getDecorView();  
52.         pageViews.add(0,view1);  
53.         pageViews.add(1,view2);  
54.         pageViews.add(2,view3);  
55.         pageViews.add(3,view4);  
56.     }  
57.   
58.     public void setClick(int id) {  
59.         switch(id){  
60.         case R.id.main_radio_trends:  
61.             viewPager.setCurrentItem(0);  
62.             break;  
63.         case R.id.main_radio_group:  
64.             viewPager.setCurrentItem(1);  
65.             break;  
66.         case R.id.main_radio_buddy:  
67.             viewPager.setCurrentItem(2);  
68.             break;  
69.         case R.id.main_radio_recent:  
70.             viewPager.setCurrentItem(3);  
71.             break;  
72.         }  
73.     }  
74.     @Override  
75.     public boolean onCreateOptionsMenu(Menu menu) {  
76.         getMenuInflater().inflate(R.menu.activity_main, menu);  
77.         return true;  
78.     }  
79. }