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"
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;
10. public void onCreate(Bundle savedInstanceState) {
11. super.onCreate(savedInstanceState);
12. requestWindowFeature(Window.FEATURE_NO_TITLE);
13. setContentView(R.layout.activity_main);
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. }
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. }
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. }