android学习笔记之自定义控件

15人收藏此文章, 我要收藏发表于8个月前(2013-01-03 22:14) , 已有1176次阅读 ，共0个评论

创建新的控件：

作为一个有创意的开发者，你经常会遇到安卓原生控件无法满足你的需求。

为了优化你的界面和工作流程，安卓允许你去继承已经存在的控件或者实现你自己的控件。

 

那么最好的方式去创建一个新的控件是什么？  这主要取决你想要完成什么。

1.有些基本功能原生控件都能提供，所以这个时候你只需要继承并对控件进行扩展。通过重写它的事件，onDraw,但是始终都保持都父类方法的调用。

2.组合控件 就是通过合并几个控件的功能来生成一个控件。

3.完完整整创建一个新的控件。

 

1.修改存在的控件

例子：

01	public class MyTextView extends TextView {

02

03	public MyTextView(Context context, AttributeSet ats, int defStyle) {

04	super(context, ats, defStyle);

05

}

06

07	public MyTextView(Context context) {

08	super(context);

09

}

10

11	public MyTextView(Context context, AttributeSet attrs) {

12	super(context, attrs);

13

}

14

15

@Override

16	public void onDraw(Canvas canvas) {

17	// 在画布上画文本之下的内容

18

19	// 保证默认的文本渲染

20	super.onDraw(canvas);

21

22	// 在画布上画文本之上的内容

23

24

}

25

26

@Override

27	public boolean onKeyDown(int keyCode, KeyEvent keyEvent) {

28

// 写自己的控制

29

30	// 保持父类默认的控制

31	return super.onKeyDown(keyCode, keyEvent);

32

}

33

}

 

2.组合控件

1.最简单的方式，是定义了XML布局文件，然后用include实现重用。（。。。这也算啊。。。）

2.去合并一个控件 通常你自定义的控件需要继承一个ViewGroup（通常就是Layout），就像：

1	public class MyCompoundView extends LinearLayout {

2	public MyCompoundView(Context context) {

3	super(context);

4

}

5

6	public MyCompoundView(Context context, AttributeSet attrs) {

7	super(context, attrs);

8

}

9

}

 

         就像activity，比较好的设计一个混合的控件UI布局是使用一个外部的layout资源。

         这里我们模拟定义一个：

 

01	<?xml version=”1.0” encoding=”utf-8”?>

02	<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”

03	android:orientation=”vertical”

04	android:layout_width=”match_parent”

05	android:layout_height=”wrap_content”>

06

<EditText

07	android:id=”@+id/editText”

08	android:layout_width=”match_parent”

09	android:layout_height=”wrap_content”

10

/>

11

<Button

12	android:id=”@+id/clearButton”

13	android:layout_width=”match_parent”

14	android:layout_height=”wrap_content”

15	android:text=”Clear”

16

/>

17	</LinearLayout>

      然后在构造函数初始化的时候：

     

01	public class ClearableEditText extends LinearLayout {

02

03	EditText editText;

04	Button clearButton;

05

06	public ClearableEditText(Context context) {

07	super(context);

08

09	// Inflate the view from the layout resource.

10	String infService = Context.LAYOUT_INFLATER_SERVICE;

11	LayoutInflater li;

12

13	li = (LayoutInflater) getContext().getSystemService(infService);

14	/*这句很关键，解析反射资源文件，然后将布局附加到当前的控件，也就是this*/

15	li.inflate(R.layout.clearable_edit_text, this, true);

16

17	/* 因为反射成功后的布局已经附加上了，那么直接可以findViewById*/

18	editText = (EditText) findViewById(R.id.editText);

19	clearButton = (Button) findViewById(R.id.clearButton);

20

21	// 下面自定义的方法就是为控件注册监听，不解释了

22	hookupButton();

23

}

24

}

使用：在activity_main.xml

 

<com.example.customview.MyCompoundView android:layout_width="match_parent" android:layout_height="wrap_content" />

 3. 完完全全自定义控件

通常是继承View或者SurfaceView ，View类提供一个Canvas（画布）和一系列的画的方法，还有Paint（画笔）。使用它们去创建一个自定义的UI。你可以重写事件，包括屏幕接触或者按键按下等等，用来提供与用户交互。

1.如果你不需要快速重画和3D图像的效果，那么让View作为父类提供一个轻量级的解决方案。

