TvTabLayout 针对 Android Tv 端把原生的 tablayout 进行适配和改造

最新推荐文章于 2023-03-01 00:03:05 发布

转载最新推荐文章于 2023-03-01 00:03:05 发布 · 1.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://p.codekk.com/detail/Android/zhousuqiang/TvTabLayout

收录于

Android 不错文章转载

TvTabLayout

项目地址：zhousuqiang/TvTabLayout

简介： TvTabLayout 针对 Android Tv 端把原生的 tablayout 进行适配和改造

更多：作者提 Bug

标签：

针对 TV 端的特性对 TabLayout 进行了适配与开发;
支持图片或颜色值作为 Indicator;

效果

Android Studio 集成

implementation 'com.owen:tv-tablayout:1.0.1'

自定义属性

属性	值/类型	简介
tabIndicatorResId	reference	指示器的资源(图片或颜色)
tabIndicatorWidth	dimension	指示器的宽
tabIndicatorHeight	dimension	指示器的高
tabIndicatorGravity	top / center / bottom	指示器的位置
tabIndicatorBackgroundHeight	dimension	指示器背景高度
tabIndicatorBackgroundColor	color	指示器背景颜色
tabContentStart	dimension	内容开始距离
tabContentBottom	dimension	内容底部距离
tabCircleDotRadius	dimension	小圆点的半径
tabCircleDotColor	color / reference	小圆点的颜色
tabScrollMode	scrollable / fixed	滚动模式
tabBackground	reference	tab 背景
tabGravity	top / center / bottom / fill	tab 的位置
tabMinWidth	dimension	tab 最小宽度
tabMaxWidth	dimension	tab 最大宽度
tabTexSize	dimension	文本大小
tabTextColor	color / reference	文本颜色
tabTextSelectedScale	float	文本选中时的缩放比例
tabTextSelectedCentered	boolean	文本选中时是否居中
tabPaddingStart	dimension	tab padding start
tabPaddingTop	dimension	tab padding top
tabPaddingEnd	dimension	tab padding end
tabPaddingBottom	dimension	tab padding bottom
tabPadding	dimension	tab padding

使用

// 代码动态添加 tab
TvTabLayout mTabLayout = findViewById(R.id.tablayout);
for(int i=0; i<15; i++) {
    mTabLayout.addTab(mTabLayout.newTab().setText("标题"+i), i == 0);
}

// 布局直接指定 tab
<com.owen.tab.TvTabLayout
        android:id="@+id/tablayout3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="60dp"
        app:tabIndicatorResId="@drawable/zx_p1_light"
        app:tabIndicatorWidth="108dp"
        app:tabIndicatorHeight="15dp"
        app:tabIndicatorBackgroundColor="@color/color_88ff804B"
        app:tabIndicatorBackgroundHeight="3dp"
        app:tabMinWidth="160dp"
        app:tabScrollMode="fixed"
        app:tabGravity="center"
        app:tabPaddingBottom="12dp"
        app:tabTextSelectedScale="1.2"
        app:tabTexSize="22sp"
        app:tabTextColor="@drawable/selector_tab_font_color">

        <com.owen.tab.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标题 1"/>

        <com.owen.tab.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标题 2"/>

        <com.owen.tab.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标题 3"/>

    </com.owen.tab.TvTabLayout>

// 监听设置
mTabLayout.addOnTabSelectedListener(new TvTabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TvTabLayout.Tab tab) {

    }

    @Override
    public void onTabUnselected(TvTabLayout.Tab tab) {

    }

    @Override
    public void onTabReselected(TvTabLayout.Tab tab) {

    }
});