Android 高仿QQ 界面滑動效果

點擊或者滑動切換畫面，用ViewPager實現，

首先是布局文件：

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.                     />       
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.                     />   
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.                      
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.                     /> 
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> 

代碼：

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. }