溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android DrawableTextView圖片文字居中顯示實(shí)例

發(fā)布時(shí)間:2020-09-22 05:46:00 來(lái)源:腳本之家 閱讀:593 作者:xing-java 欄目:移動(dòng)開(kāi)發(fā)

 在我們開(kāi)發(fā)中,TextView設(shè)置Android:drawableLeft一定使用的非常多,但Drawable和Text同時(shí)居中顯示可能不好控制,有沒(méi)有好的辦法解決呢?

小編的方案是通過(guò)自定義TextView實(shí)現(xiàn)。

實(shí)現(xiàn)的效果圖:

Android DrawableTextView圖片文字居中顯示實(shí)例

注:第一行為原生TextView添加android:drawableLeft

第二行為自定義TextView實(shí)現(xiàn)的效果。

實(shí)現(xiàn)思路:

繼承TextView,覆蓋onDraw(Canvas canvas),在onDraw中先將canvas進(jìn)行translate平移,再調(diào)用父類onDraw進(jìn)行繪制。

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, attrs, defStyleAttr);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    // getCompoundDrawables() : Returns drawables for the left, top, right, and bottom borders.
    Drawable[] drawables = getCompoundDrawables();
    // 得到drawableLeft設(shè)置的drawable對(duì)象
    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圖片文字居中顯示實(shí)例,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI