Android中的自定义view和自定义属性TypedArray的使用

最新推荐文章于 2024-06-03 12:18:30 发布

tuke_tuke

最新推荐文章于 2024-06-03 12:18:30 发布

阅读量2.4k

点赞数

分类专栏：【Android 知识框架】

本文链接：https://blog.csdn.net/tuke_tuke/article/details/51866596

版权

【Android 知识框架】专栏收录该内容

115 篇文章 1 订阅

订阅专栏

先总结下自定义View的步骤：
1、自定义View的属性
2、在View的构造方法中获得我们自定义的属性
[ 3、重写onMesure ]
4、重写onDraw

我把3用[]标出了，所以说3不一定是必须的，当然了大部分情况下还是需要重写的。

具体理解参考：http://blog.csdn.net/lmj623565791/article/details/24252901/

<?xml version="1.0" encoding="utf-8"?>
<resources>
         <!-- 自定义属性名和属性类型 -->
         <attr name="text" format="string"/>
         <attr name="textcolor" format="color"/>
         <attr name="textsize" format="dimension"/>
         <!-- 声明属性 -->
         <declare-styleable name="customview03_attrs">
             <attr name="text"></attr>
             <attr name="textcolor"></attr>
             <attr name="textsize"></attr>
         </declare-styleable>
</resources>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" 
    xmlns:tuke="http://schemas.android.com/apk/res/com.example.customview03" 
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <com.example.customview03.CustomView03 
        android:id="@+id/view03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="20dp"
        
        tuke:text="4327"
        tuke:textcolor="#ff0000"
        tuke:textsize="40sp"
        /><!-- 对于继承的view没有的属性，可以使用自定义属性,加命名空间 -->

</RelativeLayout>

CustomView03.java

/**
 * 
 */
package com.example.customview03;

import java.util.HashSet;
import java.util.Random;
import java.util.Set;

import android.R.integer;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;
import android.view.View.MeasureSpec;
import android.widget.TextView;

/**
 * @author tuke
 *
 */
public class CustomView03 extends View {

	String text;
	int textcolor;
	int textsize;
	
	
	/**
	 *绘制时控制文本绘制的范围
	 */
	private Rect mBound;
	private Paint mPaint;
	public CustomView03(Context context) {
		this(context,null);
		// 代码初始化调用的构造函数
	}
	public CustomView03(Context context, AttributeSet attrs) {
		this(context, attrs,0);
		// xml文件初始化调用的构造函数
		
		
	}
	public CustomView03(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		// xml文件初始化调用的构造函数，获得我们所定义的自定义样式属性，类型数组，把自定义属性存放到当地变量
		TypedArray array=context.getTheme().obtainStyledAttributes(attrs, R.styleable.customview03_attrs, defStyleAttr, 0);
		int count=array.getIndexCount();
		for(int i=0;i<count;i++){
			int index=array.getIndex(i);
			switch (index) {
			case R.styleable.customview03_attrs_text:
				text=array.getString(index);
				break;
			case R.styleable.customview03_attrs_textcolor:
				textcolor=array.getInt(index, Color.BLACK);
				break;
			case R.styleable.customview03_attrs_textsize:
	            textsize=array.getDimensionPixelSize(index, 16);
				break;

			default:
				break;
			}
		}
		
		array.recycle();//typearray要回收
		// 获得绘制文本的宽和高 
		mPaint=new Paint();
		mPaint.setTextSize(textsize);
		mBound = new Rect();
		mPaint.getTextBounds(text, 0, text.length(), mBound);
	
		this.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				text=getRamdomText();
				postInvalidate();
			}
		});		
	}
	//获得随机4位数
	private String getRamdomText()
	{
		Random random = new Random();
		Set<Integer> set = new HashSet<Integer>();
		while (set.size() < 4){
			int randomInt = random.nextInt(10);
			set.add(randomInt);
		}
		StringBuffer sb = new StringBuffer();
		for (Integer i : set){	
			sb.append("" + i);
		}
		return sb.toString();
	}
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
		//super.onMeasure(widthMeasureSpec, heightMeasureSpec);//xml中设置为wrap_content的话，系统测量会是满屏
		/*
		 * 注意：
		 * 重写之前先了解MeasureSpec的specMode,一共三种类型：
         * EXACTLY：一般是设置了布局文件设置的是明确的值或者是MATCH_PARENT
         * AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT
         * UNSPECIFIED：表示子布局想要多大就多大，很少使用
		 * 因为正是不知道内容大小才去测量
		 * */
		int width=0,height=0;
		//测量宽
		int specMode=MeasureSpec.getMode(widthMeasureSpec);
		int specSize=MeasureSpec.getSize(widthMeasureSpec);//主要是得到View的内容的宽度
		switch (specMode)
		{
		case MeasureSpec.EXACTLY://1073741824
			width = getPaddingLeft() + getPaddingRight() + specSize;//内容的宽度+内边距=View的宽度
			break;
		case MeasureSpec.AT_MOST://-2147483648
			width = getPaddingLeft() + getPaddingRight() + mBound.width();
			break;
		}
		//测量高
		specMode = MeasureSpec.getMode(heightMeasureSpec);
		specSize = MeasureSpec.getSize(heightMeasureSpec);//主要是得到View的内容的高度
		switch (specMode)
		{
		case MeasureSpec.EXACTLY:
			height = getPaddingTop() + getPaddingBottom() + specSize;//内容的高度+内边距=View的高度
			break;
		case MeasureSpec.AT_MOST:
			height = getPaddingTop() + getPaddingBottom() + mBound.height();
			break;
		}
		
		//这个方法在OnMesure中必须被调用，来存储已经测量的宽和高
		setMeasuredDimension(width, height);
		
	}
	
	@Override
	protected void onDraw(Canvas canvas){
		mPaint.setColor(Color.YELLOW);
		canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
		mPaint.setColor(Color.BLACK);
		for(int i=0;i<400;i++){
			Random randomx=new Random();		
			int rx=randomx.nextInt(getWidth());
			int ry=randomx.nextInt(getHeight());			
			canvas.drawCircle(rx, ry, 3, mPaint);
		}
		mPaint.setColor(textcolor);
		
		canvas.drawText(text, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaint);
	}
       
}

