• Android-TabLayout设置内容宽度以及下划线宽度


    默认图:


    效果图:


      
    项目中使用到需要像今日头条那种实现顶部横向滑动标题功能,本人项目中使用TabLayout+ViewPager实现,

    但是,实现后默认的TabLayout间距特别大,并且下划线,文字大小等很难实现,百度查阅了好多资料,并不好使,
    最后才发现,其实特别简单,只是细节而已:
      1.设置TabLayout中各个条目之间的间距,利用app:tabPaddingEnd="10dp"和app:tabPaddingStart="10dp"即可实现,
    但是,在实际显示中,并没有起作用,所以需要设置额外的属性app:tabGravity="fill",app:tabMinWidth="30dp"
      2、设置字体大小,需要在style中自定义tabTextAppearance属性TabLayoutTextStyle,具体如下

    在xml中

             <android.support.design.widget.TabLayout
                        android:layout_width="match_parent"
                        android:layout_height="40dp"
                        app:tabGravity="fill"
                        app:tabIndicatorColor="@color/Red"
                        app:tabMinWidth="30dp"
                        app:tabMode="scrollable"
                        app:tabPaddingEnd="10dp"
                        app:tabPaddingStart="10dp"
                        app:tabTextAppearance="@style/TabLayoutTextStyle"     
            />

    style中

    <style name="TabLayoutTextStyle" parent="TextAppearance.AppCompat.Widget.ActionBar.Title">
            <item name="android:textSize">16sp</item>
        </style>
  • 相关阅读:
    CI框架源码学习笔记1——index.php
    angular.js的post数据方式
    腾讯2018年9月秋招前端笔试题--编程题
    有赞2018年9月秋招一面
    2018阿里秋招笔试编程题
    css3 flex布局
    tomcat启动后,无法访问,报404
    2018网易前端实习面试总结
    2018网易前端实习笔试编程题总结
    set用法
  • 原文地址:https://www.cnblogs.com/shen-hua/p/7264029.html
Copyright © 2020-2023  润新知