Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android自定義TextView實現drawableLeft內容居中

Android自定義TextView實現drawableLeft內容居中

編輯:關於Android編程

如何實現使用TextView的DrawableLeft使圖片和文字居中顯示呢???

代碼如下:

1.首先自定義一個類,繼承TextView

package com.test.signcalendar.weight;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * 自定義TextView,實現drawableLeft可以和文字一起居中
 * @author HLQ
 * @createtime 2016年3月20日04:14:36
 *
 */
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);
  }
}

2.之後在xml布局文件中直接引用即可。。。

<com.test.signcalendar.weight.DrawableCenterTextView
          android:id="@+id/textView1111"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_weight="1"
          android:drawableLeft="@drawable/fmhp_mine_health_plan_signcalendar_finish_status_bg"
          android:drawablePadding="5dp"//給圖片和文字之間設置填充
          android:text="都完成"
          android:textColor="#333333"
          android:textSize="12sp" />

3。ok實現效果 如下。。。

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved