Tabs make it easy to explore and switch between different views.

通过TabLayout可以在一个活动中通过滑动或者点击切换到不同的页面

首先这个是google的Material Design中的控件所以使用前需要先添加依赖库

    compile 'com.android.support:design:26.0.0-alpha1'

具体使用思路是采用tablayout+viewpager+fragment的用法:简单来说就是tablayout就是标签栏,fragment就是某个标签对应的内容,viewpager用于管理两者的结合了,也就是说其实fragment其实是可以替换成其他控件的。

首先是主活动的布局xml代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"> <android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="wrap_content"
android:layout_height="?attr/actionBarSize">
</android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="wrap_content"/> </LinearLayout>

然后是主活动的java代码:

public class MainActivity extends AppCompatActivity {

    private TabLayout tabLayout;
private ViewPager viewPager; private List<String> titleList = new ArrayList<>();
private List<Fragment> fragmentList = new ArrayList<>();
private MyAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
} private void initView(){
initViewPager();
initTabLayout();
} private void initViewPager(){
viewPager = (ViewPager)findViewById(R.id.view_pager);
fragmentList.add(new Fragment1());
fragmentList.add(new Fragment2());
fragmentList.add(new Fragment3());
titleList.add("第一");
titleList.add("第二");
titleList.add("第三");
adapter = new MyAdapter(getSupportFragmentManager(),titleList,fragmentList);
viewPager.setAdapter(adapter);
} private void initTabLayout(){
tabLayout = (TabLayout)findViewById(R.id.tab_layout);
tabLayout.setupWithViewPager(viewPager);
}
}

首先新建两个List用于标签的标题和对应的fragment

    private List<String> titleList = new ArrayList<>();
private List<Fragment> fragmentList = new ArrayList<>();

然后是关于标签和fragment的绑定

    private void initViewPager(){
viewPager = (ViewPager)findViewById(R.id.view_pager);
fragmentList.add(new Fragment1());
fragmentList.add(new Fragment2());
fragmentList.add(new Fragment3());
titleList.add("第一");
titleList.add("第二");
titleList.add("第三");
adapter = new MyAdapter(getSupportFragmentManager(),titleList,fragmentList);
viewPager.setAdapter(adapter);
}

这里呢首先是通过id找到布局文件中的ViewPager,然后在两个List中添加相应的标题和Fragment,然后需要一个适配器,适配器需要新建一个类,这里这个类的名字我设为MyAdapter继承自FragmentPagerAdapter

public class MyAdapter extends FragmentPagerAdapter {

    private List<String> list_title;
private List<Fragment> list_fragment; public MyAdapter(FragmentManager fragmentManager, List<String> list_title, List<Fragment> list_fragment){
super(fragmentManager);
this.list_title = list_title;
this.list_fragment = list_fragment;
} public Fragment getItem(int i){
return list_fragment.get(i);
} @Override
public int getCount() {
return list_fragment.size();
} @Override
public CharSequence getPageTitle(int position) {
return list_title.get(position% list_title.size());
  }
}

适配器中同样拥有 两个List,然后在构造器的三个参数中除了传入两个List以外还需要一个FragmentManager。Fragment getItem()方法需要根据参数返回相应的内容,getCount()需要返回内容的大小,getPageTitle()返回相应的标题。

再然后,就是将tabLayout与viewpager连起来

    private void initTabLayout(){
tabLayout = (TabLayout)findViewById(R.id.tab_layout);
tabLayout.setupWithViewPager(viewPager);
}

至于fragment的布局和java代码就一个textview代码的话看以前的博客吧==。

效果就是:

  

