Android虽然自带了很多控件,但有时仍然不能满足需求,这时就需要我们自己定义控件。本文自己定义了一个控件,单击该控件,可以使控件绘制不同的几何图形。
首先,新建一个Android工程,并新建一个类,继承自View。
package com.hzhi.customview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.View;
public class CustomView extends View{
// 图形类型
int ss=0;
// 构造函数
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
}
// onDraw函数
public void onDraw(Canvas c){
super.onDraw(c);
Paint p = new Paint();
p.setColor(Color.GREEN);
p.setStrokeWidth(10);
switch (ss){
// 画圆形
case 0:
c.drawCircle(200, 200, 100, p);
break;
// 画矩形
case 1:
c.drawRect(60, 90, 360, 300, p);
break;
// 画三角形
case 2:
Path path = new Path();
path.moveTo(80, 100);
path.lineTo(420, 250);
path.lineTo(80, 350);
path.close();
c.drawPath(path, p);
break;
default:
break;
}
}
public void changeStyle(){
ss++;
if (ss>2){
ss=0;
}
}
}
该类就是我们自己定义的控件类,继承自View,单击时,将依次绘制出圆形、矩形和三角形。
然后,将该类加入主窗体的布局文件中,方法和加入Android自带控件的方法是一样的。
<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"
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=".MainActivity" >
<com.hzhi.customview.CustomView
android:id="@+id/cusView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</com.hzhi.customview.CustomView>
</RelativeLayout>
最后,是主窗体的Java文件。
package com.hzhi.customview;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.view.View;
public class MainActivity extends Activity {
CustomView cv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cv = (CustomView) findViewById(R.id.cusView);
cv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Message message = new Message();
message.what = 1;
myHandler.sendMessage(message);
}
});
}
Handler myHandler = new Handler()
{
//接收到消息后处理
public void handleMessage(Message msg)
{
switch (msg.what)
{
case 1:
cv.changeStyle();
cv.invalidate();
break;
}
super.handleMessage(msg);
}
};
}
通过findViewById()函数获得自定义控件,定义控件的单击事件,和Android自带控件的使用方法是一致的。
运行结果: