首页 > 代码库 > 自定义组件---图片和文字实现ImageButton效果
自定义组件---图片和文字实现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
自定义组件---图片和文字实现ImageButton效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。