Android DrawableTextView图片文字居中显示实例

概述 在我们开发中，TextView设置Android:drawableLeft一定使用的非常多，但Drawable和Text同时居中显示可能不好控制，有没有好的办法解决呢？

 在我们开发中，TextVIEw设置AndroID:drawableleft一定使用的非常多，但Drawable和Text同时居中显示可能不好控制，有没有好的办法解决呢？

小编的方案是通过自定义TextVIEw实现。

实现的效果图：

注：第一行为原生TextVIEw添加androID:drawableleft

第二行为自定义TextVIEw实现的效果。

实现思路：

继承TextVIEw,覆盖onDraw(Canvas canvas),在onDraw中先将canvas进行translate平移，再调用父类onDraw进行绘制。

DrawableTextVIEw.Java:package com.xing.drawabletextvIEw;import androID.content.Context;import androID.graphics.Canvas;import androID.graphics.drawable.Drawable;import androID.util.AttributeSet;import androID.Widget.TextVIEw;/** * Created by administrator on 2017/2/28. */public class DrawableTextVIEw extends TextVIEw {  public DrawableTextVIEw(Context context) {    this(context,null);  }  public DrawableTextVIEw(Context context,AttributeSet attrs) {    this(context,attrs,0);  }  public DrawableTextVIEw(Context context,AttributeSet attrs,int defStyleAttr) {    super(context,defStyleAttr);  }  @OverrIDe  protected voID onDraw(Canvas canvas) {    // getCompoundDrawables() : Returns drawables for the left,top,right,and bottom borders.    Drawable[] drawables = getCompoundDrawables();    // 得到drawableleft设置的drawable对象    Drawable leftDrawable = drawables[0];    if (leftDrawable != null) {      // 得到leftDrawable的宽度      int leftDrawableWIDth = leftDrawable.getIntrinsicWIDth();      // 得到drawable与text之间的间距      int drawablepadding = getCompoundDrawablepadding();      // 得到文本的宽度      int textWIDth = (int) getPaint().measureText(getText().toString().trim());      int bodyWIDth = leftDrawableWIDth + drawablepadding + textWIDth;      canvas.save();      canvas.translate((getWIDth() - bodyWIDth) / 2,0);    }    super.onDraw(canvas);  }}

布局文件中引入：

<linearLayout    androID:layout_wIDth="match_parent"    androID:layout_height="100dp"    androID:orIEntation="horizontal">    <com.xing.drawabletextvIEw.DrawableTextVIEw      androID:layout_wIDth="0dp"      androID:layout_height="wrap_content"      androID:layout_weight="1"      androID:drawableleft="@drawable/ic_one"      androID:drawablepadding="10dp"      androID:gravity="center_vertical"      androID:text="21" />    <com.xing.drawabletextvIEw.DrawableTextVIEw      androID:layout_wIDth="0dp"      androID:layout_height="wrap_content"      androID:layout_weight="1"      androID:drawableleft="@drawable/ic_two"      androID:drawablepadding="10dp"      androID:gravity="center_vertical"      androID:text="99" />    <com.xing.drawabletextvIEw.DrawableTextVIEw      androID:layout_wIDth="0dp"      androID:layout_height="wrap_content"      androID:layout_weight="1"      androID:drawableleft="@drawable/ic_three"      androID:drawablepadding="10dp"      androID:gravity="center_vertical"      androID:text="99+" />  </linearLayout>

以上所述是小编给大家介绍的AndroID DrawableTextVIEw图片文字居中显示实例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持！

总结

以上是内存溢出为你收集整理的Android DrawableTextView图片文字居中显示实例全部内容，希望文章能够帮你解决Android DrawableTextView图片文字居中显示实例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。