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

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

更多相关文章

随机推荐