自定义属性学习笔记（TypedArray）

今天看项目，无意中发现，有几个地方用到了小圆点，有蓝色、红色的。用于标记未读消息等。点击去发现，都是小图片，或者有人想在drawable下，用shape画一个小圆点。如果样式不一样（主要是颜色），就要有多个图片或者shape类型的xml文件？虽然一个项目中小点出现的地方不多，用图片或者shape浪费的空间可以忽略不计，不过，能省就剩吧。

我用的开发工具是 Android Studio 3.0

第一种方法：不使用自定义属性

这里，我用一种比较简单（繁琐）的方法来做，即：在布局文件中布局的时候，先不设定小点的颜色，再代码中使用的时候在设置

PointView

package com.demo.mydemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

public class PointView extends View {

private Paint pointPaint;

private int viewWidth;
private int viewHeight;

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

public PointView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, -1);
}

public PointView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);

Log.e("chen", "PointView");

init();
}

private void init() {
Log.e("chen", "init");
pointPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
pointPaint.setStyle(Paint.Style.FILL);
setPointDefaultStyle();
}

//设置原点的默认属性
private void setPointDefaultStyle() {
Log.e("chen", "setPointDefaultStyle");
pointPaint.setColor(0x55ff0000);
//设置画笔粗细，单位：像素。因为画笔的样式是FILL（充满），所以画笔粗细不重要。
pointPaint.setStrokeWidth(5);

}

//设置原点的半径和颜色
public void setRadiusAndColor(int color) {
Log.e("chen", "setRadiusAndColor");
pointPaint.setColor(color);

invalidate();
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
viewWidth = w;
viewHeight = h;
Log.e("chen", "onSizeChanged");
Log.e("viewWidth", viewWidth + "");
Log.e("viewHeight", viewHeight + "");
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Log.e("chen", "onDraw");
canvas.drawCircle(viewWidth / 2, viewHeight / 2, viewHeight / 2, pointPaint);
}
}

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#5500ff00"
>

<com.demo.mydemo.PointView
android:id="@+id/point"
android:layout_width="10dp"
android:layout_height="10dp"
android:layout_centerInParent="true"
/>

</RelativeLayout>

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

private PointView point;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

point = findViewById(R.id.point);
point.setRadiusAndColor(0xffffff55);

}
}

附日志：

com.demo.mydemo E/chen: PointView
com.demo.mydemo E/chen: init
com.demo.mydemo E/chen: setPointDefaultStyle
com.demo.mydemo E/chen: setRadiusAndColor
com.demo.mydemo E/chen: onSizeChanged
com.demo.mydemo E/viewWidth: 30
com.demo.mydemo E/viewHeight: 30
com.demo.mydemo E/chen: onDraw

第二种方法，利用自定义属性

相比上面的方法，自定义属性，可以在布局文件中布局的时候，直接指定小圆点的样式（这里以颜色为例）

1、在res/values/styles.xml文件中，添加

<declare-styleable name="myPoint">
<attr name="myColor" format="color"/>
</declare-styleable>

2、在自定义view中使用

说明：

注意下面TypedArray相关代码。在取颜色属性的时候，用的是R.styleable.myPoint_myColor。参考上面写的自定义属性，是myPoint和myColor之间用下划线相连

PointView2

package com.demo.mydemo;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

public class PointView2 extends View {

private Paint pointPaint;

private int viewWidth;
private int viewHeight;

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

public PointView2(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, -1);
}

public PointView2(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);

Log.e("chen", "PointView");
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.myPoint);
int color = ta.getColor(R.styleable.myPoint_myColor, 0x55ff0000);
ta.recycle();
init(color);
}

private void init(int color) {
Log.e("chen", "init");
pointPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
pointPaint.setStyle(Paint.Style.FILL);
pointPaint.setColor(color);
pointPaint.setStrokeWidth(5);
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
viewWidth = w;
viewHeight = h;
Log.e("chen", "onSizeChanged");
Log.e("viewWidth", viewWidth + "");
Log.e("viewHeight", viewHeight + "");
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Log.e("chen", "onDraw");
canvas.drawCircle(viewWidth / 2, viewHeight / 2, viewHeight / 2, pointPaint);
}
}

布局代码

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#5500ff00"
>

<com.demo.mydemo.PointView2
xmlns:chen="http://schemas.android.com/apk/res/com.demo.mydemo"
android:layout_width="10dp"
android:layout_height="10dp"
android:layout_centerInParent="true"
chen:myColor="#000000"
/>

</RelativeLayout>

这里要注意3个地方：

s1、xmlns:chen=”http://schemas.android.com/apk/res/com.demo.mydemo”的结尾处是包名。

s2、在当前开发工具：Android Studio上，这个引用，要写在自定义view里面。不要写在根布局RelativeLayout那里，否则，会报错



s3、chen:myColor这个可有可无，如果不写，在自定义view里面，会取默认值作为小圆点的颜色。

颜色属性已经设置上了，调用那里，可有不用额外操作

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

}
}

日志：

com.demo.mydemo E/chen: PointView
com.demo.mydemo E/chen: init
com.demo.mydemo E/chen: onSizeChanged
com.demo.mydemo E/viewWidth: 30
com.demo.mydemo E/viewHeight: 30
com.demo.mydemo E/chen: onDraw