android 滑动导航效果FragmentTabViewPager_安卓滚动导航-优快云博客

本文链接：https://blog.youkuaiyun.com/u013752594/article/details/46873587

本文分享了一个使用FragmentTabViewPager实现顶部导航效果的案例，并提供了完整的代码示例，包括Java类和XML布局文件，适用于Android应用开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做项目前做的一个顶部导航效果（FragmentTabViewPager），稍加改动也可以做底部导航，希望可以帮助到大家。Thanks！！！

效果图：

主要代码展示：

public class MainActivity extends FragmentActivity implements
OnCheckedChangeListener {


private RadioGroup radioGroup;
private RadioButton rbTongZhi, rbDongTai;
private ViewPager viewPager;
private List<Fragment> list = null;


@Override
protected void onCreate(Bundle arg0) {
super.onCreate(arg0);
setContentView(R.layout.activity_main);
radioGroup = (RadioGroup) findViewById(R.id.radioGroup);
rbTongZhi = (RadioButton) findViewById(R.id.rbTongZhi);
rbDongTai = (RadioButton) findViewById(R.id.rbDongTai);
viewPager = (ViewPager) findViewById(R.id.viewpagerHuDong);


list = new ArrayList<Fragment>();
TongZhiFragment tongZhiFragment = new TongZhiFragment();
DongTaiFragment dongTaiFragment = new DongTaiFragment();
list.add(tongZhiFragment);
list.add(dongTaiFragment);


FragmentPagerAdapter pagerAdapter = new FragmentPagerAdapter(
getSupportFragmentManager(), list);
viewPager.setAdapter(pagerAdapter);
pagerAdapter.notifyDataSetChanged();


rbTongZhi.setChecked(true);
if (rbTongZhi.isChecked()) {
rbTongZhi.setBackgroundColor(getResources().getColor(
R.color.gary));
rbDongTai.setBackgroundColor(getResources().getColor(
R.color.tab_gary));
} else {
rbTongZhi.setBackgroundColor(getResources().getColor(
R.color.tab_gary));
rbDongTai.setBackgroundColor(getResources().getColor(
R.color.gary));
}
radioGroup.setOnCheckedChangeListener(this);


// 滑动切换
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
switch (arg0) {
case 0:
rbTongZhi.setChecked(true);
break;
case 1:
rbDongTai.setChecked(true);
break;


}


}


@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {


}


@Override
public void onPageScrollStateChanged(int arg0) {


}
});


}


@Override
public void onCheckedChanged(RadioGroup arg0, int cheakedId) {
if (cheakedId == rbTongZhi.getId()) {
viewPager.setCurrentItem(0);
} else if (cheakedId == rbDongTai.getId()) {
viewPager.setCurrentItem(1);
}
switch (cheakedId) {
case R.id.rbTongZhi:
rbTongZhi.setBackgroundColor(getResources().getColor(
R.color.gary));
rbDongTai.setBackgroundColor(getResources().getColor(
R.color.tab_gary));
break;
case R.id.rbDongTai:
rbTongZhi.setBackgroundColor(getResources().getColor(
R.color.tab_gary));
rbDongTai.setBackgroundColor(getResources().getColor(
R.color.gary));
break;
default:
break;
}
}

FragmentStatePagerAdapter

class FragmentPagerAdapter extends FragmentStatePagerAdapter {


List<Fragment> list;


public FragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {
super(fm);
this.list = list;
}


@Override
public Fragment getItem(int arg0) {
return list.get(arg0);
}


@Override
public int getCount() {


return list.size();
}


}

xml展示:（activity_main）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >


    <LinearLayout
        android:id="@+id/layout_zone"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >


        <include layout="@layout/titie_header" />


        <android.support.v4.view.ViewPager
            android:id="@+id/viewpagerHuDong"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
    </LinearLayout>


</RelativeLayout>



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50.0dip"
        android:background="#121212" >
<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50.0dip"
        android:background="#121212" >
        <RadioGroup
            android:id="@+id/radioGroup"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:orientation="horizontal" >


            <RadioButton
                android:id="@+id/rbTongZhi"
                android:layout_width="0.0dip"
                android:layout_height="50.0dip"
                android:layout_weight="1"
                android:button="@null"
                android:checked="true"
                android:drawableLeft="@drawable/invite_friends_true"
                android:gravity="right|center_vertical"
                android:paddingLeft="42dp"
                android:paddingRight="42dp"
                android:text="邀请好友"
                android:textColor="@drawable/wp_text_selector"
                android:textSize="14sp" />


            <RadioButton
                android:id="@+id/rbDongTai"
                android:layout_width="0.0dip"
                android:layout_height="50.0dip"
                android:layout_weight="1"
                android:button="@null"
                android:drawableLeft="@drawable/car_talent_show_true"
                android:gravity="right|center_vertical"
                android:paddingLeft="42dp"
                android:paddingRight="42dp"
                android:text="养车达人"
                android:textColor="@drawable/wp_text_selector"
                android:textSize="14sp" />
        </RadioGroup>
    </FrameLayout>
</RelativeLayout>
</LinearLayout>

源码下载地址http://download.youkuaiyun.com/detail/u013752594/8897091