自定义ViewPager(二)

本次设计实现的是广告条下的指示器(平时看到广告条下的小点)

1.主窗体布局文件

<? xml version= "1.0"  encoding= "utf-8" ?>
< RelativeLayout
    xmlns: android = "http://schemas.android.com/apk/res/android"
    xmlns: tools = "http://schemas.android.com/tools"
    android :layout_width= "match_parent"
    android :layout_height= "match_parent"
    xmlns: app = "http://schemas.android.com/apk/res-auto">

    < android.support.v4.view.ViewPager
        android :id= "@+id/viewPager"
        android :layout_width= "match_parent"
        android :layout_height= "200dp">

    </ android.support.v4.view.ViewPager>

    < com.zhiyuan3g.indicator.Indicator

       android:id="@+id/indicator"

       app:setNumber="5"            <!--该属性为自定义控件的属性,具体如何设置,下文有所涉及-->

        android :layout_width= "200dp"
        android :layout_height= "60dp"
        android :layout_alignBottom= "@+id/viewPager"
        android :layout_centerHorizontal= "true"/>
</ RelativeLayout>

2.创建自定义控件Indictor类

package com.zhiyuan3g.indicator;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

/**
 * date:2016/12/6
 * author: 耿佳伟
  * function: 完成指示器的自定义控件
  *
 * 
 */
public class Indicator  extends View {
    // 空心圆
    private Paint  mBgPaint;
    // 实心圆
    private Paint  mForePaint;
    // 画空心圆的个数 如果有 xml 指定的数量 , 优先使用指定的
    private int  number = 4;
    // 圆的半径 , 规定默认值为 10
    private  int  radius = 10;
    // 定义实心圆颜色
    private int  mbgColor =Color. RED;
    // 定义空心圆颜色
    private int  mForeColor =Color. BLACK;

    // 该方法在我们 java 代码添加控件时回调
    public Indicator(Context context) {
        super(context);
        initPaint();
    }
    // 该方法在我们 xml 文件里添加时回调
    public Indicator(Context context,