ViewPager+RadioGroup实现标题栏切换,Fragment切换-白红宇

1.说明：

在使用RadioGroup做标题栏切换的时候,跟ViewPager的滑动有冲突,最后查看了源码+断点调试解决了一些碰到的问题,写一篇博客总结一下,有同样需求的朋友可以借鉴一下,自己以后有用到也方便复习。

2.代码结构,以及功能说明

1).主界面的Fragment切换使用ViewPager实现

2).标题栏用RadioGroup实现

3).实现这两个控件的监听函数,改变背景,改变字体颜色,设置当前Fragment,设置当前选中RadioButton

3.主界面代码实现

public class MainActivity extends FragmentActivity {  
    private RadioButton homeFollow,homeRecommend,homeLocation;  
    private ViewPager  vPager;  
    private List<Fragment> list=new ArrayList<Fragment>();  
    private MyFragmentAdapter adapter;  
    private final int[] array=new int[]{R.id.home_follow,R.id.home_recommend,R.id.home_location};  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.view_pager_test);  
          
        FollowFragment topFragment = new FollowFragment();  
        RecommendFragment  hotFragment = new RecommendFragment();  
        LocationFragment locationFragment = new LocationFragment();  
        list.add(topFragment);  
        list.add(hotFragment);  
        list.add(locationFragment);  
          
        vPager = (ViewPager) findViewById(R.id.viewpager_home);  
        adapter = new MyFragmentAdapter(getSupportFragmentManager(), list);  
        vPager.setAdapter(adapter);  
        vPager.setOffscreenPageLimit(2);  
        vPager.setCurrentItem(1);  
        vPager.setOnPageChangeListener(pageChangeListener);  
          
        homeFollow=(RadioButton) findViewById(R.id.home_follow);  
        homeRecommend=(RadioButton) findViewById(R.id.home_recommend);  
        homeLocation=(RadioButton) findViewById(R.id.home_location);  
          
        RadioGroup group=(RadioGroup) findViewById(R.id.home_page_select);  
        group.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
            @Override  
            public void onCheckedChanged(RadioGroup group,int checkedId){  
                //设置了ViewPager的当前item就会触发ViewPager的SimpleOnPageChangeListener监听函数  
                switch (checkedId){  
                case R.id.home_follow:  
                    vPager.setCurrentItem(0);  
                    break;  
                case R.id.home_recommend:  
                    vPager.setCurrentItem(1);  
                    break;  
                case R.id.home_location:  
                    vPager.setCurrentItem(2);  
                    break;  
                }  
            }  
        });  
    }  
      
    SimpleOnPageChangeListener pageChangeListener=new SimpleOnPageChangeListener(){  
        public void onPageSelected(int position){  
            change(array[position]);  
        }  
    };  
      
    /** 
     * 改变背景颜色,背景图片 
     * @param checkedId 
     */  
    private void change(int checkedId){  
        //改变背景颜色  
        homeFollow.setBackgroundResource(R.drawable.icon_top_normal);  
        homeRecommend.setBackgroundResource(R.drawable.icon_recommend_normal);  
        homeLocation.setBackgroundResource(R.drawable.icon_location_normal);  
          
        //改变字体颜色  
        homeFollow.setTextColor(getResources().getColor(R.color.white_normal));  
        homeRecommend.setTextColor(getResources().getColor(R.color.white_normal));  
        homeLocation.setTextColor(getResources().getColor(R.color.white_normal));  
          
        switch (checkedId){  
        case R.id.home_follow:  
            homeFollow.setBackgroundResource(R.drawable.icon_top_select);  
            homeFollow.setTextColor(getResources().getColor(R.color.balck_normal));  
            homeFollow.setChecked(true);  
            break;  
        case R.id.home_recommend:  
            homeRecommend.setBackgroundResource(R.drawable.icon_recommend_select);  
            homeRecommend.setTextColor(getResources().getColor(R.color.balck_normal));  
            homeRecommend.setChecked(true);  
            break;  
        case R.id.home_location:  
            homeLocation.setBackgroundResource(R.drawable.icon_location_select);  
            homeLocation.setTextColor(getResources().getColor(R.color.balck_normal));  
            homeLocation.setChecked(true);  
            break;  
        }  
    }  
}  

4.ViewPager适配器

public class MyFragmentAdapter extends FragmentStatePagerAdapter {  
    private List<Fragment>list;  
    public MyFragmentAdapter(FragmentManager fm, List<Fragment> list) {  
        super(fm);  
        this.list = list;  
    }  
  
    public MyFragmentAdapter(FragmentManager fm) {  
        super(fm);  
    }  
  
    @Override  
    public Fragment getItem(int arg0) {  
        return list.get(arg0);  
    }  
  
    @Override  
    public int getCount() {  
        return list.size();  
    }  
}  

5.主界面布局文件

<span style="font-size:14px;"><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical" >  
  
    <android.support.v4.view.ViewPager  
        android:id="@+id/viewpager_home"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" />  
  
    <RelativeLayout  
        android:id="@+id/login_success_title"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:background="#78000000"  
        android:paddingLeft="5dip"  
        android:paddingRight="5dip" >  
  
        <RadioGroup  
            android:id="@+id/home_page_select"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_centerHorizontal="true"  
            android:layout_centerVertical="true"  
            android:orientation="horizontal"  
            android:paddingBottom="4dp"  
            android:paddingTop="4dp" >  
  
            <RadioButton  
                android:id="@+id/home_follow"  
                android:background="@drawable/icon_top_normal"  
                android:button="@null"  
                android:gravity="center"  
                android:text="关注"  
                android:textColor="@color/select_home_radio_color" />  
  
            <RadioButton  
                android:id="@+id/home_recommend"  
                android:background="@drawable/icon_recommend_select"  
                android:button="@null"  
                android:checked="true"  
                android:gravity="center"  
                android:text="推荐"  
                android:textColor="@color/select_home_radio_color" />  
  
            <RadioButton  
                android:id="@+id/home_location"  
                android:background="@drawable/icon_location_normal"  
                android:button="@null"  
                android:gravity="center"  
                android:text="位置"  
                android:textColor="@color/select_home_radio_color" />  
        </RadioGroup>  
    </RelativeLayout>  
  
</FrameLayout></span>  

6.效果图如下：

还有一些布局文件,跟资源文件我就不贴出来了,有需要的可以直接下载源码