需要先依赖:compile 'com.android.support:design:26.0.0-alpha1'
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity{
private TabLayout tabhost;
private ViewPager vp;
private List<String> beanList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
}
/**
* 初始化控件
*/
private void initView() {
tabhost = (TabLayout) findViewById(R.id.tabhost);
vp = (ViewPager) findViewById(R.id.vp);
}
/**
* 初始化数据
*/
private void initData() {
beanList = new ArrayList<>();
beanList.add("头条");
beanList.add("娱乐");
beanList.add("财经");
beanList.add("政治");
beanList.add("汽车");
beanList.add("养生");
beanList.add("国内");
beanList.add("国际");
beanList.add("社会");
beanList.add("推荐");
vp.setAdapter(new ShouYeAdapter(getSupportFragmentManager()));
tabhost.setupWithViewPager(vp);
}
/**
* 适配器
*/
class ShouYeAdapter extends FragmentPagerAdapter
{
public ShouYeAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position)
{
Fragment frag=null;
switch(position)
{
case 0:
frag=new Fragment1();
break;
case 1:
frag=new Fragment1();
break;
case 2:
frag=new Fragment1();
break;
case 3:
frag=new Fragment1();
break;
case 4:
frag=new Fragment1();
break;
case 5:
frag=new Fragment1();
break;
case 6:
frag=new Fragment1();
break;
case 7:
frag=new Fragment1();
break;
case 8:
frag=new Fragment1();
break;
case 9:
frag=new Fragment1();
break;
}
return frag;
}
@Override
public int getCount()
{
return 10;
}
@Override
public CharSequence getPageTitle(int position)
{
return beanList.get(position);
}
}
}
布局中需要设置一些属性
app:tabMode="scrollable" //滑动模式(字体水平显示)
app:tabSelectedTextColor="@android:color/holo_red_light" //字体选中的颜色
app:tabIndicatorColor="#f00" //横滑条的颜色 红色
app:tabTextColor="@android:color/black" //字体没选中的颜色
<android.support.design.widget.TabLayout android:id="@+id/tabhost" android:layout_width="match_parent" android:layout_height="50dp" app:tabMode="scrollable" app:tabSelectedTextColor="@android:color/holo_red_light" app:tabIndicatorColor="#f00" app:tabTextColor="@android:color/black"> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_below="@+id/tabhost" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager>