Android的自定义图片按钮ImageButton【第一篇】

学习android两个多月了，开始时连java都没搞懂是啥玩意，幸好有些c，c++基础。然后每天看博客，逛论坛。渐渐的对java的语法，应用等方面有了些了解。一直以来，看到像qq，新浪微博等软件，特别是游戏的界面，都非常神往。想和某一天也可以开发个应用程序能够拥有如此绚丽的界面。

心理有些冲动了，果断在当当上买了一本《android2.0游戏看法实战宝典》，开始了学习之路。

一般来说，实现用户的交互，按钮是很常用的控件，android自带的按钮太经典了，有点确认个人色彩。因此我自己动手些了个ImageButton的类，方便以后的使用。ImageButton这个类要实现的方法主要有一下几点：1.检测触摸屏按下的位置是否为按钮所在的区域；2.点击按钮的时候反馈信息给用户，我这里为了简单起见，主要给按钮加了个边框而已；3.最重要的，当然是实现相应事件了。

一下是基于canvas应用的ImageButton类的代码：

package lxx.mygame;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Paint.Style;
import android.util.Log;

public class ImageButton {
Bitmap bitmap;
Rect rect;
int x;
int y;
boolean isTouch = false;

ImageButton(Bitmap bitmap, int x, int y){
this.bitmap = bitmap;//得到图片资源
this.x = x;
this.y = y;
rect = new Rect(x,y,x+bitmap.getWidth(),y+bitmap.getHeight());//记录位图的矩形区域
}

public void drawImage(Canvas canvas){//界面上显示ImageButton
canvas.drawBitmap(bitmap, x, y, null);

if(isTouch ){//检测触摸点是否在按钮区域，然后决定是否加边框
Paint borderPaint = new Paint();
borderPaint.setStyle(Style.STROKE);
borderPaint.setARGB(255, 255, 0, 0);
borderPaint.setStrokeWidth(4f);
canvas.drawRect(rect, borderPaint);
}

}

public boolean getClicked(int x, int y){){//检测触摸点是否在按钮区域
boolean ret = false;
if(rect.contains(x,y))
{
ret = true;
isTouch = true;
}

return ret;
}

public void getButtonUp(){//检测触摸屏的释放

isTouch = false;
}

public void dragButton(int x, int y){//拖动按钮
if(isTouch){
this.x = x;//保存新的坐标
this.y = y;
int width = bitmap.getWidth();
int height = bitmap.getHeight();
rect = new Rect(x,y,x+width,y+height);
Log.d("Season","x:" + x + " y:"+y) ;
}

}

}

Activity中的代码如下：

package lxx.mygame;

import android.app.Activity;
import android.content.pm.ActivityInfo;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;

public class MygameActivity extends Activity {
/** Called when the activity is first created. */
WelcomView welcomView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);//全屏显示

setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);//横屏显示
welcomView = new WelcomView(this);
setContentView(welcomView);
}

}

WelcomView 类主要实现触摸屏位置的检测，然后对按钮进行相应的处理

package lxx.mygame;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.widget.Toast;

public class WelcomView extends SurfaceView implements SurfaceHolder.Callback{

MygameActivity father;
WelcomThread welcomThread;
Bitmap background;
Bitmap startBitmap;
Bitmap clubBitmap;
Bitmap speedBitmap;
ImageButton start;
ImageButton club;
boolean speedEnable = false;
int x;
int y;

public WelcomView(MygameActivity father) {
super(father);
// TODO Auto-generated constructor stub
this.father = father;
getHolder().addCallback(this);
initBitmap(father);
start = new ImageButton(startBitmap,40,40);
club = new ImageButton(clubBitmap,100,40);

}

public void doDraw(Canvas canvas){
Paint paint = new Paint();
paint.setColor(Color.BLACK);

canvas.drawColor(Color.BLACK);
canvas.drawBitmap(background, 0,0, null);

start.drawImage(canvas);
club.drawImage(canvas);

}

@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
int x = (int) event.getX();
int y = (int) event.getY();

switch(event.getAction())
{
case MotionEvent.ACTION_DOWN://按下按钮
if(start.getClicked(x, y)){
Toast.makeText(getContext(), "你点击了开始按钮", Toast.LENGTH_SHORT).show();
}

if(club.getClicked(x, y)){
Toast.makeText(getContext(), "你点击了club按钮", Toast.LENGTH_SHORT).show();
}

this.x = x;
this.y= y;
break;

case MotionEvent.ACTION_UP://释放按钮
start.getButtonUp();
club.getButtonUp();
speedEnable =false;
this.x = x;
this.y= y;
break;

case MotionEvent.ACTION_MOVE://拖动按钮
start.dragButton(x, y);
club.dragButton(x, y);

this.x = x;
this.y= y;
break;

}

return true;
}

public void initBitmap(Context context){//初始化图片资源
Resources r = context.getResources();
background = BitmapFactory.decodeResource(r, R.drawable.welcome);
startBitmap = BitmapFactory.decodeResource(r, R.drawable.start);
clubBitmap = BitmapFactory.decodeResource(r, R.drawable.club);

}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height) {
// TODO Auto-generated method stub

}

@Override
public void surfaceCreated(SurfaceHolder holder) {
// TODO Auto-generated method stub
welcomThread = new WelcomThread(this,getHolder());
this.welcomThread.flag = true;
welcomThread.start();

}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {
// TODO Auto-generated method stub
boolean retry =true;
welcomThread.flag = false;
while(retry){
try{
welcomThread.join();//等待线程的结束
retry = false;
}
catch(InterruptedException e){

e.printStackTrace();
}
}

}

}

在WelcomThread中主要定时的刷新界面

package lxx.mygame;

import android.graphics.Canvas;
import android.util.Log;
import android.view.SurfaceHolder;

public class WelcomThread extends Thread{
int sleepSpan = 50;
WelcomView father;
SurfaceHolder surfaceHolder;
boolean flag ;

WelcomThread(WelcomView father, SurfaceHolder surfaceHolder){
this.father = father;
this.surfaceHolder = surfaceHolder;
this.flag = true;
}

@Override
public void run() {
// TODO Auto-generated method stub
Canvas canvas = null;
while(flag){
try{
canvas = surfaceHolder.lockCanvas(null);//锁住画布
synchronized(surfaceHolder){
father.doDraw(canvas);

}
}

catch(Exception e)
{
e.printStackTrace();
}

finally{
if(canvas != null)
{
surfaceHolder.unlockCanvasAndPost(canvas);  //显示新的画布
}
}

try{
Thread.sleep(sleepSpan);  //休眠一小会
}

catch (Exception e)
{
e.printStackTrace();

}

}

}

}

为了方便大家学习交流,特意提供源码下载地址:

http://download.csdn.net/source/3556628

最后的显示效果如下图，可以任意拖动按钮并触发事件等，因为比较细化极品飞车，就把他弄了个背景，哈哈