有时候android传统的页面布局不足以满足我们的需求,常常需要自己定义view,通常继承View,然后重写构造方法以及onDraw等函数,再具体实现自己定义的复杂view。我们知道在给控件赋属性时,通常使用的是android系统自带的属性,比如 android:layout_height="wrap_content",除此之外,我们亦可以自己定义属性,这样在使用的时候我们就可以使用形如 myapp:myTextSize="20sp"的方式了,步骤大致如下:
1) 在项目文件res/value下面创建一个attr.xml文件,该文件中包含若干个attr集合,例如:
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="MyView"> <attr name="myTextSize" format="dimension"/> <attr name="myColor" format="color"/> </declare-styleable> </resources>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:myapp="http://schemas.android.com/apk/res/com.eyu.attrtextdemo" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" /> <com.eyu.attrtextdemo.MyView android:layout_height="wrap_content" android:layout_width="wrap_content" myapp:myTextSize="20sp" myapp:myColor="#324243"/> </LinearLayout>3) 在自定义view的代码中引入自定义属性,修改构造函数
package com.eyu.attrtextdemo; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Paint.Style; import android.util.AttributeSet; import android.view.View; public class MyView extends View{ public Paint paint; public MyView(Context context, AttributeSet attrs) { super(context, attrs); paint = new Paint(); TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.MyView); int textColor = a.getColor(R.styleable.MyView_myColor, 003344); float textSize = a.getDimension(R.styleable.MyView_myTextSize, 33); paint.setTextSize(textSize); paint.setColor(textColor); a.recycle(); } public MyView(Context context) { super(context); // TODO Auto-generated constructor stub } @Override www.2cto.com protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); paint.setStyle(Style.FILL); canvas.drawText("aaaaaaa", 10, 50, paint); } }