高仿易信UI之ViewPager+Fragment+ActionBar综合使用

以前有学习过一些优秀的文章,但是显示的fragment都是一点点内容,在给fragment填充内容的时候有时候是会报错的,需要做一些操作,稍后将会提及。

本篇效果图如下:




描述:

1、本篇重点分析图中红线框框内的内容

2、在使用ActionBar的时候经常会出现getActionbar 空指针错误,首先应在AndroidManifest.xml  文件中设置 android:minSdkVersion为11或11以上版本,其次可能需要修改主题(默认是不用修改的)为:


android:theme="@android:style/Theme.Holo.Light"或android:theme="@android:style/Theme.Light"等


3、可能会出现Fragment不兼容的问题出现,new Fragment 的时候统一导入包就OK,如:android.support.v4.app.Fragment,或者android.app.Fragment;


实现:

1、在main.xml中添加一个Viewpager组件

<android.support.v4.view.ViewPager
         android:id="@+id/viewpager"
         android:layout_width="match_parent"
    android:layout_height="match_parent"
        >        
        </android.support.v4.view.ViewPager>


2、添加ActionBar信息

actionBar = getActionBar();

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

actionBar.addTab(actionBar.newTab().setText(R.string.dialogue).setTabListener(this));
actionBar.addTab(actionBar.newTab().setText(R.string.find).setTabListener(this));
actionBar.addTab(actionBar.newTab().setText(R.string.contact).setTabListener(this));
actionBar.addTab(actionBar.newTab().setText(R.string.me).setTabListener(this));

3、设置ViewPager信息

               viewPager = (ViewPager)findViewById(R.id.viewpager);

viewPager.setAdapter(pagerAdapter);
viewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {

@Override
public void onPageSelected(int position) {
// TODO Auto-generated method stub
actionBar.setSelectedNavigationItem(position);
}

});


4、初始化Fragment,在这我导入的包是android.support.v4.app.Fragment,所以在定义以下四个单独的Fragment类的时候需要导入android.support.v4.app.Fragment,就不会出现兼容性问题了

private void initView() {
frags = new ArrayList<Fragment>();

v1 = new DialogueFragment();
v2 = new FindFragment();
v3 = new ContactFragment();
v4 = new MeFragment();

frags.add(v1);
frags.add(v2);
frags.add(v3);
frags.add(v4);
}

4.1  定义DialogueFragment,要让Fragment中的内容显示出来,需要重写如下构造方法,然后就可以用正常的方式获取视图,填充内容等等:

@Override
 public void onActivityCreated(Bundle savedInstanceState) {
 // TODO Auto-generated method stub
  super.onActivityCreated(savedInstanceState);
 }


5、创建FragmentPagerAdapter适配器,提供Fragment

FragmentPagerAdapter pagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()){

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


@Override
public int getCount() {
// TODO Auto-generated method stub
return frags.size();
}

};



       搞定,详细代码整理完后后续会上传!!!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章