首先看一下介面效果圖，MainActivity就是使用ViewPager實現新聞、精選和設定三個頁面的。

以下展開來看一下，首先看一下佈局檔案：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
 

    android:orientation="vertical" >

    <com.wesley.todaynews.view.NoScrollViewPager
        android:id="@+id/vp_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <RadioGroup
        android:id="@+id/rg_group"
 

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#a000"
        android:gravity="center_vertical"
        android:orientation="horizontal" >

        <RadioButton
            android:id="@+id/rb_news"
            android:layout_width="wrap_content"
 

            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/news_radio_selector"
            android:gravity="center"
            android:padding="1dp"
            android:text="新聞"
            android:textColor="@drawable/text_color_selector"
            android:textSize="13sp" />

        <RadioButton
            android:id="@+id/rb_photos"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/photos_radio_selector"
            android:gravity="center"
            android:padding="1dp"
            android:text="精選"
            android:textColor="@drawable/text_color_selector"
            android:textSize="13sp" />

        <RadioButton
            android:id="@+id/rb_settings"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawablePadding="1dp"
            android:drawableTop="@drawable/settings_radio_selector"
            android:gravity="center"
            android:padding="1dp"
            android:text="設定"
            android:textColor="@drawable/text_color_selector"
            android:textSize="13sp" />
    </RadioGroup>

</LinearLayout>

一目瞭然的佈局檔案，線性佈局裡面包含了一個ViewPager和一個RadioGroup（三個RadioButton可以自由切換），這個ViewPager的唯一不同點是進行了一個簡單的自定義，實現了禁止主介面的ViewPager的左右滑動切換效果（這樣是為了後面新聞介面的ViewPager進行左右滑動切換tab）。
來看一下自定義的ViewPager的主要程式碼：

    // 表示事件是否攔截，返回false表示不攔截，可以讓巢狀在內部的ViewPager響應左右划動事件
    @Override
    public boolean onInterceptTouchEvent(MotionEvent arg0) {
        return false;
    }

可以看到onInterceptTouchEvent方法裡面返回false，這是代表不對事件進行攔截，因為onInterceptTouchEvent是控制事件自Root 到 Child的傳遞，在這裡也就是可以讓子view（新聞頁面中的ViewPager）接收到滑動事件進行相應的處理。

接下來看一下MainActivity中的程式碼：
首先是在initView()中找到對應控制元件的id

private void initView() {
        rgGroup = (RadioGroup) findViewById(R.id.rg_group);
        vpContent = (ViewPager) findViewById(R.id.vp_content);
    }

然後在initData()方法中，進行RadioGroup的處理和ViewPager的資料初始化

rgGroup.check(R.id.rb_news);// 預設勾選首頁
// 初始化3個子頁面
mPagerList = new ArrayList<BasePager>();

mPagerList.add(new NewsPager(this));
mPagerList.add(new PhotosPager(this));
mPagerList.add(new SettingPager(this));

vpContent.setAdapter(new ContentAdapter());

rgGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                case R.id.rb_news:
                    vpContent.setCurrentItem(0, false);
                    break;
                case R.id.rb_photos:
                    vpContent.setCurrentItem(1, false);
                    break;
                case R.id.rb_settings:
                    vpContent.setCurrentItem(2, false);
                    break;

                default:
                    break;
                }
            }
        });

這裡的BasePager是新聞、精選和設定三個頁面的基類，主要的作用是根據不同的子頁面（新聞、精選和設定）進行不同的處理，包括返回不同的佈局，進行不同資料的處理，這裡會在接下來的新聞子頁面進行展示，這裡略過。同時監聽RadioGroup的check事件，根據不同的選擇設定ViewPager相應的展示頁面。
vpContent.setCurrentItem(0, false);其中第二個引數的false表示切換頁面的時候取消動畫，預設的ViewPager切換的時候會有一個滑動的動畫，這裡直接去掉。

接下來就是ViewPager的介面卡程式碼

    /**
     * 內容ViewPager的介面卡
     * 
     * @author zhangbingwei
     * 
     */
    class ContentAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return mPagerList.size();
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

        @Override
        public Object instantiateItem(View container, int position) {
            BasePager pager = mPagerList.get(position);
            ((ViewGroup) container).addView(pager.mRootView);
            pager.initData();// 初始化資料，預載入下一個頁面
            return pager.mRootView;
        }

        @Override
        public void destroyItem(View container, int position, Object object) {
            ((ViewPager) container).removeView((View) object);
        }
    }

預設的就是實現這四個方法，相信大家都很熟悉了（掌握ViewPager的前提），這裡要提一下的就是instantiateItem這個方法，原理就是通過ViewPager當前所在頁面的位置獲取對應的子頁面（新聞、精選和設定三個），然後根據對應的子頁面新增檢視到ViewPager容器中，並且初始化相應頁面的資料，也就是

pager.initData();// 初始化資料，預載入下一個頁面

這行程式碼的作用。其中mRootView是基類中定義的View，他是根據不同的子頁面來返回不同的View。例如當我們切換到新聞頁面的時候，他會展示新聞列表，切換到精選頁面的時候，會展示圖片流。這些都是有mRootView進行返回的，這些會在接下來的子頁面中進行展示。

到這裡MainActivity基本完了，不過我這裡還做了一些額外的設定，例如雙擊返回按鈕退出，從其他子頁面返回到新聞頁面的時候，新聞頁面的標籤要重定位到頭條標籤（也就是第一個頁籤）。看下面的程式碼：

private long exitTime = 0;

    /**
     * 重寫返回鍵功能，實現連按兩次退出App
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if (keyCode == KeyEvent.KEYCODE_BACK) {
            // 按返回鍵的時候讓新聞頁面的頁籤回到第一個頁籤位置
            NewsPager newsPager = (NewsPager) mPagerList.get(0);
            if (newsPager.vpNews.getCurrentItem() == 0) {
                exit();
            } else {
                newsPager.mIndicator.setCurrentItem(0);
            }

            return false;
        }
        return super.onKeyDown(keyCode, event);
    }

    public void exit() {
        if (System.currentTimeMillis() - exitTime > 2000) {
            Toast.makeText(getApplicationContext(), "再按一次返回退出",
                    Toast.LENGTH_SHORT).show();
            exitTime = System.currentTimeMillis();
        } else {
            finish();
            System.exit(0);
        }
    }

這裡重寫了onKeyDown()方法，獲取到第一個新聞子頁面，然後進行條件判定：如果當前是在新聞頁面的第一個標籤（也就是頭條頁籤），那麼就會執行下面的exit()方法進行兩次返回鍵退出的實現效果；如果當前不是在新聞頁面的第一個標籤，那麼點選返回鍵的時候就會跳轉到新聞頁面的第一個標籤（頭條頁籤）。
在exit()方法中，獲取兩次點選返回鍵的時間，如果小於2s，就會推出，否則，不退出。

以上就是小專案 口袋新聞主介面MainActivity的介紹，有錯誤的地方歡迎指出來，感謝閱讀！