本次设计实现的是广告条下的指示器(平时看到广告条下的小点)
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
< 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>
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,
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,