关闭

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

标签: androidtablayouttabmodetabgravity
2427人阅读 评论(0) 收藏 举报
分类:

这里写图片描述

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"));*/


    }
}
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

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

Android Material Design TabLayout属性app:tabMode和app: tabGravity Android Material Design 中的TabLayout有...
  • zhangphil
  • zhangphil
  • 2015-10-06 14:57
  • 10983

tablayout基本讲解

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

TabLayout的简单使用

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

tablayout基本讲解

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

Android进阶——Material Design新控件之初识TabLayout(一)

TabLayout,滑动指示选项卡,继承自HorizontalScrollView(注:与TableLayout毫无关系),提供了一个水平的可滚动布局来展示Tabs**。所以有了它我们就不必在去自己定...
  • CrazyMo_
  • CrazyMo_
  • 2016-08-05 23:30
  • 4715

TabLayout:另一种Tab的实现方式

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究!炮兵 镇楼在5.0以前我们想要实现像网易新闻客...
  • aigestudio
  • aigestudio
  • 2015-07-30 20:16
  • 31860

最详细的 TabLayout 的用法

TabLayout是属于容器控件, 提供水平显示Tab的效果. 常常和ViewPager配合使用. 我将全面地讲解其用法. 反正我是没看过比我还详细的了. 演示 添加依赖 这...
  • wu371894545
  • wu371894545
  • 2017-03-25 15:14
  • 2997

Android学习之TabLayout的使用解析

今天在群里听见群友说在使用Tablayout的时候报类无法找到异常,TabLayout以前项目中也做过,没觉得遇见什么问题,所以在晚上又来体验一把,果然报错了,尴尬!java.lang.NoClass...
  • qq_16131393
  • qq_16131393
  • 2016-03-21 01:11
  • 4686

新特性:TabLayout动态添加条目

布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://s...
  • huangxiaoguo1
  • huangxiaoguo1
  • 2017-05-10 09:55
  • 3160

TabLayout 遇到那些坑

官方参考链接: https://developer.android.com/reference/android/support/design/widget/TabLayout.html?utm_cam...
  • itguangit
  • itguangit
  • 2016-07-29 00:01
  • 7495
    个人资料
    • 访问:349950次
    • 积分:5494
    • 等级:
    • 排名:第5671名
    • 原创:215篇
    • 转载:57篇
    • 译文:0篇
    • 评论:67条
    最新评论