TabLayout app:tabMode和app: tabGravity配合使用效果对比

原创 2016年08月30日 22:54:44

这里写图片描述

xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="com.louisgeek.louistabgravityandtabmode.MainActivity">
<!--所有  TabLayout  layout_width设置为match_parent的情况下-->

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题想数目数量多的时候"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:fill,tabMode:fixed"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab1_fill_fixed"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="fill"
        app:tabMode="fixed"
        />


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:center,tabMode:fixed"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab2_center_fixed"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="center"
        app:tabMode="fixed"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:fill,tabMode:scrollable"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab3_fill_scrollable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="fill"
        app:tabMode="scrollable"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:center,tabMode:scrollable常用"
        android:textColor="@color/colorAccent"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab4_center_scrollable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="center"
        app:tabMode="scrollable"
        />

    <!--///////////////////////-->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题想数目数量少的时候"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:fill,tabMode:fixed"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab_one_fill_fixed"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="fill"
        app:tabMode="fixed"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:center,tabMode:fixed"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab_two_center_fixed"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="center"
        app:tabMode="fixed"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:fill,tabMode:scrollable"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab_three_fill_scrollable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="fill"
        app:tabMode="scrollable"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tabGravity:center,tabMode:scrollable常用"
        android:textColor="@color/colorAccent"
        />
    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab_four_center_scrollable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabGravity="center"
        app:tabMode="scrollable"
        />


</LinearLayout>
package com.louisgeek.louistabgravityandtabmode;

import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        ////////////////
        TabLayout idtablone = (TabLayout) findViewById(R.id.id_tab1_fill_fixed);
        idtablone.addTab(idtablone.newTab().setText("标题"));
        idtablone.addTab(idtablone.newTab().setText("标题文字"));
        idtablone.addTab(idtablone.newTab().setText("标题党"));
        idtablone.addTab(idtablone.newTab().setText("题"));
        idtablone.addTab(idtablone.newTab().setText("标题1"));
        idtablone.addTab(idtablone.newTab().setText("标题2"));
        idtablone.addTab(idtablone.newTab().setText("标题3"));
        idtablone.addTab(idtablone.newTab().setText("标题4"));
        idtablone.addTab(idtablone.newTab().setText("标题5"));
        idtablone.addTab(idtablone.newTab().setText("标题6"));


        TabLayout idtabltwo = (TabLayout) findViewById(R.id.id_tab2_center_fixed);

        idtabltwo.addTab(idtabltwo.newTab().setText("标题"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题文字"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题党"));
        idtabltwo.addTab(idtabltwo.newTab().setText("题"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题1"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题2"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题3"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题4"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题5"));
        idtabltwo.addTab(idtabltwo.newTab().setText("标题6"));

        TabLayout idtablthree = (TabLayout) findViewById(R.id.id_tab3_fill_scrollable);

        idtablthree.addTab(idtablthree.newTab().setText("标题"));
        idtablthree.addTab(idtablthree.newTab().setText("标题文字"));
        idtablthree.addTab(idtablthree.newTab().setText("标题党"));
        idtablthree.addTab(idtablthree.newTab().setText("题"));
        idtablthree.addTab(idtablthree.newTab().setText("标题1"));
        idtablthree.addTab(idtablthree.newTab().setText("标题2"));
        idtablthree.addTab(idtablthree.newTab().setText("标题3"));
        idtablthree.addTab(idtablthree.newTab().setText("标题4"));
        idtablthree.addTab(idtablthree.newTab().setText("标题5"));
        idtablthree.addTab(idtablthree.newTab().setText("标题6"));

        TabLayout idtablfour = (TabLayout) findViewById(R.id.id_tab4_center_scrollable);

        idtablfour.addTab(idtablfour.newTab().setText("标题"));
        idtablfour.addTab(idtablfour.newTab().setText("标题文字"));
        idtablfour.addTab(idtablfour.newTab().setText("标题党"));
        idtablfour.addTab(idtablfour.newTab().setText("题"));
        idtablfour.addTab(idtablfour.newTab().setText("标题1"));
        idtablfour.addTab(idtablfour.newTab().setText("标题2"));
        idtablfour.addTab(idtablfour.newTab().setText("标题3"));
        idtablfour.addTab(idtablfour.newTab().setText("标题4"));
        idtablfour.addTab(idtablfour.newTab().setText("标题5"));
        idtablfour.addTab(idtablfour.newTab().setText("标题6"));

        //////////

        TabLayout id_tabl_one_s = (TabLayout) findViewById(R.id.id_tab_one_fill_fixed);
        id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标1"));
        id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标2"));
        id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标3"));
        id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标4"));
        id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标5"));
      /* id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标6"));
       id_tabl_one_s.addTab(id_tabl_one_s.newTab().setText("标7"));*/


        TabLayout id_tabl_two_s = (TabLayout) findViewById(R.id.id_tab_two_center_fixed);
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标1"));
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标2"));
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标3"));
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标4"));
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标5"));
        /*id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标5"));
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标6"));
        id_tabl_two_s.addTab(id_tabl_two_s.newTab().setText("标7"));*/


        TabLayout id_tabl_three_s = (TabLayout) findViewById(R.id.id_tab_three_fill_scrollable);
        id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标1"));
        id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标2"));
        id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标3"));
        id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标4"));
        id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标5"));
        /*id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标6"));
        id_tabl_three_s.addTab(id_tabl_three_s.newTab().setText("标7"));*/

        TabLayout id_tabl_four_s = (TabLayout) findViewById(R.id.id_tab_four_center_scrollable);
        id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标1"));
        id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标2"));
        id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标3"));
        id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标4"));
        id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标5"));
       /* id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标6"));
        id_tabl_four_s.addTab(id_tabl_four_s.newTab().setText("标7"));*/


    }
}
版权声明:本文为【LouisGeek】原创文章,转载请注明出处!

