天天看点
返回

自定义View(1)------------自定义属性

先贴一个网址，这个大神画的不错  http://blog.csdn.net/wangchunlei123/article/details/50478913

自定义View的步骤：

1、创建一个自定义的View如：MyNoteView继承View或者View的子类

写构造方法：根据需要写出构造函数

public MyNoteView(Context context)   通过java代码写布局    new 这个对象的时候会执行该方法

public MyNoteView(Context context, AttributeSet attrs)    使用xml文件布局的时候使用  

参数说明：AttributeSet：引用资源的属性集合

public MyTextView(Context context, AttributeSet attrs, int defStyleAttr)

也是在xml文件中使用该方法 如果本类中 写了该构造方法，则必须还要添加 上面第二个构造方法

参数说明：defStyleAttr 默认的一个属性风格id

2、自定义属性：在res\values文件夹新建attrs.xml文件

使用declare-styleable标签声明自定义View,声明时anme的值必须与使用该属性的View 名称相同，如：

<declare-styleable name="MyTextView">
        <attr name="textColor" format="color|reference"></attr>
        <attr name="textSize" format="dimension"></attr>
        <attr name="text" format="string"></attr>
    </declare-styleable>

(1)定义每个属性的 name,     name可以随便命名，但是最好见名知意

(2)   定义每个属性的format（格式）  填写格式类型可以多种       以   “|”  符号链接

format的类型

1、reference   参考某一资源 ，通常是@开头，例如@+id/xxxx，@id/xxx

2、color          颜色值

3、boolean     布尔值

4、dimension 尺寸值（带有单位的 sp／dp）

5、float           浮点型

6、integer 整形

7、string 字符串

8、fraction       百分比

9、enum 枚举

10、flag 位或运算

(3)在xml文件中使用自定义的属性，

注意：

①自定义View的引用 必须是包名+类名（全路径）

②根元素的中必须增加了一个额外的命名空间： xmlns:app="http://schemas.android.com/apk/res/com.phone.day28_customviewattr"      其中app表示      元素中使用以app开头的属性，

...../res/后表示完整的包名com.phone.day28_customviewattr    具体使用如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res/com.phone.day28_customviewattr"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <!-- 自定义View的引用 必须是包名+类名（全路径） -->

    <com.phone.day28_customviewattr.MyTextView
        android:id="@+id/myTextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        app:text="我是石头里蹦出来的"
        app:textColor="@android:color/holo_blue_light"
        app:textSize="24sp" />

</RelativeLayout>

③在java代码中要使用自定义的属性

在 自定义View 的构造方法中  通过TypedArray 将我们设置的值拿出来，赋予画笔或画布进行绘制

我们调用Context.obtainStyledAttributes方法获得TypedArray的对象

在attrs.xml中定义的名称,通过R.styleable来访问,按照attrs.xml中定义的属性的类型，使用不同的get方法获取指定属性的值。

TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.MyTextView);
	color = array.getColor(R.styleable.MyTextView_textColor, Color.BLACK);
	text = array.getString(R.styleable.MyTextView_text);
	size = array.getDimension(R.styleable.MyTextView_textSize, 18);

完整获取属性代码如下：

public MyTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		// 画笔
		mPaint = new Paint();

		// 帮助我们将设置的属性资源拿到这里
		TypedArray array = context.obtainStyledAttributes(attrs,
				R.styleable.MyTextView);
		color = array.getColor(R.styleable.MyTextView_textColor, Color.BLACK);
		text = array.getString(R.styleable.MyTextView_text);
		size = array.getDimension(R.styleable.MyTextView_textSize, 18);

		
		mPaint.setColor(color);
		mPaint.setTextSize(size);
		// 回收
		array.recycle();
	}

(4)根据需要重写以下方法;

①测量，计算当前view 的大小   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

②位置 1自身相对于 父布局的位置 2如果自身是ViewGroup 还有 childView 相对于自身的位置

protected void onLayout(boolean changed, int left, int top, int right,  int bottom)

③控制View在屏幕上的渲染效果，protected void onDraw(Canvas canvas)

④监听手势滑动public boolean onTouchEvent(MotionEvent event)

以下写一个简单的例子并贴出一个完整代码：

自定义的一个View   MyTextView

package com.phone.day28_customviewattr;

import android.annotation.SuppressLint;
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.MotionEvent;
import android.view.View;

public class MyTextView extends View {

	Paint mPaint;

	int color;
	float size;
	String text = "";

	/**
	 * 
	 * 构造方法 一般只使用第一个（new 的时候）和 第二个xml 文件中
	 * 
	 * @param context
	 */
	// 在java代码中 new 这个对象的时候会执行该方法
	public MyTextView(Context context) {
		super(context);
	}

	// 当在xml文件中使用的时候会执行该方法
	// AttributeSet：引用资源的属性集合
	@SuppressLint("Recycle")
	public MyTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		// 画笔
		mPaint = new Paint();

		// 帮助我们将设置的属性资源拿到这里
		TypedArray array = context.obtainStyledAttributes(attrs,
				R.styleable.MyTextView);
		color = array.getColor(R.styleable.MyTextView_textColor, Color.BLACK);
		text = array.getString(R.styleable.MyTextView_text);
		size = array.getDimension(R.styleable.MyTextView_textSize, 18);

		
		mPaint.setColor(color);
		mPaint.setTextSize(size);
		// 回收
		array.recycle();
	}

	// //也是在xml文件中使用该方法 如果本类中 写了该构造方法，则必须还要添加 上面第二个构造方法
	// defStyleAttr 默认的一个属性风格id
	public MyTextView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
	}

	/**
	 * 测量，计算当前view 的大小
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}

	/**
	 * 位置 1自身相对于 父布局的位置 2如果自身是ViewGroup 还有 childView 相对于自身的位置
	 * 
	 */
	@Override
	protected void onLayout(boolean changed, int left, int top, int right,
			int bottom) {
		super.onLayout(changed, left, top, right, bottom);
	}

	/**
	 * 绘制 1 画布 2 画笔 3 内容
	 * 
	 */
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		// 绘制  当前textView
		canvas.drawText(text, 100, 100, mPaint);
	}

	/**
	 * 监听手势滑动
	 */

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		return super.onTouchEvent(event);
	}

}

atrrs.xml文件的代码

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="MyTextView">
        <attr name="textColor" format="color|reference"></attr>
        <attr name="textSize" format="dimension"></attr>
        <attr name="text" format="string"></attr>
    </declare-styleable>
</resources>

使用自定义属性的xml文件activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res/com.phone.day28_customviewattr"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <!-- 自定义View的引用 必须是包名+类名（全路径） -->

    <com.phone.day28_customviewattr.MyTextView
        android:id="@+id/myTextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        app:text="我是石头里蹦出来的"
        app:textColor="@android:color/holo_blue_light"
        app:textSize="24sp" />

</RelativeLayout>

在自定义View中重写相应的方法就可以了

关于自定义View 的其他知识会在之后写出来

Android 学习笔记（3月2日开始）第22天 自定义View 自定义属性
上一篇: 【性能】性能分析原则
下一篇: CVPR2020场景文字数据增强（python实现）

继续阅读