android 自定义控件书籍,android整理之自定义控件

超、凢脫俗 2022-10-17 13:55 3阅读 0赞

1.了解自定义View过程

![25b4ccdf7da4][]

自定义View流程图

2.示例

2.1 创建MyView的类文件并继承View，重写三种构造方法。

![25b4ccdf7da4][]

MyView

2.2 创建attr.xml文件，并制定属性名称和类型。

![25b4ccdf7da4][]

attr.xml

2.3 获取MyView属性

![25b4ccdf7da4][]

获取属性.png

2.4 获取完属性之后，系统会调用addView，这个过程是onAttachedToWindow

2.5 处理MyView大小，即执行onMeasure方法

onMeasure()方法顾名思义就是用于测量视图的大小的。View系统的绘制流程会从ViewRoot的performTraversals()方法中开始，在其内部调用View的measure()方法。measure()方法有两个参数，widthMeasureSpec和heightMeasureSpec，这两个值分别用于确定视图的宽度和高度的规格和大小。

MeasureSpec的值由specSize和specMode共同组成的，其中specSize记录的是大小，specMode记录的是规格。specMode一共有三种类型，如下所示：

EXACTLY

表示父视图希望子视图的大小应该是由specSize的值来决定的，系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。

AT\_MOST

表示子视图最多只能是specSize中指定的大小，开发人员应该尽可能小得去设置这个视图，并且保证不会超过specSize。系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。

UNSPECIFIED

表示开发人员可以将视图按照自己的意愿设置成任意的大小，没有任何限制。这种情况比较少见，不太会用到。

而widthMeasureSpec和heightMeasureSpec这两个参数是从ViewRoot传递下来的，代码如下

private int getRootMeasureSpec(int windowSize, int rootDimension) \{

int measureSpec;

switch (rootDimension) \{

case ViewGroup.LayoutParams.MATCH\_PARENT:

measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.EXACTLY);

break;

case ViewGroup.LayoutParams.WRAP\_CONTENT:

measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.AT\_MOST);

break;

default:

measureSpec = MeasureSpec.makeMeasureSpec(rootDimension, MeasureSpec.EXACTLY);

break;

return measureSpec;

onMeasure最终需要通过setMeasuredDimension(width,height)设置最终值

![25b4ccdf7da4][]

onMeasure

2.6 onLayout 这个方法是用于给视图进行布局的，也就是确定视图的位置，通常这个方法些LinearLayout等布局时才会用到。

![25b4ccdf7da4][]

onLayout

2.7 onDraw(Canvas canvas) ViewRoot中的代码会继续执行并创建出一个Canvas对象，然后调用View的draw()方法来执行具体的绘制工作。

3.示例

MyView.java

public class MyView extends View \{

private String mChar = "lh";

private int mCharColor = Color.BLUE;

private int mCharBgColor = Color.YELLOW;

private Paint mPaint;

public MyView(Context context) \{

this(context,null);

public MyView(Context context, @Nullable AttributeSet attrs) \{

this(context, attrs,-1);

public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) \{

super(context, attrs, defStyleAttr);

mPaint = new Paint(Paint.ANTI\_ALIAS\_FLAG);

TypedArray typedArray = getContext().obtainStyledAttributes(attrs,R.styleable.MyView);

mChar = typedArray.getString(R.styleable.MyView\_Char);

mCharColor = typedArray.getColor(R.styleable.MyView\_CharColor,Color.BLACK);

mCharBgColor = typedArray.getColor(R.styleable.MyView\_CharBgColor,Color.WHITE);

typedArray.recycle();//回收资源以便重用

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) \{

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

/\*\*

\* MeasureSpec :

\* MeasureSpec.EXACTLY 意味着硬编码大小值，所以你应该设置指定的宽度或高度。

\* MeasureSpec.AT\_MOST 用于表明你的View匹配父View的大小，

\* 所以它应该和他想要的大小一样大。

\* \[译者注：此时View尺寸只要不超过父View允许的最大尺寸即可\]

\* MeasureSpec.UNSPECIFIED 实际上是视图包装尺寸。

\*/

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

int heightSize = MeasureSpec.getSize(heightMeasureSpec);

//经过一系列处理

//设置最终值

setMeasuredDimension(200,200);

@Override

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

//ViewGroup时候执行

/\*\*

if(getChildCount() > 0)\{

View child = getChildAt(0);

child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());

\*/

super.onLayout(changed, left, top, right, bottom);

@Override

protected void onDraw(Canvas canvas) \{

super.onDraw(canvas);

mPaint.setColor(mCharBgColor);

canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);

mPaint.setColor(mCharColor);

mPaint.setTextSize(20);

String text = mChar;

canvas.drawText(text, 0, getHeight() / 2, mPaint);

attr.xml

xmlns:tools="http://schemas.android.com/tools"

xmlns:lh="http://schemas.android.com/apk/res-auto"

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:layout\_gravity="center"

android:gravity="center"

tools:context="com.lh.train.customview.MainActivity">

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

lh:CharBgColor="\#fff"

lh:CharColor="\#FF4081"

lh:Char="你好"

ps:上面的lh相当于是一个命名空间，可以随意取。

![25b4ccdf7da4][]

MyView

[25b4ccdf7da4]: /images/20221014/f0b41621fa4c46389cbfcdb344be8f0e.png

android 自定义控件书籍,android整理之自定义控件

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android自定义控件

相关 Android自定义控件

相关 android 自定义控件书籍,android整理之自定义控件

相关 android自定义控件demo,android--------自定义控件之组合控件篇

相关 android 自定义控件

相关 Android之自定义控件入门

相关 Android自定义控件之自定义组合控件（一）

相关 Android自定义控件之自定义组合控件（三）

相关 Android自定义控件之onLayout

相关 android - 自定义（组合）控件 + 自定义控件外观