相关文章推荐

Android Material Design TabLayout属性app:tabMode和app: tabGravity

Android Material Design TabLayout属性app:tabMode和app: tabGravity Android Material Design 中的TabLayout有...

tablayout基本讲解

Material Design伴随android5.0出现后,我们发现Google终于意识到了自己以往在UI设计方面的不足(或者说缺陷),其中一款用于标签导航的控件正式出现在design兼容包中——滑...

TabLayout的简单使用

我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合。达到很漂亮的效果。但是TabPageIndicator是第三方的,而且比较老了,当然了现在很多大神都已经开始自...

TabLayout实战

Tabs选项卡,效果类似网易新闻客户端的Tab。其实实现Tabs选项卡的效果有很多中方法,Github上也有很多好用的开源控件,只是这次谷歌把它官方化了,使得开发者无需引用第三方库,就能方便的使用。p...

TabLayout教你是如何实现可点击的顶部导航

如果转载,请注明出处http://blog.csdn.net/u010151514/article/details/52241262今天闲来无事,写篇博文,给大家讲个有趣的故事,记得以前的时候我们想要...

仿CSDN客户端首页(一)----TabLayout实现选项卡滑动效果

实际开发中,ViewPager经常结合Fragment来使用,然后再使用三方开源的PagerSlidingTabStrip去实现类似选项卡滑动效果。我之前那个APP的首页就是这样搭建的。 基于Mat...
  • tyk0910
  • tyk0910
  • 2016年05月13日 14:57
  • 15562

Android TabLayout 分分钟打造一个滑动标签页

Android Design包中的TabLayout控件

Android Design新控件之TabLaout(一),快速打造一个滑动标签页

在Android开发中很常见的布局设计大概是使用滚动的标签指示器和滑动的内容页面了,我们的做法通常就是在ViewPager的上方放一个标签指示器与ViewPager进行联动。以前,我们大多使用的是Gi...

android学习-----使用TabLayout实现Tab选项卡以及遇到的一些问题(一)

TabLayout的使用 前言: 更好用,更方便,更简洁 link:https://developer.android.google.cn/reference/android/su...

Android Design Support Library(一)用TabLayout实现类似网易选项卡动态滑动效果

此前我们用HorizontalScrollView也实现了类似网易选项卡动态滑动效果,详见 Android选项卡动态滑动效果这篇文章这里我们用TabLayout来实现这一效果。TabLayout是An...
  • itachi85
  • itachi85
  • 2015年12月27日 16:58
  • 23831
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:TabLayout app:tabMode和app: tabGravity配合使用效果对比
举报原因:
原因补充:

(最多只允许输入30个字)