安卓开发--应用市场的界面制作（一）--viewpager+fragment实现可滑动的底部导航栏

相关文章

• Android Fragment完全解析，关于碎片你所需知道的一切
  这是一片很不错的博文，基本上看完就懂fragment是个什么情况了
• ViewPager防止Fragment销毁以及取消Fragment的预加载
• 分类整理res/Layouts中的布局文件(创建子目录)
  这篇博文主要是讲了怎么在layout下创建一个子目录，贴这个链接主要是因为楼主看到layout下面一堆乱七八糟的堆着，就感觉很不爽，所以如果大家也有这种感觉可以看看这篇。

前言

第一次写博客，对markdown的使用还不是很熟悉。。。。
刚刚学完fragment，真是感觉安卓的碎片化一下子可以让开发变得简单好多。学了这么几十年的安卓了（卧槽，暴露年龄了），以前都是在做一些小demo，学习新知识。所以这几天打算回顾一下以前学的东西，串起来做一个大项目——-应用市场的界面（项目？，嗯~~可以算是吧，哈哈）。闲话少说，开始干活。

今天先用viewpager+fragment做一个可以左右滑动的导航栏。先上图：

这个做起来其实也很简单，主布局中放一个 viewpager，一个Radiogroup就好了，然后把要放置的fragment用adapter关联起来，最后处理一下radiogroup的哦那checkedchangedlistener和viewpager的OnPageChangeListener 。一切ok了。

布局文件

• layout_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v4.view.ViewPager
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/group"/>
    <RadioGroup
        android:id="@+id/group"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"/>
</RelativeLayout>

• radiobuttion.xml

<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/guide_background"
    android:button="@null"
    android:gravity="center"
    android:textSize="20sp" />

• 4个fragment的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:text="这是recommand!"/>
</RelativeLayout>

MainAcivity

public class MainActivity extends FragmentActivity {//这里一定不能继承Activity，因为后面用到的getSupportFragmentManager在Activity下无法获取。
    private ViewPager pager;
    private ArrayList<Fragment> fragments=new ArrayList<>();
    private Recommand recommand;
    private Apps apps;
    private Rank rank;
    private Manage manage;
    private RadioGroup group;
    private String[] guide_names;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);//全屏显示
        setContentView(R.layout.activity_main);
        Init_Views();//初始化view
        Manage_ViewPager();//管理viewpager
        Manage_RadioGroup();//管理radiogroup
    }
    private void Manage_RadioGroup(){
        for (int i=0;i<4;i++){
            RadioButton button=(RadioButton) LayoutInflater.from(this).inflate(R.layout.radiobutton,null);
            button.setId(i);
            button.setText(guide_names[i]);
            //这里的layoutparams中的第三个参数是layout_weight
            RadioGroup.LayoutParams params=new RadioGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT,1);
            group.addView(button,params);
        }
        group.check(0);//选择第一个
        group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                pager.setCurrentItem(checkedId);//在这里通知viewpager
            }
        });
    }
    private void Manage_ViewPager(){
        pager.setOffscreenPageLimit(3);//（1）重要代码，后面会解释。
        pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {//（2）重要代码
            @Override
            public android.support.v4.app.Fragment getItem(int position) {
                return fragments.get(position);
            }

            @Override
            public int getCount() {
                return fragments.size();
            }
        });
        pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                group.check(position);//在这里通知radiogroup
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }
    private void Init_Views(){
        pager=(ViewPager)findViewById(R.id.content);
        group=(RadioGroup)findViewById(R.id.group);
        recommand =new Recommand();apps=new Apps();rank=new Rank();manage=new Manage();
        fragments.add(recommand);fragments.add(apps);fragments.add(rank);fragments.add(manage);
        guide_names=getResources().getStringArray(R.array.guide_array);
    }
}

细节

• 这里使用的FragmentPagerAdapter和FragmentStatePagerAdapter是在viewpager中绑定fragment时最常用的两个adapter。
• FragmentPagerAdapter一般适用于页数较少的情况，他的特点是会保存当前界面，一般情况下是可以同时保存3个。当viewpager由第一页滑动到第二页时，会保存第一页，并预加载第三页。而当他滑动到第三页时，会将第一页销毁。
• 而FragmentStatePagerAdapter则更适用于fragment很多的情况，他的特点是，当离开这一页时，就会销毁他，这样在fragment较多时可以减少内存占用。
• 详情请参照这篇博文： ViewPager防止Fragment销毁以及取消Fragment的预加载