tablayout 滚动模式_Tablayout使用全解,一篇就够了

前言

Tablayout继承自HorizontalScrollView,用作页面切换指示器,因使用简便功能强大而广泛使用在App中。

但有的产品经理偏偏是个磨人的小妖精,真的猜不透啊,今天要这种效果,明天就指着另一款App说做成跟这个一样。对付这种产品经理我们有骨气的程序员该怎么办?怎么办?当然是屈服啊,不然去跳楼让他因内疚改需求?

所以,就在各种复杂的情况下打磨,渐渐地就变得圆润。这里,有Tablayout的各种使用场景,拿去指着产品经理说:你要哪个给你哪个。

先上效果图:分别为设置tab属性、去掉指示线、设置指示线长度、设置图标tab、超出屏幕滚动tab

使用场景

常用属性:

app:tabIndicatorColor :指示线的颜色

app:tabIndicatorHeight :指示线的高度

app:tabSelectedTextColor : tab选中时的字体颜色

app:tabMode="scrollable" : 默认是fixed,固定的;scrollable:可滚动的

各种使用场景:

1.默认使用样式,结合Viewpager使用:

效果图:

giphy.gif

activity_main.xml布局:

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:context="com.example.tablayoutusecase.defaultuse.MainActivity">

android:layout_width="match_parent"

android:layout_height="45dp"

android:background="@color/colorPrimaryDark">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="一般用法"

android:textColor="#fff"

android:textSize="16sp"/>

android:id="@+id/tablayout"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

android:id="@+id/viewpager"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

MainActivity使用:根据title长度,设置文字title,设置fragment,设置viewpager联动,使用的是Tablayout默认属性。

import android.support.design.widget.TabLayout;

import android.support.v4.app.Fragment;

import android.support.v4.view.ViewPager;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import com.example.tablayoutusecase.R;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

<
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值