#Android学习#Fragment简单基础——Tabbed Activity使用

Android Studio提供了很多建立不同Activity的方法，为我们开发带来了极大的方便。 今天学习了Fragment的使用方法，Fragment相对于Activity来说，切换起来会比较方便，并且性能也比Activity好，如果一个应用内的页面切换，采用Fragment是一个不错的方法。
首先，了解一下Fragment的生命周期，Fragment比起Activity多了几个阶段，但很多时候，我们实际使用的时候，也只关注其中几个，先看看官方给出的Fragment的启动流程：

实际开发的时候，关注的主要是onCreate、onCreateView、onDestroy这几个函数。
现在不少应用都采用了滑动选项卡（Tab）的效果来进行页面之间的切换，效果看起来也不错，这里简单介绍一些Tabbed Activity的使用。
Android Studio1.5.1版本在新建project的时候，在选择默认启动的Activity时，就有Tabbed Activity可选，通过这个，可以很方便的建立一个带Tab滑动的应用。

这种方法很方便，但不利于我们对Tabbed Activity的了解，因此，本文在新建project的时候，选择的还是Blank Activity，然后通过增加代码来实现Tab的功能。
实际中，Tab的功能，主要由TabLayout、ViewPager、FragmentPagerAdapter、Fragment这四个组合实现。

布局页面

布局页增加ViewPager控件和TabLayout控件，TabLayout用于加载选项卡的title，ViewPager加载显示的fragment页面

// activity_tab.xml    <android.support.design.widget.AppBarLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:theme="@style/AppTheme.AppBarOverlay">        <android.support.v7.widget.Toolbar            android:id="@+id/toolbar"            android:layout_width="match_parent"            android:layout_height="?attr/actionBarSize"            android:background="?attr/colorPrimary"            app:popupTheme="@style/AppTheme.PopupOverlay" />        <android.support.design.widget.TabLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:id="@+id/tab_layout">        </android.support.design.widget.TabLayout>    </android.support.design.widget.AppBarLayout>    <android.support.v4.view.ViewPager        android:layout_width="match_parent"        android:layout_height="match_parent"        android:id="@+id/viewPager">    </android.support.v4.view.ViewPager>

TabActivity里找出对应的控件

//TabActivity@Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_tab);        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);        setSupportActionBar(toolbar);        // 新建一个TabSectionAdapter（继承FragmentPagerAdapter）变量        tabSectionAdapter = new TabSectionAdapter(getSupportFragmentManager());        viewPager = (ViewPager) findViewById(R.id.viewPager);        // 将tabSectionAdapter传给viewPager        viewPager.setAdapter(tabSectionAdapter);        tabLayout = (TabLayout) findViewById(R.id.tab_layout);        // tabLayout使用viewPager接收的tabSectionAdapter里设置的title        tabLayout.setupWithViewPager(viewPager);    }

FragmentPagerAdapter

新建一个TabSectionAdapter继承FragmentPagerAdapter，添加构造函数并复写getItem、getCount以及getPageTitle函数

// TabSectionAdapter    public class TabSectionAdapter extends FragmentPagerAdapter {    public TabSectionAdapter(FragmentManager fm) {        super(fm);    }    @Override    public Fragment getItem(int position) {        return ImageViewContainerFragment.newInstance(position);    }    @Override    public int getCount() {        // Tab的个数        return 3;    }    // 设置TayLayout的title    @Override    public CharSequence getPageTitle(int position) {        String title = "Section";        switch (position){            case 0:                title = "SECTION 1";                break;            case 1:                title = "SECTION 2";                break;            case 2:                title = "SECTION 3";                break;        }        return title;    }}

Fragment

ImageViewContainerFragment用于加载显示页面，在这里，滑动tab标签时，会显示不同的照片出来

// ImageViewContainerFragment    public static ImageViewContainerFragment newInstance(int position){        ImageViewContainerFragment imageViewContainerFragment = new ImageViewContainerFragment();        Bundle args = new Bundle();        switch (position){            case 0:                args.putInt(IMAGE_SOURCE_ID, imageId[0]);                break;            case 1:                args.putInt(IMAGE_SOURCE_ID, imageId[1]);                break;            case 2:                args.putInt(IMAGE_SOURCE_ID, imageId[2]);                break;        }        imageViewContainerFragment.setArguments(args);        return imageViewContainerFragment;    }    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,                             Bundle savedInstanceState) {        rootView = inflater.inflate(R.layout.content_tab, container, false);        imageView = (ImageView) rootView.findViewById(R.id.imageViewContainer);        Bitmap bitmap = readBitMap(getActivity(), getArguments().getInt(IMAGE_SOURCE_ID));        imageView.setImageBitmap(bitmap);        return rootView;    }    // 网上找的一个处理高清图片显示的方法    public static Bitmap readBitMap(Context context, int resId){        BitmapFactory.Options opt = new BitmapFactory.Options();        opt.inPreferredConfig = Bitmap.Config.RGB_565;        opt.inPurgeable = true;        opt.inInputShareable = true;        InputStream is = context.getResources().openRawResource(resId);        return BitmapFactory.decodeStream(is, null, opt);    }

备注：点击tab选项卡实现切换的功能暂时还没搞懂，以后补充，加载高清图片时，容易出现OOM问题，上面给出的方面不一定适用所有（没有验证过），之后了解到更好的方法时也会补充上来。

效果图：