Android自定义view学习笔记01
昨天看博客的时候看到鸿洋老师的博客里面有关于自定义view的学习教程。一直深感所掌握的东西太少太杂，按照他的Android 自定义View (一)所讲内容，代码实践。根据实际情况稍作修改，并且补充一些在代码过程中知识点，做此笔记。
相关代码
//CustomView01.java
package mmrx.com.myuserdefinedview.textview;
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.util.Log;
import android.util.TypedValue;
import android.view.View;
import java.util.HashSet;
import java.util.Random;
import java.util.Set;
import mmrx.com.myuserdefinedview.R;
/**
* Created by mmrx on 2015/4/1.
*/
public class CustomView01 extends View{
//文本内容
private String mTitleText;
//文本的颜色
private int mTitleColor;
//文本大小
private int mTitleTextSize;
//文本时候的文字显示范围
private Rect mBound;
private Paint mPaint;
//在code中会调用这个构造函数
public CustomView01(Context context){
this(context,null);
}
//在xml中定义会调用这个构造函数
public CustomView01(Context context,AttributeSet set){
this(context,set,R.attr.CustomViewSytle);
}
//这个构造函数不是系统调用的，是需要显示调用的
//获得自定义的样式属性
public CustomView01(Context context,AttributeSet set,int defStyle){
super(context,set,defStyle);
//获得自定义样式的属性
/*set是属性集合，第二个参数attrs是自定义view的属性类型数组，第三个是默认的style
是当前Theme中指向style的一个引用，第四个也是指向一个style的引用，只有第三个参数为0或者不为0但是
Theme中没有为difStyleAttr属性赋值时起作用*/
TypedArray ta = context.obtainStyledAttributes(set, R.styleable.CustomView,
defStyle,R.style.CustomizeStyle);
//获取属性值有两种方法，一是显示的取用，二是顺序遍历TypedArray数组
/*显示的取用
* String str = ta.getString(R.styleable.CustomView_titleText);
* 顺序遍历数组
* */
int n = ta.getIndexCount();
for(int i=0;i<n;i++){
int attr = ta.getIndex(i);
switch (attr){
case R.styleable.CustomView_titleText:
mTitleText = ta.getString(attr);
break;
case R.styleable.CustomView_titleColor:
//获得颜色，默认为黑色
mTitleColor = ta.getColor(attr, Color.BLACK);
break;
case R.styleable.CustomView_titleSize:
// 默认设置为16sp，TypeValue也可以把sp转化为px
mTitleTextSize = ta.getDimensionPixelSize(attr,
(int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
16,getResources().getDisplayMetrics()));
break;
}//end switch
}//end for
/*在TypedArray后调用recycle主要是为了缓存。当recycle被调用后
这就说明这个对象从现在可以被重用了。TypedArray 内部持有部分数组
它们缓存在Resources类中的静态字段中，这样就不用每次使用前都需要分配内存*/
ta.recycle();
mPaint = new Paint();
mPaint.setTextSize(mTitleTextSize);
mBound = new Rect();
//返回包围整个字符串的最小的一个rect区域
mPaint.getTextBounds(mTitleText,0,mTitleText.length(),mBound);
this.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mTitleText = randomText();
/*刷新该界面
* invalidate()是用来刷新View的，必须是在UI线程中进行工作。
* invalidate()得在UI线程中被调动，在工作者线程中可以通过Handler来通知UI线程进行界面更新。
*而postInvalidate()在工作者线程中被调用
* */
postInvalidate();
//当前后Text长度不同时，显示会有些问题，调用该方法来通知parentView,调用该view
//的onMeasure重绘
requestLayout();
}
});
}
private String randomText(){
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或者是match_parent时，由于没有重写onMeasure方法，系统帮我们测量的
//就是match_parent的数据
Log.i("----onMeasure----","onMeasure被调用");
//获得在xml中设置的模式
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int heightMod = MeasureSpec.getMode(heightMeasureSpec);
//获得具体的高宽数值
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
int width,height;
//当宽度模式是具体的数值的时候，就用具体数值
if(widthMode == MeasureSpec.EXACTLY){
width = widthSize;
}else{
//获取包围字符的最小的矩形
mPaint.setTextSize(mTitleTextSize);
mPaint.getTextBounds(mTitleText,0,mTitleText.length(),mBound);
//获取矩形的宽度
float textWidth = mBound.width();
//将矩形的宽度加上左右padding值，取整
int desired = (int)(getPaddingLeft()+textWidth+getPaddingRight());
width = desired;
}
//高度设置同理
if(heightMod == MeasureSpec.EXACTLY){
height = heightSize;
}else{
//获取包围字符的最小的矩形
mPaint.setTextSize(mTitleTextSize);
mPaint.getTextBounds(mTitleText,0,mTitleText.length(),mBound);
//获取矩形的宽度
float textHeight = mBound.height();
//将矩形的宽度加上左右padding值，取整
int desired = (int)(getPaddingBottom()+textHeight+getPaddingTop());
height = desired;
}
//将计算好的高度宽度放入
setMeasuredDimension(width,height);
}
@Override
protected void onDraw(Canvas canvas) {
mPaint.setColor(Color.YELLOW);
//参数为左上右下的坐标
canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),mPaint);
//设置字体的颜色
mPaint.setColor(mTitleColor);
//绘制文字，第二三个参数是文字绘制的坐标 xy，收到画笔里文字对齐方式的影响
canvas.drawText(mTitleText,getWidth()/2-mBound.width()/2,
getHeight()/2+mBound.height()/2,mPaint);
}
}
xml文件
<!-- activity_main.xml-->
<!-- xmlns:customview01="http://schemas.android.com/apk/res/mmrx.com.myuserdefinedview.textview"
当是这个的时候，在Android studio下，会报错，大概意思是
在Gradle项目中，在最终的apk里，包名可能会改变，所以不应该使用硬编码的方式来设置nameSpace
应该使用xmlns:customview01="http://schemas.android.com/apk/res-auto"，在编译阶段会自动
寻找实际的包-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:customview01="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
<mmrx.com.myuserdefinedview.textview.CustomView01
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"/>
</RelativeLayout>
<!-- attrs.xml-->
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- 自定义属性-->
<attr name="titleText" format="string"/>
<attr name="titleColor" format="color"/>
<attr name="titleSize" format="dimension"/>
<attr name="CustomViewSytle" format="reference"/>
<declare-styleable name="CustomView">
<attr name="titleText" />
<attr name="titleColor" />
<attr name="titleSize" />
</declare-styleable>
</resources><!-- style.xml-->
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="CustomViewSytle">@style/CustomizeStyle</item>
</style>
<style name="CustomizeStyle">
<item name="titleText">123456</item>
<item name="titleColor">#ff0000</item>
<item name="titleSize">14dp</item>
</style>
</resources>
知识点补充
在看到
public TypedArray obtainStyledAttributes (AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes)这个方法，有些不理解这几个参数的意思。来源与Android中自定义样式与View的构造函数中第三个参数defStyle的意义，这篇博文语言很通俗易懂，非常棒！
通过这个函数来获得`TypeArray`，里面包含属性值。 - set是属性值的集合； - attrs是在xml声明的属性值集合，通过`R.styleable.xxxx`来获得，个人理解就是通过这个属性来知道，xml文件中可能会自定义的一些属性的名称、类型情况； - 第三个属性defStyleAttr是一个引用，是在Theme中设置的引用，在代码中就是位于`attrs.xml`文件中的`<attr name="CustomViewSytle" format="reference"/>`这句话。而在文件`style.xml`的`<Theme>`标签中，设置了这个引用的值为`<item name="CustomViewSytle">@style/CustomizeStyle</item>`。如果在当在layout xml中和style中都没有为View指定属性时，会从Theme中这个attribute指向的Style中查找相应的属性值。如果这个参数传入0表示不向Theme中搜索默认值； - 第四个参数，这个也是指向一个Style的资源ID，但是仅在`defStyleAttr`为0或`defStyleAttr`不为0但`<Theme>`中没有为`defStyleAttr`属性赋值时起作用。在构造函数中，使用完TypedArray为啥要调用
recycle方法？在实际代码中，我在布局文件中使用自定义控件，设置的显示字符串和点击后变化的字符串数量不一样，导致控件显示方面出现了偏差。而使用
postInvalidate()方法并不能使得onMeasure()方法被调用，解决方案是再调用requestLayout()方法，通知parentView重绘这个viewAndroid笔记：invalidate()和postInvalidate() 的区别及使用
Android view中的requestLayout和invalidate方法
其他补充
首先感谢@Xuyu_ 同学的补充！
由于版本的原因,存在不能向下兼容的问题（下面是我的sdk版本）。
compileSdkVersion 21
minSdkVersion 14
targetSdkVersion 21
问题描述
在资源文件styles.xml里这句<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">报错，
解决方案：
换成parent="android:Theme.Light"之类的并把最小版本改大点就好了，解决网址：网址
特别推荐
博文是Android中自定义样式与View的构造函数中第三个参数defStyle的意义
相关博文
Android自定义View学习笔记02
Android自定义View学习笔记03
Android自定义view学习笔记04
另外，源码同步到gitHub
3799
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
