欢迎使用 TvTabLayout

群 号：484790001 群二维码

• 针对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>

更详细的使用请见exmaple

---

其它作品

焦点框框架TvFocusBorder

TvRecyclerView框架TvRecyclerView

作者 owen