Notice: 函数 WP_Scripts::localize 的调用方法不正确$l10n 参数必须是一个数组。若要将任意数据传递给脚本,请改用 wp_add_inline_script() 函数。 请查阅调试 WordPress来获取更多信息。 (这个消息是在 5.7.0 版本添加的。) in /data/www/appblog/wp-includes/functions.php on line 6131

Android TabLayout参数

列举Android Design库 TabLayout系统属性

设置未选中字体的颜色

app:tabTextColor="@color/colorPrimary"

设置选中字体的颜色

app:tabSelectedTextColor="@android:color/holo_orange_light"

指示器下标的颜色

app:tabIndicatorColor="@android:color/holo_orange_light"

设置整个TabLayout的颜色

app:tabBackground="color"

设置TabLayout内部字体大小

app:tabTextAppearance="@android:style/TextAppearance.Holo.Large" //设置文字的外貌

设置指示器下标的高度

app:tabIndicatorHeight="4dp"

添加图标

tabLayout.addTab(tabLayout.newTab().setText("Tab 1").setIcon(R.mipmap.ic_launcher));

Tab的模式

默认是fixed:固定的,标签很多时会被挤压,不能滑动

设置为可滑动:

app:tabMode="scrollable"

加入Padding

设置Tab内部的子控件的Padding:

app:tabPadding="xxdp"
app:tabPaddingTop="xxdp"
app:tabPaddingStart="xxdp"
app:tabPaddingEnd="xxdp"
app:tabPaddingBottom="xxdp"

设置整个TabLayout的Padding:

app:paddingEnd="xxdp"
app:paddingStart="xxdp"

内容的显示模式

app:tabGravity="center" //居中,如果是fill,则是充满

Tab的宽度限制

app:tabMaxWidth="xxdp"
app:tabMinWidth="xxdp"

Tab的偏移量“Margin”

开始位置的偏移量:

app:tabContentStart="100dp"

TabLayout的监听事件

选中某个tab的监听事件OnTabSelectedListener():

tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public voidonTabSelected(TabLayout.Tab tab) {
        //选中tab的逻辑
    }

    @Override
    public voidonTabUnselected(TabLayout.Tab tab) {
        //未选中tab的逻辑
    }

    @Override
    public voidonTabReselected(TabLayout.Tab tab) {
        //再次选中tab的逻辑
    }
});

ViewPager的联动

最后也是最重要的:

tabLayout.setupWithViewPager(Viewpager);

简单模仿简书Android端的Tab

设置下标的高度为0,相当于没有下标:

app:tabIndicatorHeight="0dp"

设置背景颜色以及选中文字颜色

app:tabSelectedTextColor="#ff7a61"
app:tabBackground="#f6f4f2" //这里不能直接写RGB,需要@color/xxx

最后设置Tab的模式:

app:tabMode="scrollable"
上一篇 Android项目中使用lambda表达式
下一篇 Android inflate()引发NullPointerException