前言
在Android应用开发过程中，固定的一些控件和属性可能满足不了开发的需求，所以在一些特殊情况下，我们需要自定义控件与属性，同样，这也是面试中面试官问的几率比较高的问题，也是由初级工程师通向中高级工程师必备的。
实现步骤
- 继承View类或其子类
- 复写view中的一些函数
- 为自定义View类增加属性（两种方式）
- 绘制控件（导入布局）
- 响应用户事件
- 定义回调函数（根据自己需求来选择）
哪些方法需要被重写
- onDraw()
view中onDraw()是个空函数，也就是说具体的视图都要覆写该函数来实现自己的绘制。对于ViewGroup则不需要实现该函数，因为作为容器是“没有内容“的（但必须实现dispatchDraw()函数，告诉子view绘制自己）。 - onLayout()
主要是为viewGroup类型布局子视图用的，在View中这个函数为空函数。 - onMeasure()
用于计算视图大小（即长和宽）的方式，并通过setMeasuredDimension (width, height) 保存计算结果。 - onTouchEvent（）
定义触屏事件来响应用户操作。
还有一些可以重写的方法
1.onKeyDown() 当按下某个键盘时
2.onKeyUp() 当松开某个键盘时
3.onTrackballEvent() 当发生轨迹球事件时
4.onSizeChange() 当该组件的大小被改变时
5.onFinishInflate() 回调方法，当应用从XML加载该组件并用它构建界面之后调用的方法 6.onWindowFocusChanged(boolean) 当该组件得到、失去焦点时
7.onAttachedToWindow() 当把该组件放入到某个窗口时
8.onDetachedFromWindow() 当把该组件从某个窗口上分离时触发的方法
9.onWindowVisibilityChanged(int) 当包含该组件的窗口的可见性发生改变时触发的方法
View的绘制过程
View的绘制过程
自定义控件的三种方式
1.继承已有的控件 当要实现的控件和已有的控件在很多方面比较类似, 通过对已有控件的扩展来满足要求。
2.继承一个布局文件 一般用于自定义组合控件，在构造函数中通过inflater和addView()方法加载自定义控件的布局文件形成图形界面（不需要onDraw方法）。
3.继承view 通过onDraw方法来绘制出组件界面。
自定义属性的两种方法
- 在布局文件中直接加入属性，在构造函数中去获得。
布局文件：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<com.lee.demo.initView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
inittext="@string/hello_world"
/>
</RelativeLayout>
在构造方法中
public initView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
int textId = attrs.getAttributeResourceValue(null, "inittext", 0);
String text = context.getResources().getText(textId).toString();
}
- 在res/values/ 下建立一个attrs.xml 来声明自定义view的属性。
可以定义的属性有：
<declare-styleable name = "名称">
//参考某一资源ID (name可以随便命名)
<attr name = "background" format = "reference" />
//颜色值
<attr name = "textColor" format = "color" />
//布尔值
<attr name = "focusable" format = "boolean" />
//尺寸值
<attr name = "layout_width" format = "dimension" />
//浮点值
<attr name = "fromAlpha" format = "float" />
//整型值
<attr name = "frameDuration" format="integer" />
//字符串
<attr name = "text" format = "string" />
//百分数
<attr name = "pivotX" format = "fraction" />
//枚举值
<attr name="orientation"> <enum name="horizontal" value="0" />
<enum name="vertical" value="1" />
</attr>
//位或运算
<attr name="windowSoftInputMode">
<flag name = "stateUnspecified" value = "0" />
<flag name = "stateUnchanged" value = "1" />
</attr>
//多类型
<attr name = "background" format = "reference|color" />
</declare-styleable>
- attrs.xml进行属性声明
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="myView">
<attr name="text" format="string"/>
<attr name="textColor" format="color"/>
</declare-styleable>
</resources>
- 添加到布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:myview="http://schemas.android.com/apk/com.example.demo"
>
<com.lee.demo.initView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
myview:text = "test"
myview:textColor ="#ff0000"
/>
</RelativeLayout>
这里注意命名空间：
xmlns:前缀="http://schemas.android.com/apk/res/包名(或res-auto)"，一般AS会自动生成在构造函数中获取属性值
public initView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myView);
String text = a.getString(R.styleable.myView_text);
int textColor = a.getColor(R.styleable.myView_textColor, Color.WHITE);
a.recycle();
}
或者:
public initView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myView);
int n = a.getIndexCount();
for(int i=0;i<n;i++){
int attr = a.getIndex(i);
switch (attr) {
case R.styleable.myView_text:
break;
case R.styleable.myView_textColor:
break;
}
}
a.recycle();
}
自定义随手指移动的小球来学习自定义View
0.gif
实现上面的效果我们大致需要分成这几步:
1.在res/values/ 下建立一个attrs.xml 来声明自定义view的属性
2.一个继承View并复写部分函数的自定义view的类
3.一个展示自定义view 的容器界面
1.自定义view命名为cicleview，它有一个属性值，格式为color:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="cicleview">
<attr name="TextColor" format="color"/>
</declare-styleable>
</resources>
2.在构造函数获取获得view的属性配置和复写onDraw和onTouchEvent函数实现绘制界面和用户事件响应。
public class cicleview extends View{
//定义画笔和初始位置
Paint p = new Paint();
public float currentX = 50;
public float currentY = 50;
public int textColor;
public cicleview(Context context, AttributeSet attrs) {
super(context, attrs);
//获取资源文件里面的属性，由于这里只有一个属性值，不用遍历数组，直接通过R文件拿出color值
//把属性放在资源文件里，方便设置和复用
TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.myView);
textColor = array.getColor(R.styleable.myView_TextColor,Color.BLACK);
array.recycle();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//画一个蓝色的圆形
p.setColor(Color.BLUE);
canvas.drawCircle(currentX,currentY,30,p);
//设置文字和颜色，这里的颜色是资源文件values里面的值
p.setColor(textColor);
canvas.drawText("BY finch",currentX-30,currentY+50,p);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
currentX = event.getX();
currentY = event.getY();
invalidate();//重新绘制图形
return true;
}
}
这里通过不断的更新当前位置坐标和重新绘制图形实现效果，要注意的是使用TypedArray后一定要记得recycle(). 否则会对下次调用产生影响。
3.把cicleview加入到activity_main.xml布局里面
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:myview="http://schemas.android.com/apk/res-auto"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="finch.scu.cn.myview.MainActivity">
<com.lee.demo.cicleview
android:layout_width="match_parent"
android:layout_height="match_parent"
myview:TextColor="#ff0000"
/>
</RelativeLayout>
