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;
}
}