ViewPager+Fragment+FragmentPagerAdapter实现软件主界面

ViewPager之前的页面是由View构成的，现在由Fragment构成，之前的PagerAdapter这里也换成了FragmentPagerAdapter.因为PagerAdapter有

public Object instantiateItem(ViewGroup container, int position) {
    container.addView(viewList.get(position));
    return viewList.get(position);
}

方法是针对视图View的，这里已经不适用。

效果图上：

代码部分：

主界面的XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:focusable="false"
    >
    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent">
    </android.support.v4.view.ViewPager>

    <RadioGroup
        android:id="@+id/titleGroup"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true"
        android:clickable="true"
        >

        <RadioButton
            android:id="@+id/radioHome"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="第一个页面"
            android:checked="true"
            android:clickable="true"
            android:button="@null"
            android:drawableTop="@drawable/radio1"
            android:textColor="@drawable/text1"
            android:drawablePadding="5dp"
            android:padding="5dp"
            />

        <RadioButton
            android:id="@+id/radioSearch"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_gravity="center"
            android:text="第二个页面"
            android:checked="false"
            android:button="@null"
            android:drawableTop="@drawable/radio2"
            android:textColor="@drawable/text2"
            android:drawablePadding="5dp"
            android:padding="5dp"/>

        <RadioButton
            android:id="@+id/radioMore"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="第三个页面"
            android:checked="false"
            android:button="@null"
            android:drawableTop="@drawable/radio3"
            android:textColor="@drawable/text3"
            android:drawablePadding="5dp"
            android:padding="5dp"/>

        <RadioButton
            android:id="@+id/radioPersonal"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_gravity="center"
            android:text="第四个页面"
            android:checked="false"
            android:button="@null"
            android:drawableTop="@drawable/radio4"
            android:textColor="@drawable/text4"
            android:drawablePadding="5dp"
            android:padding="5dp"/>
    </RadioGroup>

</RelativeLayout>

对应的MainActivity:

package com.tab.tab;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v7.app.AppCompatActivity;
import android.support.v4.view.ViewPager;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends FragmentActivity {
    private ViewPager viewPager;
    private List<Fragment> viewList;
    private FragmentPagerAdapter  fpagerAdapter;
    private RadioGroup radioGroup;
    private RadioButton radioHome,radioSearch,radioMore,radioPersonal;
    private int[] all={0,1,2,3};
    private List<RadioButton> radioButtons;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager= (ViewPager) findViewById(R.id.viewPager);
        Fragment fragment1=new HomeActivity();
        Fragment fragment2=new SearchActivity();
        Fragment fragment3=new MoreActivity();
        Fragment fragment4=new PersonalActivity();
        viewList=new ArrayList<Fragment>();
        viewList.add(fragment1);
        viewList.add(fragment2);
        viewList.add(fragment3);
        viewList.add(fragment4);
        fpagerAdapter=new mPagerAdapter(getSupportFragmentManager());
        viewPager.setAdapter(fpagerAdapter);
        radioHome= (RadioButton) findViewById(R.id.radioHome);
        radioSearch= (RadioButton) findViewById(R.id.radioSearch);
        radioMore= (RadioButton) findViewById(R.id.radioMore);
        radioPersonal= (RadioButton) findViewById(R.id.radioPersonal);
        radioButtons=new ArrayList<RadioButton>();
        radioButtons.add(radioHome);
        radioButtons.add(radioSearch);
        radioButtons.add(radioMore);
        radioButtons.add(radioPersonal);
        viewPager.setOnPageChangeListener(new pageChangeListener());
        radioGroup= (RadioGroup) findViewById(R.id.titleGroup);
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                int i=0;
                for(RadioButton button:radioButtons){
                    if(button.getId()==checkedId){
                        viewPager.setCurrentItem(i);
                        break;
                    }
                    i++;
                }
            }
        });
    }

    class mPagerAdapter extends FragmentPagerAdapter{

        public mPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int i) {
            return viewList.get(i);
        }

        @Override
        public int getCount() {
            return viewList.size();
        }
    }
    class pageChangeListener  implements ViewPager.OnPageChangeListener{

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            for(int i:all){
                if(i==position){
                    radioButtons.get(i).setChecked(true);
                }else{
                    radioButtons.get(i).setChecked(false);
                }
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    }
}

Fragment部分：

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class HomeActivity  extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.layout1,null);
        return view;
    }
}

 

来源：oschina

链接：https://my.oschina.net/u/3630543/blog/2251509