Skip to content

入门使用

angcyo edited this page Nov 13, 2020 · 5 revisions

简单使用

1.添加item

添加item有2种方式:

  1. 直接在xml中布局
  2. 通过addView removeView

2种方式, 均支持. 且对使用没有任何差异. 喜欢用哪个就用哪个.

DslTabLayout继承自ViewGroup, 模拟了横向的LinearLayout布局效果.

所以您可以直接在xml文件中这样玩:

<com.angcyo.tablayout.DslTabLayout
 ... >
    <TextView
        android:text="Vue"
        ... />

    <TextView
        android:text="前->端" 
        ... />

    <TextView
        android:text="设置" 
        ... />

    <TextView
        android:text="其他资源" 
        ... />

</com.angcyo.tablayout.DslTabLayout>

完全可以, 当然您也可以通过代码addView, 冇问题的老铁.

使用就是如此简单.


2.配置指示器的样式

默认情况下, 库中没有自带默认的指示器样式.

可以直接通过xml属性tab_indicator_drawable配置一个样式.

更多属性请参考:指示器配置


3.智能滚动

当所有child的宽度总和大于DslTabLayout的宽度时, 就会自动开启横向滚动. 无需使用者操心.

DslTabLayout用作底部导航时, 此时通常不需要滚动, 并且item平分整个宽度.

可以使用属性tab_item_is_equ_width=true, 达到效果.


4.ViewPager/ViewPager2/事件

关联VP请参考:https://github.com/angcyo/DslTabLayout/wiki/ViewPager1%E5%92%8CViewPager2

事件请参考:https://github.com/angcyo/DslTabLayout/wiki/Item%E9%80%89%E4%B8%AD%E4%BA%8B%E4%BB%B6


5.其他高级效果

角标参考:https://github.com/angcyo/DslTabLayout/wiki/%E8%A7%92%E6%A0%87

效果配置请参考:https://github.com/angcyo/DslTabLayout/wiki/%E5%B1%9E%E6%80%A7%E5%A4%A7%E5%85%A8