RVPIndicator

Introduction: ViewPager 指示器 实现联动,自身滚动,支持类型 : 下滑线,三角形,全背景,图片
More: Author   ReportBugs   
Tags:
viewpager-indicator-viewpager-indicator-miui-

欢迎使用 RVPIndicator

1.特点

简单实用的 ViewPager 指示器 实现联动,自身滚动。

高仿 MIUI 但更胜于 MIUI,提供多种指示器类型。支持类型 : 下滑线(可设置指示器高度),三角形,图片

2.效果图

3.属性说明

开发者根据实际需要选择使用对应的功能属性

属性 说明
text_color_normal 文本颜色 默认
text_color_selected 文本颜色 选中
text_size 文本大小
indicator_visible_count 屏幕可见指示器数量
indicator_color 指示器颜色
indicator_style 指示器样式 { bitmap:图片;line:下划线;triangle:三角形 }
indicator_height 指示器高度
indicator_width 指示器宽度
style_bitmap_src 指示器图片路径 style=bitmap 有效
style_line_padding 指示器下划线左右 padding style=line 有效

4.使用

4.1 Gradle (版本号根据更新历史使用最新版)

compile 'com.ruffian.library:RVPIndicator:1.0.6'

4.2 XML 使用

   <com.ruffian.library.RVPIndicator
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:background="#ADD597"
    android:orientation="horizontal"

    //指示器颜色
    rvp:indicator_color="#ffffff"
    //指示器样式
    rvp:indicator_style="triangle"
    //指示器可见数量
    rvp:indicator_visible_count="4"
    //指示器高度
    rvp:indicator_height="2dp"
    //指示器宽度
    rvp:indicator_widtht="20dp"

    //指示器图片
    rvp:style_bitmap_src="@mipmap/ic_launcher"

    //线性指示器左右 padding
    rvp:style_line_padding="10dp"

    //文字默认颜色
    rvp:text_color_normal="#fb9090"
    //文字选中颜色
    rvp:text_color_selected="#FF0000"
    //文字大小
    rvp:text_size="20sp" />

4.3.1 代码调用(功能代码)

    // 设置 Tab 上的标题
    mIndicator.setTitleList(mList);

    // 设置关联的 ViewPager
    mIndicator.setViewPager(mViewPager, 0);

    //设置 Adapter
    mViewPager.setAdapter(mAdapter);

4.3.2 代码调用(可选功能代码)

    //设置线性指示器左右 Padding
    mIndicator.setStyleLinePadding(10);
    //设置 title
    mIndicator.setTitle("哈哈哈", 1);
    mIndicator.setTitleList(mList);

    // Indicator 选中监听
    mIndicator.setOnIndicatorSelected(new RVPIndicator.OnIndicatorSelected() {

        @Override
        public void setOnIndicatorSelected(int position, String title) {
            Log.w("TAG", "setOnIndicatorSelected");
        }
    });

    // PageChange 监听
    mIndicator.setOnPageChangeListener(new RVPIndicator.PageChangeListener() {

        @Override
        public void onPageSelected(int position) {
            Log.w("TAG", "onPageSelected");
        }

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            Log.w("TAG", "onPageScrolled");
        }

        @Override
        public void onPageScrollStateChanged(int state) {
            Log.w("TAG", "onPageScrollStateChanged");
        }
    });

5.版本历史

v1.0.6 2018.01.12 扩展指示器宽高均可设置,对各个模式有效

v1.0.5 2018.01.12 添加指示器宽度设置

v1.0.4 2017.11.10 添加指示器高度设置(line 模式有效,去除全背景模式,全背景效果通过设置指示器高度实现),修复 BUG #3

v1.0.3 2017.09.08 发布正式版本

License

MIT License

Copyright (c) 2018 Ruffian-痞子

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Apps
About Me
GitHub: Trinea
Facebook: Dev Tools