Android开发短视频源码时常用的页面切换指示器

1
2
compile'com.github.hackware1993:MagicIndicator:1.5.0'

1
2
3
4
5
6
7
8
9
10
11
<net.lucode.hackware.magicindicator.MagicIndicator
    android:id="@+id/magic_indicator"
    android:layout_width="match_parent"
    android:layout_height="45dp" />
<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="0dp">
</android.support.v4.view.ViewPager>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
CommonNavigator commonNavigator = new CommonNavigator(getActivity())；
 commonNavigator.setAdapter(new CommonNavigatorAdapter() {
        @Override
        public int getCount() {
            return titles.length;
        }
        @Override
        public IPagerTitleView getTitleView(Context context, final int index) {
            SimplePagerTitleView simplePagerTitleView = new 		ScaleTransitionPagerTitleView(context);
            simplePagerTitleView.setText(titles[index]);
/设置导航的文字大小

            simplePagerTitleView.setTextSize(20);/            
//正常状态下的标题颜色
simplePagerTitleView.setNormalColor(Color.GRAY);    
//选中的标题字体颜色        simplePagerTitleView.setSelectedColor(getResources().getColor(R.color.title_bar_bg));
            simplePagerTitleView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    viewPager.setCurrentItem(index);
                }
            });
            return simplePagerTitleView;
        }
        @Override
        public IPagerIndicator getIndicator(Context context) {
            return null;
        }
    });

    magicIndicator.setNavigator(commonNavigator);

1
2
commonNavigator.setAdjustMode(true);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 protected IPagerIndicator createIPagerIndicator(Context context) {

        WrapPagerIndicator indicator = new WrapPagerIndicator(context);
//设置背景颜色
        indicator.setFillColor(Color.parseColor("#c9f4f3"));
//设置行间距
        indicator.setHorizontalPadding(DpUtil.dp2px( 10));
//设置圆角弧度
        indicator.setRoundRadius(DpUtil.dp2px( 25));
//设置竖直间距
        indicator.setVerticalPadding(DpUtil.dp2px(2));
        return indicator;
    }

1
2
ViewPagerHelper.bind(magicIndicator, viewPager);