ViewPager 指示器

最新推荐文章于 2024-08-23 09:13:48 发布
最新推荐文章于 2024-08-23 09:13:48 发布
阅读量665 收藏
点赞数
分类专栏： Android 文章标签： ViewPager 指示器 自定义View
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PirateCode/article/details/52334797
版权

项目需要一个ViewPager的指示器，发现Android联系人中有该控件，于是抽取出来分享给大家：

ViewPagerTabs .java:

public class ViewPagerTabs extends HorizontalScrollView implements ViewPager.OnPageChangeListener {

    ViewPager mPager;
    private ViewPagerTabStrip mTabStrip;

    /**
     * Linearlayout that will contain the TextViews serving as tabs. This is the only child
     * of the parent HorizontalScrollView.
     */
    final int mTextStyle;
    final ColorStateList mTextColor;
    final int mTextSize;
    final boolean mTextAllCaps;
    int mPrevSelected = -1;
    int mSidePadding;
    int mUnderlineColor;
    int mUnderlineThickness;

    private static final int TAB_SIDE_PADDING_IN_DPS = 10;


    /**
     * Simulates actionbar tab behavior by showing a toast with the tab title when long clicked.
     */
    private class OnTabLongClickListener implements OnLongClickListener {
        final int mPosition;

        public OnTabLongClickListener(int position) {
            mPosition = position;
        }

        @Override
        public boolean onLongClick(View v) {
            final int[] screenPos = new int[2];
            getLocationOnScreen(screenPos);

            final Context context = getContext();
            final int width = getWidth();
            final int height = getHeight();
            final int screenWidth = context.getResources().getDisplayMetrics().widthPixels;

            Toast toast = Toast.makeText(context, mPager.getAdapter().getPageTitle(mPosition),
                    Toast.LENGTH_SHORT);

            // Show the toast under the tab
            toast.setGravity(Gravity.TOP | Gravity.CENTER_HORIZONTAL,
                    (screenPos[0] + width / 2) - screenWidth / 2, screenPos[1] + height);

            toast.show();
            return true;
        }
    }

    public ViewPagerTabs(Context context) {
        this(context, null);
    }

