1. 程式人生 > >Android自定義控制元件之自定義TextView,實現drawableLeft可以和文字一起居中

Android自定義控制元件之自定義TextView,實現drawableLeft可以和文字一起居中

LZ-Says:給大家推薦一個網站,有興趣可以查閱,想為大家貢獻一點自己的力量也可以投稿,老大稽核通過會發表,更好的幫助有需要的人~歡迎大家踴躍投稿~地址如下:
http://www.123si.org/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實現效果 如下。。。

這裡寫圖片描述

真是會者不難,,,難者不會。。。