首先:
第一步:输入design就能出来
布局
<LinearLayout
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<android.support.design.widget.TabLayout
android:id="@+id/tab"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="#fff"
app:tabGravity="fill"
app:tabIndicatorColor="@color/color"
app:tabMode="scrollable"
app:tabSelectedTextColor="@color/color"
app:tabTextColor="#000"
/>
<ImageView
android:id="@+id/tabimg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="18dp"
android:src="@mipmap/menu"
/>
</LinearLayout>
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
</LinearLayout>
主页面
package com.ang.l.frag;
import android.content.Intent;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.ImageView;
import com.ang.l.BaseFragment;
import com.ang.l.R;
import com.ang.l.adapter.TabPagerAdapter;
import com.ang.l.frag.tab.Tab_Null;
import com.ang.l.frag.tab.Tab_Shou;
import com.qy.channel.ChannelActivity;
import com.qy.channel.bean.ChannelItem;
import com.qy.channel.db.DBUtil;
import java.util.ArrayList;
public class Frag_Shou extends BaseFragment {
private TabLayout tab;
private ViewPager pager;
private ArrayList<ChannelItem> tabData=new ArrayList<>();
private ArrayList<Fragment> arr;
private TabPagerAdapter adapter;
private ImageView img;
@Override
protected int bindLayout() {
return R.layout.frag_shou;
}
@Override
protected void initView() {
tab = getActivity().findViewById(R.id.tab);
pager = getActivity().findViewById(R.id.pager);
img = getActivity().findViewById(R.id.tabimg);
}
@Override
protected void initData() {
//查询数据库
tabData = DBUtil.getTabData(getActivity());
//加载Fragment
arr = new ArrayList<>();
for (int i = 0; i <tabData.size() ; i++) {
ChannelItem channelItem = tabData.get(i);
String name = channelItem.getName();
if("头条".equals(name)){
arr.add(new Tab_Shou());
}else{
arr.add(new Tab_Null());
}
}
//设置适配器
adapter = new TabPagerAdapter(getActivity().getSupportFragmentManager(), tabData, arr);
pager.setAdapter(adapter);
//绑定 让viewpager和tabLayout关联
tab.setupWithViewPager(pager);
}
@Override
protected void bindEvent() {
//点击跳转频道管理
img.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//跳转Activity
Intent intent=new Intent(getActivity(), ChannelActivity.class);
//跳转回传
startActivityForResult(intent,0);
}
});
}
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
//判断是不是我们的回传 回传值是0
if(resultCode==0){
//查询数据库中的数据 ,找到我们要展示的Tab标签
tabData = DBUtil.getTabData(getActivity());
//便利数据(对数据进行刷新操作)
for (int i = 0; i <tabData.size() ; i++) {
ChannelItem channelItem = tabData.get(i);
String name = channelItem.getName();
//把数据添加到tab中
tab.addTab(tab.newTab().setText(name));
//设置fragment(可以根据名字创建Fragment)
if("头条".equals(name)){
arr.add(new Tab_Shou());
}else{
arr.add(new Tab_Null());
}
//设置适配器
adapter = new TabPagerAdapter(getActivity().getSupportFragmentManager(), tabData, arr);
pager.setAdapter(adapter);
//绑定
tab.setupWithViewPager(pager);
}
}
}
}
适配器
package com.ang.l.adapter;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import com.qy.channel.bean.ChannelItem;
import java.util.ArrayList;
public class TabPagerAdapter extends FragmentPagerAdapter {
private ArrayList<Fragment> arr;
private ArrayList<ChannelItem> tabData;
public TabPagerAdapter(FragmentManager fm, ArrayList<ChannelItem> tabData,ArrayList<Fragment> arr) {
super(fm);
this.arr=arr;
this.tabData=tabData;
}
@Override
public Fragment getItem(int i) {
return arr.get(i);
}
@Override
public int getCount() {
return tabData.size();
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return tabData.get(position).getName();
}
}
注意~~~注意 App要继承 ChannelApplication,里面写一个onCreate的方法
需要导一个library 然后关联一下、清单文件也要注册一下
android:name=".app.App"