2.如若不然，就需要使用SurfaceView作为父类，这样你就可以提供一个后台线程去画和使用OPENGL去实现你的图像。这个就相对重量级了，如果你的视图需要经常更新，然后由需要显示比较复杂的图像信息（尤其是在游戏和3D可视化），SurfaceView将是更好的选择。

在这里我们讨论前者，后者后期再讨论。

 一般你需要重写2个方法： 
1.onMeasure

什么是onMeasure?

下面转载一段文章：

View在屏幕上显示出来要先经过measure（计算）和layout（布局）. 
1、什么时候调用onMeasure方法？  
当控件的父元素正要放置该控件时调用.父元素会问子控件一个问题，“你想要用多大地方啊？”，然后传入两个参数——widthMeasureSpec和heightMeasureSpec. 
这两个参数指明控件可获得的空间以及关于这个空间描述的元数据.

更好的方法是你传递View的高度和宽度到setMeasuredDimension方法里,这样可以直接告诉父控件，需要多大地方放置子控件.

    widthMeasureSpec和heightMeasureSpec这2个参数都是整形是出于效率的考虑，所以经常要做的就是对其解码=>

1. int specMode = MeasureSpec.getMode(measureSpec);
2. int specSize = MeasureSpec.getSize(measureSpec);

  

1. 依据specMode的值，（MeasureSpec有3种模式分别是UNSPECIFIED, EXACTLY和AT_MOST）
2. 如果是AT_MOST，specSize 代表的是最大可获得的空间； 
   如果是EXACTLY，specSize 代表的是精确的尺寸； 
   如果是UNSPECIFIED，对于控件尺寸来说，没有任何参考意义。 
   2、那么这些模式和我们平时设置的layout参数fill_parent, wrap_content有什么关系呢？
   经过代码测试就知道，当我们设置width或height为fill_parent时，容器在布局时调用子 view的measure方法传入的模式是EXACTLY，因为子view会占据剩余容器的空间，所以它大小是确定的。 
   而当设置为 wrap_content时，容器传进去的是AT_MOST, 表示子view的大小最多是多少，这样子view会根据这个上限来设置自己的尺寸。当子view的大小设置为精确值时，容器传入的是EXACTLY, 而MeasureSpec的UNSPECIFIED模式表示你没有指定大小。
3. View的onMeasure方法默认行为是当模式为UNSPECIFIED时，设置尺寸为mMinWidth(通常为0)或者背景drawable的最小尺寸，当模式为EXACTLY或者AT_MOST时，尺寸设置为传入的MeasureSpec的大小。  
   有个观念需要纠正的是，fill_parent应该是子view会占据剩下容器的空间，而不会覆盖前面已布局好的其他view空间，当然后面布局子 view就没有空间给分配了，所以fill_parent属性对布局顺序很重要。以前所想的是把所有容器的空间都占满了，难怪google在2.2版本里 把fill_parent的名字改为match_parent. 
   在两种情况下，你必须绝对的处理这些限制。在一些情况下，它可能会返回超出这些限制的尺寸，在这种情况下，你可以让父元素选择如何对待超出的View，使用裁剪还是滚动等技术。 
   接下来的框架代码给出了处理View测量的典型实现：

      

01

@Override

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

03	int measuredHeight = measureHeight(heightMeasureSpec);

04	int measuredWidth = measureWidth(widthMeasureSpec);

05

06	setMeasuredDimension(measuredHeight, measuredWidth); // 记住这句可不能省。

07

}

08

09	private int measureHeight(int measureSpec) {

10	int specMode = MeasureSpec.getMode(measureSpec);

11	int specSize = MeasureSpec.getSize(measureSpec);

12

13	// Default size if no limits are specified.

14	int result = 500;

15

16	if (specMode == MeasureSpec.AT_MOST) {

17	// Calculate the ideal size of your

18	// control within this maximum size.

19	// If your control fills the available

20	// space return the outer bound.

21	result = specSize;

22	} else if (specMode == MeasureSpec.EXACTLY) {

23	// If your control can fit within these bounds return that value.

24	result = specSize;

25

}

26	return result;

27

}

28

29	private int measureWidth(int measureSpec) {

30	// 代码基本类似measureHeight

31

}

       总结：

通过

            int specMode = MeasureSpec.getMode(measureSpec); 
            int specSize = MeasureSpec.getSize(measureSpec);

这2个值，然后计算自己想要占有的宽和高。

2.onDraw

这个不解释了。（后期会细说canvas和paint）