安卓自定义按钮的实现

如图，在按钮上实现带有个性图片的按钮，可通过复写按钮类来实现。



代码如下：

package moyan.standopen;

import android.annotation.SuppressLint;

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.graphics.Rect;

import android.graphics.RectF;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.widget.Button;

@SuppressLint("ParserError")

public class mybutton extends Button{

private Paint margainPaint;

private Paint linePaint;

private int paperColor;

private float margain;

private Bitmap bmp;

public mybutton(Context context) {

super(context);

// TODO Auto-generated constructor stub

}

public mybutton(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

// TODO Auto-generated constructor stub

init();

}

public mybutton(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

init();

}

@Override

public boolean onTouchEvent(MotionEvent event) {

// TODO Auto-generated method stub

//处理按钮按下后的效果

if(event.getAction()==MotionEvent.ACTION_DOWN)

{

linePaint=new Paint(Paint.ANTI_ALIAS_FLAG);

linePaint.setColor(Color.GRAY);

}

if(event.getAction()==MotionEvent.ACTION_UP)

{

linePaint=new Paint(Paint.ANTI_ALIAS_FLAG);

linePaint.setColor(Color.WHITE);

}

invalidate();

return super.onTouchEvent(event);

}

public void init()

{

Resources mtRes=getResources();

bmp=BitmapFactory.decodeResource(mtRes, R.drawable.head_01);

margainPaint=new Paint(Paint.ANTI_ALIAS_FLAG);

margainPaint.setColor(Color.BLACK);

linePaint=new Paint(Paint.ANTI_ALIAS_FLAG);

linePaint.setColor(Color.WHITE);

paperColor=Color.WHITE;

}

@Override

protected void onDraw(Canvas canvas) {

// TODO Auto-generated method stub

//canvas.drawColor(paperColor);

//canvas.drawRect(10, 0, getMeasuredHeight(), getMeasuredHeight(), linePaint);

linePaint.setAntiAlias(true);

RectF oval3 = new RectF(0, 0,getMeasuredWidth(), getMeasuredHeight());

canvas.drawRoundRect(oval3, 5, 5, linePaint);//画按钮的形状为圆角矩形

canvas.drawText("＞",getMeasuredWidth()-30,getMeasuredHeight()/2,margainPaint);

Rect rect=new Rect(2,2,getMeasuredHeight()-2,getMeasuredHeight()-2);

canvas.drawBitmap(bmp,null, rect, linePaint);//画图片

canvas.save();

canvas.translate(30, 0);

super.onDraw(canvas);

canvas.restore();

}

@Override

public boolean isPressed() {

// TODO Auto-generated method stub

return super.isPressed();

}

public void SetBmp(int bitmap)

{

//在程序中调用，用来设置每个按钮的图片

Resources mtRes=getResources();

bmp=BitmapFactory.decodeResource(mtRes,bitmap);

invalidate();

}

}

在布局中的调用：

<moyan.standopen.mybutton

android:id="@+id/first"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/love"

android:layout_marginLeft="50dip"

android:layout_marginRight="50dip"

android:textSize="12pt"

android:gravity="center"

android:paddingRight="30dip"

android:layout_above="@id/center"

android:layout_marginBottom="20dip"

/>

最后在程序中定义mybutton的对象，通过调用SetBmp()函数来设置图片。

如有不懂或有疑问可以加群 140239644 来讨论。