android 滑动导航效果FragmentTabViewPager

来源：互联网发布：sql2005 mdf恢复数据库编辑：程序博客网时间：2024/05/17 04:34

做项目前做的一个顶部导航效果（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.csdn.net/detail/u013752594/8897091

0 0