View组件的作用类似于SWing编程中的JPanel,它只是一个矩形的空白区域,View组件没有任何内容。对于Android应用的其他UI组件来说,它们都继承了View组件,然后在View组件提供的空白区域上绘制外观。
基于Android UI组件的实现原理,开发者完全可以开发出项目定制的组件——当Android系统提供的Ui组件不足以满足项目需求时,我们可以通过继承自View来自定义View组件。
当我们打算派生自己的UI组件时,首先定义一个继承自View的子类,然后重写View类的一个或多个方法。
1、通常可以被用户重写的方法如下:
构造器:重写构造器是定制View最基本的方式,当Java代码创建一个View实例,或者根据XML布局文件加载并构建界面时将需要该构造器。
onFinishInflate():这是一个回调方法,当应用从XML布局文件加载该组件并利用它来构建界面之后,该方法将被回调。
onMeasure(int,int):调用该方法来检测View组件及其包含的所有子组件的大小。
onLayout(boolean,int,int,int,int):当该组件需要重新分配位置、大小时,该方法被回调。
onSizeChanged(int,int,int,int):当该组件大小被改变时回调该方法。
onDraw(Canvas):当该组件需要绘制它的内容时,回调该方法进行绘制。
onKeyDown(int,KeyEvent):当某个键被按下时回调该方法。
onKeyUp(int,KeyEvent):当松开摸个按键时回调该方法。
onTrackballEvent(MotionEvent):当发生轨迹球事件时触发该方法。
onTouchEvent(MotionEvent):当发生触摸屏事件时触发该方法。
onFocusChanged(boolean gainFocus,int direction,Rect previouslyFocuseRect):当该组件焦点发生改变时触发该方法。
onWindoeFocusChanged(boolean):当包含该组件的窗口失去或获得焦点时触发该方法。
onAttachedToWondow():当把该组件放入某个窗口时触发该方法。
onDetachedFromWindow():当把该组件从某个窗口分离时触发该方法。
onWindowVisibilityChanged(int):当包含该组件的窗口的可见性发生改变时触发该方法。
当我们开发自己的组件时并不一定要重写全部,根据需要写就可以。
2、实例:跟手指的小球
package com.example.leiqi.myview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
/**
* Created by leiqi on 15-11-29.
*/
public class DrawView extends View {
public float currentX = 40;
public float currentY = 50;
// 定义并创建画笔
Paint p = new Paint();
public DrawView(Context context)
{
super(context);
}
private DrawView(Context context,AttributeSet set)
{
super(context,set);
}
@Override
public void onDraw(Canvas canvas){
super.onDraw(canvas);
//设置画笔的颜色
p.setColor(Color.BLUE);
//绘制一个小圆(作为小球)
canvas.drawCircle(currentX, currentY, 15, p);
}
//为该组件触碰事件写处理方法
@Override
public boolean onTouchEvent(MotionEvent event)
{
//修改currentX,currentY两个参数
currentX = event.getX();
currentY = event.getY();
//通知当前组件重绘
invalidate();
//返回true,表明处理方法已正确处理该事件
return true;
}
}
有了这个自定义组件后接下来就是在java代码中将组件添加到指定容器中。
package com.example.leiqi.myview;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
RelativeLayout root = (RelativeLayout) findViewById(R.id.root);
//创建DrawerView组件
final DrawView drawView = new DrawView(this);
drawView.setMinimumHeight(500);
drawView.setMinimumWidth(300);
root.addView(drawView);
}
}
布局文件:
<?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:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:showIn="@layout/activity_main">
<TextView
android:gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!" />
</RelativeLayout>
我们也可以直接在布局文件中添加自定义组件
<?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:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:showIn="@layout/activity_main">
<com.example.leiqi.myview.DrawView
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!" />
</RelativeLayout>
上面布局文件中加了组件那么我们只需要在java文件中加载出组建就好。
package com.example.leiqi.myview;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}