首页 > 代码库 > 自定义View学习笔记-1

自定义View学习笔记-1

继承View重写onDraw方法

 

对于直接继承自View的控件,如果不对wrap_content做特殊处理,那么使用wrap_content就相当于mathc_parent.

处理:只需要制定一个wrap_content模式的默认宽/高

代码如下:

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(200, 200);
} else if (widthSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(200, heightMeasureSpec);
} else if (heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(widthSpecSize, 200);
}
}

直接继承自View和ViewGroup的控件,padding是默认无法生效的,需要自己处理。

处理代码:

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
final int paddingLeft = getPaddingLeft();
final int paddingRight = getPaddingRight();
final int paddingTop = getPaddingTop();
final int paddingBotton = getPaddingBottom();
int width = getWidth() - paddingLeft - paddingRight;
int height = getHeight() - paddingTop - paddingBotton;
int radius = Math.min(width, height) / 2;
canvas.drawCircle(paddingLeft + width / 2, paddingTop + height / 2, radius, mPaint);
}

还需要为其提供自定义属性

第一步:在values目录下面创建自定义属性的XML,比如attrs.xml,文件夹名取合适的名字:创建attrs.xml文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CircleView">
<attr name="circle_color" format="color"/>
</declare-styleable>
</resources>
这里定义一个格式为"color"的属性“circle_color”,指的是颜色
refrence是指资源id
dimension是指尺寸
string、integer、boolean是指基本数据类型

第二步:在View的构造方法中解析自定义属性的值并做相应处理
构造方法中:
public CircleView(Context context,AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleView);
mColor = a.getColor(R.styleable.CircleView_circle_color, Color.RED);
a.recycle();
init();
}
首先加载自定义属性集合CircleView,接着解析CircleView属性集合中的circle_color属性,它的id为:R.styleable.CircleView_circle_color
过程中,如果在使用时没有指定circle_color这个属性,那么就会选择红色作为默认的颜色值,解析完自定义属性后,通过recycle方法来实现资源。


第三步:在布局中使用自定义属性
<yuer.com.uitestdemo.ui.CircleView
android:id="@+id/circle_view1"
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="20dp"
android:background="#000000"
android:padding="20dp"
app:circle_color="@color/light_green"/>

自定义View学习笔记-1