    public ViewPagerTabs(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ViewPagerTabs(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setFillViewport(true);

        mSidePadding = (int) (getResources().getDisplayMetrics().density * TAB_SIDE_PADDING_IN_DPS);

        final TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ViewPagerTabs,defStyle,0);
        mTextSize = a.getDimensionPixelSize(R.styleable.ViewPagerTabs_textSize, 0);
        mTextStyle = a.getInt(R.styleable.ViewPagerTabs_textStyle, 0);
        mTextColor = a.getColorStateList(R.styleable.ViewPagerTabs_textColor);
        mTextAllCaps = a.getBoolean(R.styleable.ViewPagerTabs_textAllCap, false);
        mUnderlineColor = a.getColor(R.styleable.ViewPagerTabs_underlineColor,0);
        mUnderlineThickness = a.getDimensionPixelOffset(R.styleable.ViewPagerTabs_underlineThickness,dp2px(2f));

        mTabStrip = new ViewPagerTabStrip(context);
        mTabStrip.setUnderlineColor(mUnderlineColor);
        mTabStrip.setSelectedUnderlineThickness(mUnderlineThickness);

        addView(mTabStrip,
                new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT));
        a.recycle();
    }

    public void setViewPager(ViewPager viewPager) {
        mPager = viewPager;
        addTabs(mPager.getAdapter());
        mPager.addOnPageChangeListener(this);
    }

    private void addTabs(PagerAdapter adapter) {
        mTabStrip.removeAllViews();

        final int count = adapter.getCount();
        for (int i = 0; i < count; i++) {
            addTab(adapter.getPageTitle(i), i);
        }
    }

    private void addTab(CharSequence tabTitle, final int position) {
        final TextView textView = new TextView(getContext());
        textView.setText(tabTitle);
        textView.setBackgroundResource(R.drawable.view_pager_tab_background);
        textView.setGravity(Gravity.CENTER);
        textView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mPager.setCurrentItem(getRtlPosition(position));
            }
        });

        textView.setOnLongClickListener(new OnTabLongClickListener(position));

        // Assign various text appearance related attributes to child views.
        if (mTextStyle > 0) {
            textView.setTypeface(textView.getTypeface(), mTextStyle);
        }
        if (mTextSize > 0) {
            textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize);
        }
        if (mTextColor != null) {
            textView.setTextColor(mTextColor);
        }
        textView.setAllCaps(mTextAllCaps);
        textView.setPadding(mSidePadding, 0, mSidePadding, 0);
        mTabStrip.addView(textView, new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
                LayoutParams.MATCH_PARENT, 1));
        // Default to the first child being selected
        if (position == 0) {
            mPrevSelected = 0;
            textView.setSelected(true);
        }
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        position = getRtlPosition(position);
        int tabStripChildCount = mTabStrip.getChildCount();
        if ((tabStripChildCount == 0) || (position < 0) || (position >= tabStripChildCount)) {
            return;
        }
        mTabStrip.onPageScrolled(position, positionOffset, positionOffsetPixels);
        if(null != onPageChangeListener){
            onPageChangeListener.onPageScrolled(position,positionOffset,positionOffsetPixels);
        }
    }

    @Override
    public void onPageSelected(int position) {
        position = getRtlPosition(position);
        if (mPrevSelected >= 0) {
            mTabStrip.getChildAt(mPrevSelected).setSelected(false);
        }
        final View selectedChild = mTabStrip.getChildAt(position);
        selectedChild.setSelected(true);

        // Update scroll position
        final int scrollPos = selectedChild.getLeft() - (getWidth() - selectedChild.getWidth()) / 2;
        smoothScrollTo(scrollPos, 0);
        mPrevSelected = position;
        if(null != onPageChangeListener){
            onPageChangeListener.onPageSelected(position);
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {
        if(null != onPageChangeListener){
            onPageChangeListener.onPageSelected(state);
        }
    }

    private int getRtlPosition(int position) {
        if (getLayoutDirection() == View.LAYOUT_DIRECTION_RTL) {
            return mTabStrip.getChildCount() - 1 - position;
        }
        return position;
    }

    private int dp2px(float dpVal){
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                dpVal, getContext().getResources().getDisplayMetrics());
    }

    private OnPageChangeListener onPageChangeListener;

    public void setOnPageChangeListener(OnPageChangeListener onPageChangeListener){
        this.onPageChangeListener = onPageChangeListener;
    }

    public interface OnPageChangeListener{
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels);
        public void onPageSelected(int position);
        public void onPageScrollStateChanged(int state);
    }

}

ViewPagerTabStrip.java:

public class ViewPagerTabStrip extends LinearLayout {
    private int mSelectedUnderlineThickness;
    private final Paint mSelectedUnderlinePaint;

    private int mIndexForSelection;
    private float mSelectionOffset;
    private int mUnderlineColor;
    private int mBackgroundColor;

    public ViewPagerTabStrip(Context context) {
        this(context, null);
    }

    public ViewPagerTabStrip(Context context, AttributeSet attrs) {
        super(context, attrs);

        final Resources res = context.getResources();

        mSelectedUnderlineThickness =
                res.getDimensionPixelSize(R.dimen.tab_selected_underline_height);
        mUnderlineColor = res.getColor(R.color.tab_selected_underline_color);
        mBackgroundColor = res.getColor(R.color.actionbar_background_color);

        mSelectedUnderlinePaint = new Paint();
        mSelectedUnderlinePaint.setColor(mUnderlineColor);

        setBackgroundColor(mBackgroundColor);
        setWillNotDraw(false);
    }

    @Override
    public void setBackgroundColor(int color) {
        super.setBackgroundColor(color);
    }

