跳至主要内容

[Widget]BaseTabStrip-用于捆绑ViewPager实现复杂页面切换效果的TabStrip的基类

BaseTabStrip

支持库v4中本就存在控件PagerTitleStrip,但对于各式各样的需要,其还是满足不了。但每一种样式都重新写一些基础方法也浪费,于是将通用方法提出写成基类,而具体样式就交给子类实现。
BaseTabStrip继承自View,可自动捆绑ViewPager,为基础类,仅实现了一些通用基础逻辑。具体的实现效果需要实现与重写部分方法。

要求

  • minSdkVersion 9
  • 保持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7)

链接

使用

必须实现的方法(实现子类独有的效果):
/**
     * 直接跳转到
     *
     * @param current 位置
     */
    protected abstract void jumpTo(int current);

    /**
     * 滑向左边
     *
     * @param current 当前页
     * @param next    目标页
     * @param offset  偏移
     */
    protected abstract void gotoLeft(int current, int next, float offset);

    /**
     * 滑向右边
     *
     * @param current 当前页
     * @param next    目标页
     * @param offset  偏移
     */
    protected abstract void gotoRight(int current, int next, float offset);
可重写的方法: 完成PagerAdapter绑定,但并未刷新界面及布局:
/**
     * 捆绑PagerAdapter
     */
    protected void onBindPagerAdapter() {

    }
若子类要实现点击事件,需要实现将点击的点转化为子项Position:
/**
     * 由触摸点转为Position
     *
     * @param x X坐标
     * @param y Y坐标
     * @return 坐标对应位置
     */
    protected int pointToPosition(float x, float y) {
        return 0;
    }
若设置了子项的Background,需要设置Background的hotspot,则需要重写:
/**
     * set hotspot's x location
     *
     * @param background 背景图
     * @param position   图片Position
     * @param motionX    点击位置X
     * @param motionY    点击位置Y
     * @return x location
     */
    protected float getHotspotX(Drawable background, int position, float motionX, float motionY) {
        return background.getIntrinsicWidth() * 0.5f;
    }

    /**
     * set hotspot's y location
     *
     * @param background 背景图
     * @param position   图片Position
     * @param motionX    点击位置X
     * @param motionY    点击位置Y
     * @return y location
     */
    protected float getHotspotY(Drawable background, int position, float motionX, float motionY) {
        return background.getIntrinsicHeight() * 0.5f;
    }
子项类实现@ViewPager.DecorView接口用于达到作为ViewPager子项显示

注意

  • 如果子类实现子项点击事件,需要在构造方法中setItemClickable(ture),且同时可设置点击时是否平滑滚动setClickSmoothScroll(boolean);
  • 可通过setItemBackground()来给子项设置背景,但背景并未在基类中绘画出来,因此需要在子类中自行将其绘制出来,如果不需要则可以忽略
  • OnItemClickListener中实现了:单击、点击已选中子项、双击三种点击事件
  • ItemTabAdapter为角标基本容器,需要实现角标,可以基于该接口
  • 持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7),否则可能出现错误

评论

此博客中的热门博文

[Widget]StateFrameLayout-状态帧布局

StateFrameLayout icon 一般网络交互的状态提示及处理大多数情况下考虑使用Dialog,在一切状态处理理想状态下时,使用Dialog进行交互是可行的。但稍微一不注意,使用Dialog则会出现一系列隐藏的Bug。为节省用户时间怎加体验感觉,数据的载入可以在onCreate时候就进行,甚至可以在Activity构造函数里面启动网络请求,因为Activity还没有建立窗口(onAttachedToWindow),而Dialog必须附着在Activity的Window上,显然这时候不能弹出Dialog;网络交互并非即时,也就是在交互过程中用户可能进行任何操作,多数情况下,应用并不允许用户中断网络交互,而将Dialog设置为不可取消的话,用户体验是很差的,因为你同时阻止了用户退出当前Activity的操作,若用户仅仅是误点了进来,那么必须等待交互结束才能退出,而如果不讲Dialog设置为不可取消的话,那么用户进行了取消操作,但实际是并没有取消,这又会让用户很困惑,如果交互是更新当前页面的数据,当用户取消以后就可以进行旧数据操作,但其实这时候数据已过时,操作是不应该的;当网络交互已完成时,若交互结果需要告知用户时,此时又得注意Activity的状态,也许Activity已经关闭了Window(用户进行了返回操作,Activity在销毁;或者用户点按了Home键,设备内存不够,Activity在进行保存并关闭Window)。操控好Window,则使用Dialog并无任何问题,但是这就会怎加代码复杂度。其实我们的目的就是告知用户在进行网络请求,阻止用户对未载入或旧页面进行操作,网络交互结束后有必要时告知用户;使用StateFrameLayout则能轻松达到效果。 状态帧布局,通常用于网络请求的四种状态,普通、载入、错误、空白。支持Drawable或者View来展示,也可以混搭。 预览 screenshots 要求 minSdkVersion 4 链接 Github Bintray 使用 基本布局 < am .widget.stateframelayout.StateFrameLayout xmlns : app = " http://schemas.androi...

[Widget]GradientTabStrip-微信式底部渐变栏

GradientTabStrip icon 继承自BaseTabStrip,实现微信式渐变底部Tab效果,为ViewPager添加如PagerTitleStrip一样的Tab,但支持更多自定义功能,并支持为Tab增加标记点功能,并可以自定义标记点各自的位置及显示状态以及背景等。 预览 screenshots 要求 minSdkVersion 9 保持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7) 链接 Github Bintray 使用 基本布局 < am .widget.gradienttabstrip.GradientTabStrip android : id = " @+id/gts_gts_tabs " android : layout_width = " match_parent " android : layout_height = " 64dp " android : textColor = " @color/color_gradienttabstrip_tab " android : textSize = " 12sp " app : gtsBackground = " @drawable/bg_common_press " /> 基本代码 GradientTabStrip tabStrip = ( GradientTabStrip ) findViewById(id); GradientTabStrip . GradientTabAdapter adapter = new GradientTabStrip . GradientTabAdapter () { @Override public Drawable getNormalDrawable ( int position , Context context ) { return null ; } @...

[Widget]IndicatorTabStrip-移动式下标渐变缩放Tab

IndicatorTabStrip 继承自BaseTabStrip,移动式下标渐变缩放Tab,Item不建议超过5个,为ViewPager添加如PagerTitleStrip一样的Tab,但支持更多自定义功能,并支持为Tab增加标记点功能,并可以自定义标记点各自的位置及显示状态以及背景等。 预览 要求 minSdkVersion 9 保持跟其他官方支持库版本一致(如:com.android.support:appcompat-v7) 链接 Github Bintray 使用 基本布局 < am .widget.indicatortabstrip.IndicatorTabStrip xmlns : app = " http://schemas.android.com/apk/res-auto " android : id = " @+id/its_its_tabs " android : layout_width = " match_parent " android : layout_height = " ?attr/actionBarSize " android : padding = " 5dp " android : textColor = " @color/color_main_tabs " android : textSize = " 16sp " app : ttsTextScale = " 1.2 " app : ttsDivider = " @drawable/divider_indicator_under " app : ttsInterval = " @drawable/divider_indicator_interval " app : ttsIndicator = " @drawable/ic_indicator_indicator " ...