TabLayout与ViewPager和Fragment、FragmentPagerAdapter的配合使用
2016-12-13 17:07
375 查看
记录用过的东西 防止遗忘。
注意要把垂直设置好,因为是linearLayout布局,漏掉了就不能滑动了
注意要把垂直设置好,因为是linearLayout布局,漏掉了就不能滑动了
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.china.anonymous.viewpagedemotwo.MainActivity"> <android.support.design.widget.TabLayout android:id="@+id/tabs" app:tabIndicatorColor="@color/colorAccent" app:tabSelectedTextColor="@color/colorAccent" app:tabTextColor="@color/colorPrimaryDark" app:tabMode="fixed" android:layout_width="match_parent" android:layout_height="wrap_content"></android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content"></android.support.v4.view.ViewPager> </LinearLayout>
Fragment的布局文件,3个一样的:layout1.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:src="@mipmap/ic_launcher" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:text="this is tab1111" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout>
3个Fragment的文件,3个也是几乎一样的:
注意,这里要导入的是import android.support.v4.app.Fragment;的fragment,而不是android.app.Fragment.因为ViewPager是import android.support.v4.app.Fragment
package com.china.anonymous.viewpagedemotwo; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** * Created by ll on 2016/11/27. */ public class Tab1 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.layout1, null); return view; } }
mainactivity.java的代码
package com.china.anonymous.viewpagedemotwo; import android.os.Bundle; import android.support.design.widget.TabLayout; import android.support.v4.app.Fragment; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { private TabLayout tabs; private ViewPager viewPager; private List<String> mTitle = new ArrayList<String>(); private List<Fragment> mFragment = new ArrayList<Fragment>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); MyAdapter adapter = new MyAdapter(getSupportFragmentManager(), mTitle, mFragment); viewPager.setAdapter(adapter); //为TabLayout设置ViewPager tabs.setupWithViewPager(viewPager); //使用ViewPager的适配器 tabs.setTabsFromPagerAdapter(adapter); } //初始化V private void initView() { tabs = (TabLayout) findViewById(R.id.tabs); viewPager = (ViewPager) findViewById(R.id.viewPager); mTitle.add("tab1"); mTitle.add("tab2"); mTitle.add("tab3"); mFragment.add(new Tab1()); mFragment.add(new Tab2()); mFragment.add(new Tab3()); } }
MyAdapter.java的代码
要写上最后一个方法,为tagLayout配置上标题的
package com.china.anonymous.viewpagedemotwo; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import java.util.List; public class MyAdapter extends FragmentPagerAdapter { private List<String> title; private List<Fragment> views; public MyAdapter(FragmentManager fm, List<String> title, List<Fragment> views) { super(fm); this.title = title; this.views = views; } @Override public Fragment getItem(int position) { return views.get(position); } @Override public int getCount() { return views.size(); } //配置标题的方法 @Override public CharSequence getPageTitle(int position) { return title.get(position); } }
相关文章推荐
- Android Tab -- 使用ViewPager、Fragment、FragmentPagerAdapter来实现
- 使用FragmentTabHost+TabLayout+ViewPager实现双层嵌套Tab
- NavigationView+ToolBar+TabLayout+ViewPager+Fragment综合使用
- 使用FragmentTabHost+TabLayout+ViewPager实现双层嵌套Tab
- Design下的TabLayout和Fragment和ViewPager联动的简单使用
- 使用FragmentTabHost+TabLayout+ViewPager实现双层嵌套Tab
- TabLayout+ViewPager+Fragment联合使用
- TabLayout与ViewPager和Fragment、FragmentPagerAdapter的合用
- 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换
- 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换
- TabLayout与ViewPager和Fragment、FragmentPagerAdapter的合用
- ViewPager+Fragment+TabLayout联合使用
- ViewPager+FragmentPagerAdapter实现Tab/模仿微信界面(推荐使用)
- TabLayout的简单使用(TabLayout+Fragment+ViewPager)
- 使用 ViewPagerIndicator + FragmentPagerAdapter 实现 tab 切换
- TabLayout+Fragment+ViewPager+FragmentStatePagerAdapter实现Tab标签
- android material design之Tablayout,Recyclerview,Fragment,Viewpager搭配使用(四)
- 使用ViewPager和FragmentPagerAdapter实现Tab
- 使用fragment+TabLayout+Viewpager实现页卡式界面
- Android中的ViewPager、Fragment、TabLayout三者联合使用(将Fragment放置于ViewPager中)