自定义组件---图片和文字实现ImageButton效果

1、效果图

2、自定义代码:

<span style="font-family:Comic Sans MS;font-size:14px;">public class ImageTextView extends View implements OnClickListener {
	
	private Paint mImagePaint;
	private Paint mTextPaint;
	private int mTextSize=16;
	private Bitmap imageBitmap;  
	private Context context; 
	private int viewHeight;
	private DisplayMetrics displayMetrics;
	private int imageTop;
	private int textTop;
	 
	public ImageTextView(Context context) {
		super(context);
		this.context = context;
		init();
	}

	public ImageTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.context = context;
		init();
	}

	public ImageTextView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		this.context = context;
		init();
	}
	/**
	 * 初始化数据
	 */
	private void init() {
		displayMetrics = getDisplayMetrics();
		mImagePaint = new Paint();
		mTextPaint = new Paint();
		mTextPaint.setColor(Color.BLACK);
		mTextPaint.setTextSize(mTextSize*displayMetrics.density);
//		
		mTextPaint.setAntiAlias(true); // 打开抗矩齿  
		imageBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.home); 
		//设置背景颜色
		setBackground(getResources().getDrawable(R.drawable.item_background_selector));
		//设置点击事件
		setOnClickListener(this);
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		viewHeight = getHeight();
		imageTop = (viewHeight - imageBitmap.getHeight())/2;
		//是文字在垂直方向上居中
		textTop = (int) ((viewHeight - getFontHeight(mTextPaint))/2-mTextPaint.getFontMetrics().top);
	}
	
	
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		canvas.drawBitmap(imageBitmap, 10, imageTop, mImagePaint);
		canvas.drawText("打开",imageBitmap.getWidth()+20, textTop, mTextPaint);
	}
	
	
	/**
	 * 获取手机分辨率
	 * @return
	 */
	public DisplayMetrics getDisplayMetrics() {   
        DisplayMetrics dm = new DisplayMetrics();   
        //取得DisplayMetrics对象方法一  
        dm = context.getApplicationContext().getResources().getDisplayMetrics();   
        //取得DisplayMetrics对象方法二  
//      ((Activity)cx).getWindowManager().getDefaultDisplay().getMetrics(dm);  
        return dm;   
     } 
	
	/**
	 * 获取字体的高度
	 * @param paint
	 * @return
	 */
	private int getFontHeight(Paint paint){
		FontMetrics fm = paint.getFontMetrics();
		return (int)Math.ceil(fm.descent - fm.ascent);  
	}

	/**
	 * 改变字体颜色
	 */
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			mTextPaint.setColor(Color.BLUE);
			break;
		case MotionEvent.ACTION_UP:
			mTextPaint.setColor(Color.BLACK);
			break;
		default:
			break;
		}
		invalidate();
		return super.onTouchEvent(event);
	}
	
	@Override
	public void onClick(View v) {
		 
	}
	 
}</span>

3、文字居中参考

http://blog.csdn.net/hursing/article/details/18703599

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值