|
本帖是本人第一次发帖,作为同样是Android程序开发初学者的我,希望和大家分享一些学习的小案例,希望大家支持我的帖子!!!
--------------------------------第一帖——跟随手指的小球-------------------------------------
(案例来源:疯狂Andorid讲义)
这个案例主要展示如何开发自定义的View。View组件的作用类似于Swing编程中的JPanel,它也是一个矩形的空白区域,View组件没有任何内容。对于Android应用的其他UI组件来说,他们都继承了View组件,然后在View组件提供的空白区域上绘制外观。
程序员在开发自己的UI组件时,首先定义一个继承View基类的子类,然后重写View类里面的方法。但是程序员并不需要重写所有方法,只需重写部分。下面以一个简单而清晰的案例来说明:
为了实现一个能跟随手指的小球,我们需要自定义UI组件,首先绘制一个小球,位置能动态改变,当用户通过手指在屏幕上拖动,程序在监听到这个动作的时候,获取位置坐标,传给自定义的组件,并重绘一个小球。
具体代码:
DrawView.java--------继承了View基类,并重写了onDraw方法,该方法负责在制定位置画一个小球。 package org.crazyit.customview;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;
public class DrawView extends View
{
public float currentX = 40;
public float currentY = 50;
/**
* @param context
*/
public DrawView(Context context)
{
super(context);
// TODO Auto-generated constructor stub
}
@Override
public void onDraw (Canvas canvas)
{
super.onDraw(canvas);
//创建画笔
Paint p = new Paint();
//设置画笔的颜色
p.setColor(Color.RED);
//绘制一个小圆(作为小球)
canvas.drawCircle(currentX , currentY , 15 , p);
}
}
复制代码CustomView.java-------- package org.crazyit.customview;
import org.crazyit.customview.R;
import org.crazyit.customview.R.layout;
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.LinearLayout;
public class CustomView extends Activity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//获取布局文件中的LinearLayout容器
LinearLayout root = (LinearLayout)findViewById(R.id.root);
//创建DrawView组件
final DrawView draw = new DrawView(this);
//设置自定义组件的最大宽度、高度
draw.setMinimumWidth(300);
draw.setMinimumHeight(500);
//为draw组件绑定Touch事件
draw.setOnTouchListener(new OnTouchListener()
{
@Override
public boolean onTouch(View arg0, MotionEvent event)
{
//修改draw组件的currentX、currentY两个属性
draw.currentX = event.getX();
draw.currentY = event.getY();
//通知draw组件重绘
draw.invalidate();
//返回true表明处理方法已经处理该事件
return true;
}
});
root.addView(draw);
}
}
复制代码 |
|