    public void setUnderlineColor(int underlineColor){
        mUnderlineColor = underlineColor;
        mSelectedUnderlinePaint.setColor(mUnderlineColor);
    }

    public void setSelectedUnderlineThickness(int size){
        mSelectedUnderlineThickness = size;
    }

    /**
     * Notifies this view that view pager has been scrolled. We save the tab index
     * and selection offset for interpolating the position and width of selection
     * underline.
     */
    void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        mIndexForSelection = position;
        mSelectionOffset = positionOffset;
        invalidate();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        int childCount = getChildCount();

        // Thick colored underline below the current selection
        if (childCount > 0) {
            View selectedTitle = getChildAt(mIndexForSelection);
            int selectedLeft = selectedTitle.getLeft();
            int selectedRight = selectedTitle.getRight();
            final boolean isRtl = isRtl();
            final boolean hasNextTab = isRtl ? mIndexForSelection > 0
                    : (mIndexForSelection < (getChildCount() - 1));
            if ((mSelectionOffset > 0.0f) && hasNextTab) {
                // Draw the selection partway between the tabs
                View nextTitle = getChildAt(mIndexForSelection + (isRtl ? -1 : 1));
                int nextLeft = nextTitle.getLeft();
                int nextRight = nextTitle.getRight();

                selectedLeft = (int) (mSelectionOffset * nextLeft +
                        (1.0f - mSelectionOffset) * selectedLeft);
                selectedRight = (int) (mSelectionOffset * nextRight +
                        (1.0f - mSelectionOffset) * selectedRight);
            }

            int height = getHeight();
            canvas.drawRect(selectedLeft, height - mSelectedUnderlineThickness,
                    selectedRight, height, mSelectedUnderlinePaint);
        }
    }

    private boolean isRtl() {
        return getLayoutDirection() == View.LAYOUT_DIRECTION_RTL;
    }

使用：

public class MainActivity extends Activity {

    private static final String TAG = MainActivity.class.getSimpleName();

    private String[] title = {"魁拔","秦时明月","海贼王","火影忍者","潮与虎","斩/赤红之瞳","大圣归来"};
    private ArrayList<View> views = new ArrayList<View>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        for(int i = 0;i < title.length;i++){
            TextView textView = new TextView(this);
            textView.setGravity(Gravity.CENTER);
            textView.setText(title[i]);
            views.add(textView);
        }
        ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
        viewPager.setAdapter(new TestPageAdapter());
        ViewPagerTabs viewPagerTabs = (ViewPagerTabs) findViewById(R.id.tabs);
        viewPagerTabs.setViewPager(viewPager);
        viewPagerTabs.setOnPageChangeListener(new ViewPagerTabs.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                Log.d(TAG,"-onPageScrolled->"+position);
            }

            @Override
            public void onPageSelected(int position) {
                Log.d(TAG,"-onPageSelected->"+position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                Log.d(TAG,"-onPageScrollStateChanged->"+state);
            }
        });
    }

    private class TestPageAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return views.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(views.get(position));
            return views.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(views.get(position));
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return title[position];
        }
    }
}

下载地址：
http://download.csdn.net/detail/lxfeng1098751554/9308233