Tablayout的xml属性值(来源:https://juejin.im/entry/589ec5b01b69e60059c5b9fb):

属性 意义
tabGravity fill,填满TabLayout;center,居中显示
tabMode fixed, 固定标签;scrollable,可滚动标签,个数较少的时候可以使用fixed,如果标签超出了屏幕范围,设置为scrollable比较好
tabMaxWidth Tab的最大宽度
tabIndicatorColor 底部滑动的线条的颜色,默认是colorAccent
tabIndicatorHeight 底部滑动线条的高度
tabPadding* 标签页的padding
tabBackground 标签页的背景
tabTextAppearance 文本设置
tabSelectedTextColor 选中字体颜色

android ——Tablayout的更多相关文章

  1. Android TabLayout 在宽屏幕上tab不能平均分配的问题解决

    当TabLayout 在宽屏幕的设备上,如平板横屏的时候,tab的宽度超过一定值后,就不在平均分配宽度,而是居中显示.此时设置 app:tabMode="fixed"或者 top_ ...

  2. android TabLayout实现京东详情效果

    Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,在这个supp ...

  3. [Android] TabLayout设置下划线(Indicator)宽度

    在使用TabLayout的过程中,为每个标签添加一个 下划线,但发现每个下划线的 宽度 都是一样的,例如会如下显示 这样很难看,所以必须进行调整后的效果如下: 看,这样不是非常和谐啦!~~ 实现方法很 ...

  4. android TabLayout设置选中标签字体加粗功能

    实现 TabLayout 选中tab标签字体加粗功能如下: xml文件中定义: <android.support.design.widget.TabLayout android:id=" ...

  5. Android tabLayout+recyclerView实现锚点定位

    原文链接:https://mp.weixin.qq.com/s/L3o2i3WTmg1ScXEYDS8YCg 在上一篇文章 Android 实现锚点定位中,我们介绍了tablayout+scrollV ...

  6. Android Tablayout属性介绍

    1.添加依赖 compile 'com.android.support:design:26.0.0-alpha1' 2.属性 改变选中字体的颜色app:tabSelectedTextColor=&qu ...

  7. 011 Android TabLayout+ViewPager实现顶部滑动效果(多个页面)

    1.TabLayout介绍 TabLayout提供了一个水平的布局用来展示Tabs,很多应用都有这样的设计,典型的有网易新闻,简书,知乎等.TabLayout就可以很好的完成这一职责,首先TabLay ...

  8. Android TabLayout+ViewPager禁止滑动

    1.重写ViewPager并重写覆盖ViewPager的onInterceptTouchEvent(MotionEvent arg0)方法和onTouchEvent(MotionEvent arg0) ...

  9. android TabLayout设置选项卡之间的距离无效已解决

    根据下面的链接设置完距离后无法生效 https://www.jb51.net/article/131304.htm layout <com.google.android.material.tab ...

随机推荐

  1. elk 系列:Elasticsearch 7.2 集群部署+TLS 加密+认证登陆

    背景 2019年5月21日,Elastic官方发布消息: Elastic Stack 新版本6.8.0 和7.1.0的核心安全功能现免费提供. 这意味着用户现在能够对网络流量进行加密.创建和管理用户. ...

  2. [Vue 牛刀小试]:第十六章 - 针对传统后端开发人员的前端项目框架搭建

    一.前言 在之前学习 Vue 基础知识点的文章中,我们还是采用传统的方式,通过在 html 页面上引用 vue.js 这个文件,从而将 Vue 引入到我们的项目开发中.伴随着 Node.js 的出现, ...

  3. 第八章 Fisco Bcos 国密版本的部署、控制台搭建、合约的部署、sdk 调用

    鉴于笔者以前各大博客教程都有很多人提问,早期建立一个技术交流群,里面技术体系可能比较杂,想了解相关区块链开发,技术提问,请加QQ群:538327407 参考资料 证书说明:https://mp.wei ...

  4. list和list<map<String,object>>比较,不存在map的key赋值

    package com; import java.math.BigDecimal; import java.text.ParseException; import java.text.SimpleDa ...

  5. IQueryable.Where中动态生成多个并或筛选Expression<Func<T, bool>>

    直接上图

  6. 「数据分析」Sqlserver中的窗口函数的精彩应用-问题篇

    最近看到PowerBI圈子在讨论最大连续区间段的问题,即某人最大的全勤时间,某人的最长的连续打卡时间等问题的计算,佐罗老师给出了10万倍性能的答案.这个问题也引发了笔者一些兴趣,隐约记得以前看过Sql ...

  7. 2019年7月16日 abp(net core)+easyui+efcore实现仓储管理系统——多语言(十)

    abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...

  8. 《VR入门系列教程》之18---Oculus代码剖析

    代码剖析 原文作者:Tony Parisi     那么,Unity究竟是如何支持Oculus VR运行的?首先,我们来看看Unity场景是如何构建的.在Unity集成开发包中有一个相机预设体,这个预 ...

  9. #!/usr/bin/env bash和#!/usr/bin/bash的比较

    #!/usr/bin/env bash和#!/usr/bin/bash的比较 stackoverflow: http://stackoverflow.com/questions/16365130/th ...

  10. Soso(嗖嗖)移动 java 项目

    1.接口 通话服务 package Soso; // 接口 通话服务 public interface CallService { public abstract int call(int minCo ...