【Android】自定义控件让TextView的drawableLeft与文本一起居中显示

前言

TextView的drawableLeft、drawableRight和drawableTop是一个常用、好用的属性，可以在文本的上下左右放置一个图片，而不使用更加复杂布局就能达到，我也常常喜欢用RadioButton的这几个属性实现很多效果，但是苦于不支持让drawbleLeft与文本一起居中，设置gravity为center也无济于事，终于有空研究了一下，这里与大家一起分享。

声明

欢迎转载，请注明出处！

博客园：http://www.cnblogs.com/

农民伯伯： http://www.cnblogs.com/over140/

正文

一、效果图

二、实现代码

自定义控件

/**
* drawableLeft与文本一起居中显示
*
* @author 农民伯伯
* @see http://www.cnblogs.com/over140/p/3464348.html
*
*/
public class DrawableCenterTextView extends TextView {

public DrawableCenterTextView(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
    }

public DrawableCenterTextView(Context context, AttributeSet attrs) {
super(context, attrs);
}

public DrawableCenterTextView(Context context) {
super(context);
}

@Override
    protected void onDraw(Canvas canvas) {
        Drawable[] drawables = getCompoundDrawables();
        if (drawables != null) {
            Drawable drawableLeft = drawables[0];
            if (drawableLeft != null) {
                float textWidth = getPaint().measureText(getText().toString());
                int drawablePadding = getCompoundDrawablePadding();
                int drawableWidth = 0;
drawableWidth = drawableLeft.getIntrinsicWidth();
                float bodyWidth = textWidth + drawableWidth + drawablePadding;
                canvas.translate((getWidth() - bodyWidth) / 2, 0);
            }
        }
        super.onDraw(canvas);
    }
}

和普通TextView用法一致，无需额外增加属性。

2013-12-13 注意，drawableRight不管用！感谢网友提醒，后续有进展了再更新文章。

结束

那些让你难受的技术问题一定要找时间想办法摆平TA！

【Android】自定义控件让TextView的drawableLeft与文本一起居中显示相关推荐

kotlin中自定义TextView之drawableLeft与文本一起居中显示
import android.annotation.SuppressLint import android.content.Context import android.graphics.Canvas ...
android动态添加圆,Android开发中TextView 实现右上角跟随文本动态追加圆形红点
在一个比较坑的需求里,一段文字右上角需要追加一个圆形红点.最右侧有个金额,红点动态随着文字移动,然后各种摆布局,一下午坑死我了.后来果断放弃.然后就想试试直接自定义view来实现这个需求. 最坑的就是 ...
Origin Pro 8.5设置文本框居中显示
Q:在图形内新增了Text Object(文本框),如何使其居中? A:可执行如下操作: 单击文本框,右键Programming Control 在对话框内键入:XB.x=1/2*(layer.x.f ...
html中怎么设置文本框居中显示图片,css如何让图片水平居中显示？
在我们开发前端页面的时候,为了让页面效果美观,会让图片呈现居中效果.那么css怎么让img图片居中显示呢?本篇文章给大家带来css如何让img图片居中. display属性实现图片居中的两种方法: 1 ...
Markdown 文本编辑图片居中显示以及题注
图片居中显示 Markdown 自带语法好像没有对图片居中显示有说明,对于较小尺寸的图片如果不能放大显示,那么只能按照默认靠左格式进行显示,完全不符合本人审美! ![Screenshot from 2 ...
android中的TextView组件,Android-TextView文本视图控件详解
TextView是Android开发当中运用到最多的控件之一,显示一行或者多行文本,也可以给上下左右设置图片,并且结合SpannableString和其子类可以做到图文混排. TextView文本视图 ...
解决TextView drawableLeft设置图片不能居中
解决TextView drawableLeft设置图片不能居中今天在项目中遇到个为题,需要在RadioButton 中设置drawableLeft,一开始都很正常,但是最后要把文本内容居中显示,于是 ...
android如何让自定义控件居中,Android自定义控件之自定义TextView，实现drawableLeft可以和文字一起居中...
如何实现使用TextView的DrawableLeft使图片和文字居中显示呢??? 代码如下: 1.首先自定义一个类,继承TextViewpackage com.test.signcalendar.w ...
Android自定义控件3：带边框点击背景变色的textview,原型是支付宝手机充值中话费充值按钮
一.原型:支付宝手机充值中话费充值按钮. 二.实现效果: 三.在res/drawable下面创建两个xml: custom_border_txt_bg.xml用户可点击时,点击切换背景 custom_ ...

【Android】自定义控件让TextView的drawableLeft与文本一起居中显示

【Android】自定义控件让TextView的drawableLeft与文本一起居中显示相关推荐

最新文章

热门文章