PirateCode
关注
专栏目录
ViewPager指示器
12-02
一个简单的ViewPager指示器，三句代码调的飞起。
Android自定义ViewPager指示器
09-01
【Android自定义ViewPager指示器详解】 在Android应用开发中，ViewPager是一种常见的滑动视图组件，用于展示多个页面，常用于实现类似轮播图或标签页的效果。然而，原生的ViewPager并不自带指示器，而指示器对于...
ViewPagerDots 教程：打造优雅的指示器体验
最新发布
gitblog_01047的博客
08-23 372
ViewPagerDots 教程：打造优雅的指示器体验 viewpagerdots???? Simple, compact Kotlin library for ViewPager page indicators.项目地址:https://gitcode.com/gh_mirrors/vi/viewpagerdots 项目介绍 ViewPagerDots 是由 afollestad 开发的一个 An...
Viewpager指示器Indicator
wangyaqian1212的博客
07-20 652
效果：ViewPager跟随Tab动，底端绘制三角形 布局文件中：           android:layout_width="match_parent"         android:layout_height="45dp"         android:orientation="horizontal"         android:id="@+id/viewpag
Viewpager指示器
TheWindRisesla的博客
03-10 744
效果 public class IndicatorView extends LinearLayout implements ViewPager.OnPageChangeListener { /** * 需要创建的指示器个数 */ private int childViewCount = 0; /** * 设置圆点间margin */ private int mInterval; /** * 当前选中的位置
ViewPager指示器（三角形）
怎博一笑
07-31 249
自定义的三角形指示器，可以跟ViewPager一起滑动。 public class ViewPagerTriangleIndicatorView extends LinearLayout { /** * 三角形底边宽 */ private int mTriangleWidth; /** * 三角形高度 */ private int mTriangleHeigh; /** * 三角形起始点 */ .
android ViewPager指示器
03-27
而ViewPager指示器则是与ViewPager配合使用，用以显示当前所选页面的状态，通常是通过小圆点或其他图形来直观地表示。在本教程中，我们将深入探讨如何在Android应用中实现一个简单的ViewPager指示器，并通过一行代码...
TabLayout实现ViewPager指示器的方法
08-27
在Android开发中，`TabLayout` 是一个非常实用的组件，它主要用于与 `ViewPager` 配合，提供页面切换时的标签指示器效果。在 `TabLayout` 出现之前，开发者通常需要借助第三方库，如 `TabPageIndicator` 来实现类似...
viewpager页面指示器
11-03
该项目工程实现了自定义的viewpager页面指示器，在有美工和没有美工切图的情况下，都可以轻松实现，其中用到了给view自定义属性attrs。
viewpager特效指示器-
未来很长，但我会努力的走下去。
02-14 341
IndicatorView 项目地址：steelkiwi/IndicatorView  简介：Configurable view for ViewPager 更多：作者   提 Bug   官网    标签： viewpager特效指示器- IndicatorView to highlight current viewpager position View ...
Android TCP传输自定义格式数据帧(1)
2401_84544914的博客
04-28 776
int value;}else{3.连接byte[]4.十六进制String > byte[]i < len;i++) {5.byte[] > 十六进制String。
viewpager指示器
renyuan1991的博客
11-08 124
[/color] 1. 2. 3. [color=darkblue][size=medium]实现代码[/size][/color]
【笔记】自定义控件——ViewPager指示器
林zero的专栏
03-19 518
ViewPager的用途很广，像滚动广告、引导页等就常用这个控件实现，而在这些控件里常常会需要一个指示器来表示当前所显示的是第几张广告或第几页。 不堪回首的过去 以前在滚动广告时常常在布局文件中放一个LinearLayout，然后在代码中动态创建ImageView，添加到容器中， dotList = new ArrayList(); for (int i=0;i<list.size();i+
Android简单的ViewPager指示器
冷不冷的博客
06-16 8189
平常写项目在写介绍页,或者一些简单的轮播图的时候,总会需要搭配指示器来标明当前在什么位置.写法也比较多,刚好自己需要用到,以前用的一些方法,用起来需要配置好多东西,有些大材小用,所以来简单的实现一个.效果图如下:一、简单分析与代码实现因为比较简单,所以就简单的分析一下: 1)每一个指示器项有两种状态,普通状态和选中状态,所以需要准备两种状态的图片. 2)指示器的个数和ViewPager的页数要保
自定义Android ViewPager指示器实现详解
"Android自定义ViewPager指示器的实现与解析" 在Android开发中，ViewPager是一个非常常用的组件，用于展示多个页面并允许用户通过滑动切换。然而，为了提供更好的用户体验，通常会搭配一个指示器来显示当前所处的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值