4.8 Android Fragment<v4>, ViewPager, RadioGroup的联动

本文分为三个部分，1：Fragment 的使用，2：Fragment 和ViewPager 的连接 3：ViewPager 和RadioGroup的联动

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1：Fragment 的使用

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

首先Fragment尽量要使用v4包的Fragment ,因为app包中的fragment，因为这个是在3.0之后才有的，支持的版本太高，在低版本中是是用不了的.

Fragment 可以通过两种方式来创建:1: 在布局中是用<fragment> 2：在代码中使用getSupportFragmentManager 来进行管理。

注意：当这个Activity的布局中有<fragment>标签的时候或者是使用到了Fragment 的时候，这个Activity必须继承FragmentActivity，

1:
1.1 导入v4包
1.2 activity 要继承FragmentAcitivity
1.3 将fragment 添加到layout 里面的main.xml里面
<fragment
android:id="@+id/main_fragment"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
class=""
tools:layout=""
/>
1.4 建立fragment的layout 文件。
1.5 建立fragment 的java 文件，可以手动的创建也可以通过它的方法创建，如果通过它的方法创建，需要修改导入的包名变成v4包的。
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View ret = inflater.inflate(R.layout.fragment_time,container,false);//前往别忘了false
return ret;
}

在1.3步中//其实里面有点重复的是一个layout已经在fragment 里面设置了，class里面的inflater里面也有设置。
//运行过以后其实fragment 里面不设置layout也是可以的。

2：之前在main 中添加fragment 是在xml 文件中添加的。
现在在java 的代码中添加fragment。就是在mainAcitivity 中添加。
FragmentManager manager = getSupportFragmentManager();
FragmentTransaction transaction = manager.beginTransaction();
transaction.add(R.id.fragment_container,timeFragment);
transaction.commit();
//transaction.hide(contactFragment);
//transaction.hide(actionFragment);
transaction.add(R.id.fragment_container,timeFragment).add(R.id.fragment_container,contactFragment).add(R.id.fragment_container,actionFragment);

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
千万别忘了fragment 的java 里面的onCreateView 里面的inflater.inflate(***,***,false); 的false不然是会报错的。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PS:现在的顺序变成了：
1.1 导入v4包
1.2 activity 要继承FragmentAcitivity
1.3 将fragment 添加到main的java 代码中
FragmentManager manager = getSupportFragmentManager();
FragmentTransaction transaction = manager.beginTransaction();
transaction.add(R.id.fragment_container,timeFragment);//这里的R.id.fragment_container就是main.xml里面用来显示的framelayout的布局。
//这里最好用replace。
transaction.commit();
1.4 建立fragment的layout 文件。
1.5 建立fragment 的java 文件，可以手动的创建也可以通过它的方法创建，如果通过它的方法创建，需要修改导入的包名变成v4包的。
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View ret = inflater.inflate(R.layout.fragment_time,container,false);//前往别忘了false
return ret;
}
//关于1.3的步骤
//其实这里就相当于把，本来fragment布局要做的内容给java 来处理了。既然fragment 布局需要class 和layout，那么这里也需要。
//只是布局的内容已经在timeFragment 里面的inflater 里面用到了。

++++++++++++++++++++++++++++++

2：Fragment 和ViewPager 的连接

++++++++++++++++++++++++++++

首先在布局中是在FrameLayout 中套一个 ViewPager，

FrameLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<android.support.v4.view.ViewPager
android:id="@+id/main_viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent">

</android.support.v4.view.ViewPager>
</FrameLayout>

++++++++然后是创建一个Fragment，注意这里的Fragment 是v4包的。

public class ComicFragment extends Fragment {
    
    public ComicFragment() {
        // Required empty public constructor
}
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_comic, container, false);
    }
}

再然后是创建继承了FragmentPagerAdapter的adapter，注意这里的构造函数的参数：

public class MainViewPagerAdatper extends FragmentPagerAdapter {

    Context context;
    ArrayList<Fragment> fragments;
    public MainViewPagerAdatper(FragmentManager fm,ArrayList<Fragment> fragments) {
        super(fm);
        this.fragments=fragments;
    }

    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    @Override
    public int getCount() {
        return fragments.size();
    }

}

然后在主函数中创建一个Fragment 的list，然后创建adatepr，再把这个adapter 给view pager

public class MainActivity extends AppCompatActivity {

    private ViewPager mMainViewPager;

    //    ViewPager
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initMainFragment();

    }

    public void initMainFragment(){
        mMainViewPager = (ViewPager)findViewById(R.id.main_viewPager);
        ArrayList<Fragment> fragments = new ArrayList<Fragment>();
        fragments.add(new ComicFragment());
        fragments.add(new BlankFragment());
        fragments.add(new ComicFragment());
        fragments.add(new BlankFragment());

        MainViewPagerAdatper adapter = new MainViewPagerAdatper(getSupportFragmentManager(),fragments);

        mMainViewPager.setAdapter(adapter);
    }
}

+++++++++++++++++++++++++++++++++++++++

3：ViewPager 和RadioGroup的联动

++++++++++++++++++++++++++++++++++

记住了联动的时候要在ViewPager的监听事件的回调方法onPageSelected 里面写。

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener, RadioGroup.OnCheckedChangeListener {

    private ViewPager mMainViewPager;
    private RadioGroup mMainRadioGroup;

    //    ViewPager
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initMainFragment();

        mMainRadioGroup = (RadioGroup)findViewById(R.id.main_radio_group);
        mMainViewPager.addOnPageChangeListener(this);
    }

    public void initMainFragment(){
        mMainViewPager = (ViewPager)findViewById(R.id.main_viewPager);
        ArrayList<Fragment> fragments = new ArrayList<Fragment>();
        fragments.add(new ComicFragment());
        fragments.add(new BlankFragment());
        fragments.add(new ComicFragment());
        fragments.add(new BlankFragment());

        MainViewPagerAdatper adapter = new MainViewPagerAdatper(getSupportFragmentManager(),fragments);

        mMainRadioGroup = (RadioGroup)findViewById(R.id.main_radio_group);
        mMainRadioGroup.check(R.id.radio_comic);
        mMainViewPager.setAdapter(adapter);
        mMainRadioGroup.setOnCheckedChangeListener(this);
    }

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

    }

    @Override
    public void onPageSelected(int position) {

        switch (position){
            case 0:
                mMainRadioGroup.check(R.id.radio_comic);
                break;
            case 1:
                mMainRadioGroup.check(R.id.radio_favarite);
                break;
            case 2:
                mMainRadioGroup.check(R.id.radio_topic);
                break;
            case 3:
                mMainRadioGroup.check(R.id.radio_mine);
                break;
        }

    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId){
            case R.id.radio_comic:
                mMainViewPager.setCurrentItem(0);
                break;

            case R.id.radio_favarite:
                mMainViewPager.setCurrentItem(1);
                break;

            case R.id.radio_topic:
                mMainViewPager.setCurrentItem(2);
                break;
            case R.id.radio_mine:
                mMainViewPager.setCurrentItem(3);
                break;
        }
    }
}

posted @ 2016-11-05 19:19 天涯海角路阅读(158) 评论(0) 收藏举报

刷新页面返回顶部

天涯海角路

4.8 Android Fragment<v4>, ViewPager, RadioGroup的联动

公告