需求：text的四周可以设置辅助图标，并且可以设置图标的大小！还要可以设置图片和文字的间距
1.自定义View的属性
既然无法获取到是哪一个方向上的drawable，那就自己定义一个方向的属性，并且自己定一个drawable的属性。
按照需求，属性有：drawable，drawable宽宽，drawable高度，drawable方向
我们在 /value/attrs.xml 中这么写：
<!-- RichText -->
<declare-styleable name="RichText">
<attr name="drawable_src" format="reference" />
<attr name="drawable_height" format="dimension" />
<attr name="drawable_width" format="dimension" />
<attr name="drawable_location">
<enum name="left" value="1" />
<enum name="top" value="2" />
<enum name="right" value="3" />
<enum name="bottom" value="4" />
</attr>
</declare-styleable>2.在View的构造方法中获得我们自定义的属性
public class RichText extends TextView {
public static final int LEFT = 1, TOP = 2, RIGHT = 3, BOTTOM = 4;
private int mHeight, mWidth;
private Drawable mDrawable;
private int mLocation;
public RichText(Context context) {
this(context, null);
}
public RichText(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.RichText);
mWidth = a
.getDimensionPixelSize(R.styleable.RichText_drawable_width, 0);
mHeight = a.getDimensionPixelSize(R.styleable.RichText_drawable_height,
0);
mDrawable = a.getDrawable(R.styleable.RichText_drawable_src);
mLocation = a.getInt(R.styleable.RichText_drawable_location, LEFT);
a.recycle();
//绘制Drawable宽高,位置
drawDrawable();
}
}代码很简单，获取自定义的四个属性值，需要注意的是，这里继承TextView
这里不用重新计算宽高，因为TextView 会帮我们计算，这就是继承自带控件的好处
接下来也不用重写onDraw方法，因为这里没有什么需要绘制的
3.绘制Drawable宽高,位置
接下来直奔主题，直接绘制drawable宽高，位置（相对于text的方向）
其实关键方法就一个
textView.setCompoundDrawablesWithIntrinsicBounds(drawable, null, null, null);参数分表代表左，上，右，下。不设置就使用null
靠，写着写着发现好坑哦，就一个关键方法还特意写一篇博客。算了，还是继续写吧。
/**
* 绘制Drawable宽高,位置
*/
public void drawDrawable() {
if (mDrawable != null) {
Bitmap bitmap = ((BitmapDrawable) mDrawable).getBitmap();
Drawable drawable;
if (mWidth != 0 && mHeight != 0) {
drawable = new BitmapDrawable(getResources(), getBitmap(bitmap,
mWidth, mHeight));
} else {
drawable = new BitmapDrawable(getResources(),
Bitmap.createScaledBitmap(bitmap, bitmap.getWidth(),
bitmap.getHeight(), true));
}
switch (mLocation) {
case LEFT:
this.setCompoundDrawablesWithIntrinsicBounds(drawable, null,
null, null);
break;
case TOP:
this.setCompoundDrawablesWithIntrinsicBounds(null, drawable,
null, null);
break;
case RIGHT:
this.setCompoundDrawablesWithIntrinsicBounds(null, null,
drawable, null);
break;
case BOTTOM:
this.setCompoundDrawablesWithIntrinsicBounds(null, null, null,
drawable);
break;
}
}
}这个方法是设置Drawable的宽高和位置。代码很简单。
判断是否设置了Drawable（别忘了我们本身可是TextView啊）
如果Drawable不为空，则判断宽高是否设置，如果设置了宽高则绘制成指定的宽高，否则按Drawable原图大小绘制
根据指定方向在text对应的位置设置Drawable
这里需要注意的是，直接绘制成为指定的宽高，运行效果发现Drawable会被从左上角开始裁剪成为指定的大小。
所以我们需要根据Drawable原来的大小和目标宽高进行裁剪（缩放）
/**
* 缩放图片
*
* @param bm
* @param newWidth
* @param newHeight
* @return
*/
public Bitmap getBitmap(Bitmap bm, int newWidth, int newHeight) {
// 获得图片的宽高
int width = bm.getWidth();
int height = bm.getHeight();
// 计算缩放比例
float scaleWidth = (float) newWidth / width;
float scaleHeight = (float) newHeight / height;
// 取得想要缩放的matrix参数
Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
// 得到新的图片
return Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
}这样绘制的Drawable才是完整的，按照我们想要的大小缩放后的Drawable
4.布局文件中使用
<cn.r.richtext.android.widget.RichText
xmlns:view="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:drawablePadding="8dp"
android:gravity="center"
android:text="554"
android:textColor="#FFFFFF"
view:drawable_height="35dp"
view:drawable_location="left"
view:drawable_src="@drawable/preview_comment_icon"
view:drawable_width="35dp" />
