ViewPager + Fragment + TabLayout

最新推荐文章于 2024-04-27 17:53:37 发布

猿猴studio

最新推荐文章于 2024-04-27 17:53:37 发布

阅读量887

点赞数 1

分类专栏： android 文章标签： android viewpager

本文链接：https://blog.csdn.net/a772890398/article/details/50603309

版权

android 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

制作如图的界面

1、在layout中添加 Tablayout 和 ViewPager

<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/base_titlebar_bg"
    app:tabIndicatorColor="#ff0000"
    app:tabIndicatorHeight="3dp"
    app:tabMode="fixed"
    app:tabSelectedTextColor="#ff0000"
    app:tabTextColor="#00ff00"/>

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

2、创建 Fragment

mListFragment = new ArrayList<>();
mListFragment.add(new VedioListFragment("视频"));
mListFragment.add(new BaseFragment("音乐"));

3、创建 fragmentManager

注意：必须是getSupportFragmentManager()

mFragmentManager = getSupportFragmentManager();
mFragmentPagerAdapter = new MyFragmentPagerAdapter(mFragmentManager);

4、给viewPager 添加 FragmentAdapter

vpContent.setAdapter(mFragmentPagerAdapter);

5、将tablayout 和 viewPager 关联起来

注意：必须设置两个一个viewpager 另外一个 viewPagerAdapter

tablayout.setupWithViewPager(vpContent);
tablayout.setTabsFromPagerAdapter(mFragmentPagerAdapter);

6、viewPagerAdapter

注意：1 、必须复写 public CharSequence getPageTitle(int position);方法以便Tablayout 获取标题

2、@Override

public boolean isViewFromObject(View view, Object object) {
    return view == object;
}这个方法不能复写   否则有可能   显示Fragment 的内容  不正常（无法显示内容）

说起来全是泪 啊！我搞了一下午才发现这个问题！ 到现在也不太明白！！！！！！！！！！

   public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
        public MyFragmentPagerAdapter(FragmentManager fm ) {
            super(fm);
        }
        @Override
        public int getCount() {
            return mListFragment.size();
        }
        @Override
        public Fragment getItem(int position) {
            return mListFragment.get(position);
        }

/*
        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }
*/

        @Override
        public CharSequence getPageTitle(int position) {
            return mListFragment.get(position).getTitle();
        }
    }

以上fragment fragmentManager viewPager FragmentPagerAdapter 都是support v4 包中的

还有activity 要继承AppCompatActivity 因为support design 还是要support v7 包对他的支持

public class GuideActivity extends AppCompatActivity

还有一个问题就是tablayout 是support design 中的类使用起来还是有一些莫名的错误

我遇到的问题：

.NoClassDefFoundError: android.support.v7.internal.widget.TintManager

以运行就包上面的错误，也不知道什么问题，搞了很长时间，网上所导入的包又能不是同一个版本照成的如下

比如都才用的 23.1.0 版本的如果不是同一版本有可能产生莫名的异常，所以尽量让他们版本一致！！！！！！

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    testCompile 'junit:junit:4.12'
    compile files('libs/butterknife-6.0.0.jar')
    compile 'com.android.support:support-v4:23.1.0'
    compile 'com.android.support:appcompat-v7:23.1.0'
    compile 'com.android.support:design:23.1.0'
    compile project(':vitamiolibrary')
    compile project(':splashandguidlelibrary')
}

但是我一致了，还是没有解决上面的异常！！！！！！！！

我还是不明白，那么我就把

 compile 'com.android.support:support-v4:23.1.0'

给去掉了，奇迹发生了尽然可以了显示正常了！！！！！！！！！！！

但是然后我又将它添加回去再次编译一下，结果也不会产生那个异常了，真是很奇怪！！

再提下Fragement的小知识： onCreateView 只是必须重写的方法

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)

可以有很多种方式

1方式、返回一个 textview 在 fragment中间显示一个哈哈哈

 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
TextView textView = new TextView(getContext());
     textView.setText(title+ "哈哈哈 ");
     textView.setTextSize(30);
     textView.setGravity(Gravity.CENTER);
     container.addView(textView);  // 这句也可以不加
     return textView ;
 }

第2种方式：

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = View.inflate(getActivity(),R.layout.item_layout,null);
        return view ;
    }

第3种方式：

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.item_layout,container,false);
        return view ;
    }