关于自定义属性

1，先定义属性文件attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
      <declare-styleable name="myView">  
        <attr name="textColor" format="color"/>  
        <attr name="textSize" format="dimension"/>  
    </declare-styleable>
</resources>

2,在布局文件中加入自定义属性，加上命名空间

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:test="http://schemas.android.com/apk/res/com.example.customview04" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    >  
<TextView   
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    android:text="helloworld" 
    />  
<com.example.customview04.CustomView04
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    
    test:textSize="10px" 
    test:textColor="#fff" 
    />  <!-- test是命名空间 -->
</LinearLayout>

3，在自定义View的构造函数中通过TypedArray获取自定义属性值

package com.example.customview04;

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

public class CustomView04 extends View {
	  private Paint myPaint;  
	    private static final String myString = "Welcome to our Zoon!";  
	   
	    public CustomView04(Context context) {  
	        super(context);  
	        // TODO Auto-generated constructor stub  
	     }  
	       
	    public CustomView04(Context context, AttributeSet attr) {  
	        super(context, attr);  
	         myPaint = new Paint();  
	        //获取自定义的属性
	        TypedArray a = context.obtainStyledAttributes(attr, R.styleable.myView);//TypedArray是一个数组容器  
	        float textSize = a.getDimension(R.styleable.myView_textSize, 30);//防止在XML文件里没有定义，就加上了默认值30  
	        int textColor = a.getColor(R.styleable.myView_textColor, 0xFFFFFFFF);//同上,这里的属性是:名字_属性名  
	         myPaint.setTextSize(textSize);  
	         myPaint.setColor(textColor);  
	         a.recycle();//我的理解是：返回以前取回的属性，供以后使用。以前取回的可能就是textSize和textColor初始化的那段  
	     }  
	    @Override 
	    protected void onDraw(Canvas canvas) {  
	        // TODO Auto-generated method stub  
	        super.onDraw(canvas);  
	        //myPaint = new Paint();  
	         myPaint.setColor(Color.RED);  
	         myPaint.setStyle(Style.FILL);  
	           
	         canvas.drawRect(new Rect(10,10,100,100), myPaint);  
	         myPaint.setColor(Color.WHITE);  
	         canvas.drawText(myString, 10, 100, myPaint);  
	     }  
}

关于TypedArray和AttributeSet

AttributeSet的作用就是在控件进行初始化的时候，解析布局文件中该控件的属性（keyeg：background）与该值（valueeg：@drawable/icon）的信息封装在AttributeSet中，传递给该控件（View）的构造函数。

对于非Android自带的属性，在View类中处理时是无法识别的，因此需要我们自己解析。所以这就要用到另外一个类TypedArray。在AttributeSet中我们有属性名称，有属性值，但是控件如何知道哪个属性代表什么意思呢？这个工作就由TypedArray来做了。

TypedArray对象封装了/values/attrs.xml中的styleable里定义的每个属性的类型信息，通过TypedArray我们就可以知道AttributeSet中封装的值到底是干什么的了，从而可以对这些数据进行应用。

具体理解参考http://blog.csdn.net/lmj623565791/article/details/45022631/

tuke_tuke

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android中的自定义view和自定义属性TypedArray的使用

先总结下自定义View的步骤：1、自定义View的属性2、在View的构造方法中获得我们自定义的属性[ 3、重写onMesure ]4、重写onDraw我把3用[]标出了，所以说3不一定是必须的，当然了大部分情况下还是需要重写的。具体理解参考：http://blog.csdn.net/lmj623565791/article/details/24252901/
复制链接

扫一扫