demo中实现tab有2中方式:TabPageIndicator和TabLayout
TabPageIndicator实现需要导入com.inkapplications.viewpageindicator
TabLayout实现需要导入com.android.support:design
TabPageIndicator和TabLayout的介绍(自我总结)
TabPageIndicator和TabLayout的实现基本相同,但是TabPageIndicator在页面中当数据没有超过屏幕时不会滑动,数据超出
屏幕大小时 自动滑动,TabLayout 可以根据需要自己设置是否要滑动
TabLayout设置的属性
app:tabTextColor=”@android:color/black” 字体默认颜色
app:tabMode=”scrollable” 可以滑动
app:tabSelectedTextColor=”#ff7a61” 选中的颜色字体
app:tabBackground=”@android:color/white” Tab的背景颜色
app:tabIndicatorHeight=”3dp” Tab下标的高度
app:tabIndicatorColor=”@color/colorAccent” Tab下标的颜色
app:tabGravity=”center” 内容的显示模式 center 居中,如果是fill,则是充满
app:tabMaxWidth=”xxdp” 设置最大的tab宽度:
app:tabMinWidth=”xxdp” 设置最小的tab宽度:
这些是在xml中设置,其中TabPageIndicator和TabLayout设置样式的方式也不一样
TabLayout设置样式 (是在xml中) 添加 style=”@style/StyledIndicators” 即可
TabPageIndicator设置样式 (在AndroidManifest中) 添加对应的activity 主题 android:theme=”@style/StyledIndicators”即可
TabPageIndicator和TabLayout得使用关联ViewPager,为了解决滑动卡顿,实现在Fragmenta中实现了:
方法一:
viewPager.setOffscreenPageLimit(1); //预加载 默认情况下参数是1
方法二:
在加载布局文件创建View的过程,放在了onCreate()方法中,
即只在第一次创建该Fragment时加载布局,之后切换时,都不会再加载布局了
下面上代码:
MainActivity1.class
public class MainActivity1 extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.fagment_main);
findViewById(R.id.text).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent(MainActivity1.this,MainActivity.class));
}
});
TextView text2= (TextView) findViewById(R.id.text2);
text2.setVisibility(View.VISIBLE);
text2 .setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent(MainActivity1.this,MainActivity2.class));
}
});
}
MainActivity.class
public class MainActivity extends FragmentActivity {
private TabPageIndicator tabIndicator;
private ViewPager viewPager;
private List<Fragment> frgmentList;
private String[] strings={"开始1","开始2","开始3","开始4","开始5","开始6","开始7","开始8","开始9"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tabIndicator= (TabPageIndicator) findViewById(R.id.tabindicator);
viewPager= (ViewPager) findViewById(R.id.viewpager);
frgmentList=new ArrayList<>();
Fragmenta fragmenta=new Fragmenta();
Fragmenta fragmenta1=new Fragmenta();
Fragmenta fragmenta2=new Fragmenta();
Fragmenta fragmenta3=new Fragmenta();
Fragmenta fragmenta4=new Fragmenta();
Fragmenta fragmenta5=new Fragmenta();
Fragmenta fragmenta6=new Fragmenta();
Fragmenta fragmenta7=new Fragmenta();
Fragmenta fragmenta8=new Fragmenta();
frgmentList.add(fragmenta);
frgmentList.add(fragmenta1);
frgmentList.add(fragmenta2);
frgmentList.add(fragmenta3);
frgmentList.add(fragmenta4);
frgmentList.add(fragmenta5);
frgmentList.add(fragmenta6);
frgmentList.add(fragmenta7);
frgmentList.add(fragmenta8);
viewPagerAdapter viewPagerAdapter=new viewPagerAdapter(getSupportFragmentManager(),frgmentList,strings);
viewPager.setAdapter(viewPagerAdapter);
tabIndicator.setViewPager(viewPager);
//如果我们要对ViewPager设置监听,用indicator设置就行了
tabIndicator.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
Toast.makeText(getApplicationContext(), strings[arg0], Toast.LENGTH_SHORT).show();
if (strings[arg0].equals("开始8")){
startActivity(new Intent(MainActivity.this,MainActivity2.class));
}
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
});
}
class viewPagerAdapter extends FragmentPagerAdapter{
List<Fragment> fragments;
String[] strings;
public viewPagerAdapter(FragmentManager fm,List<Fragment> fragments,String[] strings) {
super(fm);
this.fragments=fragments;
this.strings=strings;
}
@Override
public Fragment getItem(int position) {
Fragment fragment=new Fragmenta();
Bundle bundle = new Bundle();
bundle.putInt("postion",position);
fragment.setArguments(bundle);
return fragment;
}
@Override
public int getCount() {
return fragments==null?0:fragments.size();
}
@Override
public CharSequence getPageTitle(int position) {
return strings[position];
}
}
}
MainActivity2.class
public class MainActivity2 extends FragmentActivity {
private ViewPager viewPager;
private List<Fragment> frgmentList;
private TabLayout tableLayout;
private String[] strings={"开始21","开始22","开始23","开始24","开始25","开始26","开始27","开始28","开始29"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
tableLayout = (TabLayout) findViewById(R.id.tableLayout);
viewPager= (ViewPager) findViewById(R.id.viewpager2);
frgmentList=new ArrayList<>();
Fragmenta fragmenta=new Fragmenta();
Fragmenta fragmenta1=new Fragmenta();
Fragmenta fragmenta2=new Fragmenta();
Fragmenta fragmenta3=new Fragmenta();
Fragmenta fragmenta4=new Fragmenta();
Fragmenta fragmenta5=new Fragmenta();
Fragmenta fragmenta6=new Fragmenta();
Fragmenta fragmenta7=new Fragmenta();
Fragmenta fragmenta8=new Fragmenta();
frgmentList.add(fragmenta);
frgmentList.add(fragmenta1);
frgmentList.add(fragmenta2);
frgmentList.add(fragmenta3);
frgmentList.add(fragmenta4);
frgmentList.add(fragmenta5);
frgmentList.add(fragmenta6);
frgmentList.add(fragmenta7);
frgmentList.add(fragmenta8);
viewPagerAdapter viewPagerAdapter=new viewPagerAdapter(getSupportFragmentManager(),frgmentList,strings);
viewPager.setAdapter(viewPagerAdapter);
tableLayout.setupWithViewPager(viewPager);//viewPager和tableLayout 关联
viewPager.setOffscreenPageLimit(9); //预加载 默认情况下参数是1
tableLayout.getTabAt(4).select();//默认选择
//选中了某个tab的监听事件OnTabSelectedListener():
tableLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
//选中了tab的逻辑
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
//未选中tab的逻辑
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
//未选中tab的逻辑
}
});
}
class viewPagerAdapter extends FragmentPagerAdapter {
List<Fragment> fragments;
String[] strings;
public viewPagerAdapter(FragmentManager fm, List<Fragment> fragments, String[] strings) {
super(fm);
this.fragments=fragments;
this.strings=strings;
}
@Override
public Fragment getItem(int position) {
Fragment fragment=new Fragmenta();
Bundle bundle = new Bundle();
bundle.putInt("postion",position);
fragment.setArguments(bundle);//传值到Fragmenta
return fragment;
}
@Override
public int getCount() {
return fragments==null?0:fragments.size();
}
@Override
public CharSequence getPageTitle(int position) {
return strings[position];
}
}
}
Fragmenta.class
public class Fragmenta extends Fragment{
//Fragment 卡顿可以使用ViewPager预加载
//如果预加载 就用下面这个 方法一:
// @Nullable
// @Override
// public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
// View view=inflater.inflate(R.layout.fagment_main,null);
// int a=getArguments().getInt("postion");//得值
// TextView textView= (TextView) view.findViewById(R.id.text);
// textView.setText("后面是自己添加的:"+a);
// Log.i("","预加载使用这个方法哦");
// return view;
// }
private View view = null;
//当切换tab回到已经加载过的Fragment时,系统不允许之前的Fragment在还未移除的情况下,再次加载该View,一个View只能有一个父控件。
//我们为了保证只有一个实例,才会只对其进行是否为null的判断,只进行了一次初始化。
//那该如何解决呢?
//有人说好办啊,把判断view==null直接去掉不就好了。。。额,确实好了,但是你有没有考虑每次都会创建新的view,浪费资源性能呢?
//那如何是好呢?别急,有办法,让我们修改下代码:
//方法二
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
LayoutInflater inflater = getActivity().getLayoutInflater();
view = inflater.inflate(R.layout.fagment_main, (ViewGroup) getActivity().findViewById(R.id.viewpager), false);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
// if(view==null){
// view = inflater.inflate(R.layout.fragment_study, container, false);
// }
// 这句话必须加
ViewGroup p = (ViewGroup) view.getParent();
if (p != null) {
p.removeAllViewsInLayout();
}
int a=getArguments().getInt("postion");//得值
TextView textView= (TextView) view.findViewById(R.id.text);
textView.setText("后面是自己添加的:"+a);
return view;
}
}
ok,就这样简单完成