如何使用字体文件中的图标作为Android中的drawable

时间:2015-10-27 12:21:03

标签: android fonts android-actionbar typeface

我有一个字体文件,其图标我通过自定义TextView在布局文件中使用。

我创建了一个自定义类:     类CustomFontTextView扩展TextView

说,图标在Font文件Sample.ttf中作为字符串资源:

<string name="icon">&#xe038;</string>

在布局中,我可以将其用作:

<com.sec.mywash.views.CustomFontTextView
custom:custom_typeface="sample_font"
 android:text="@string/icon"/>.

但是,我的要求是将我们在style.xml中设置的操作栏中的Home up按钮更改为

项:

<item "android:homeAsUpIndicator">@drawable/....</item> 

如何使用style.xml中的字体文件中的图标图像,该图像采用drawable。

2 个答案:

答案 0 :(得分:5)

您可以创建自己的drawable类来执行此操作,类似这样

/** Embed an icon into a Drawable that can be used as TextView icons, or ActionBar icons.
 *
 * new IconDrawable(context, IconValue.icon_star)
 *           .colorRes(R.color.white)
 *           .actionBarSize();
 * 
 * If you don't set the size of the drawable, it will use the size
 * that is given to him. Note that in an ActionBar, if you don't
 * set the size explicitly it uses 0, so please use actionBarSize().
 */

public class FontIconDrawable extends Drawable {

public static int ANDROID_ACTIONBAR_ICON_SIZE_DP = 24;

private final Context context;

private final String icon;

private TextPaint paint;

private int size = -1;

private int alpha = 255;

/**
 * Create an IconDrawable.
 *
 * @param context Your activity or application context.
 * @param icon    The icon you want this drawable to display.
 */
public FontIconDrawable(Context context, String icon, Typeface typeface) {
    this.context = context;
    this.icon = icon;
    paint = new TextPaint();
    paint.setTypeface(typeface);
    paint.setStyle(Paint.Style.STROKE);
    paint.setTextAlign(Paint.Align.CENTER);
    paint.setUnderlineText(false);
    paint.setColor(Color.WHITE);
    paint.setAntiAlias(true);
}

/**
 * Set the size of this icon to the standard Android ActionBar.
 *
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable actionBarSize() {
    return sizeDp(ANDROID_ACTIONBAR_ICON_SIZE_DP);
}

/**
 * Set the size of the drawable.
 *
 * @param dimenRes The dimension resource.
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable sizeRes(int dimenRes) {
    return sizePx(context.getResources().getDimensionPixelSize(dimenRes));
}

/**
 * Set the size of the drawable.
 *
 * @param size The size in density-independent pixels (dp).
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable sizeDp(int size) {
    return sizePx(dpToPx(context.getResources(), size));
}

/**
 * Dp to px.
 *
 * @param res the res
 * @param dp  the dp
 * @return the int
 */
public static int dpToPx(Resources res, int dp) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,
            res.getDisplayMetrics());
}

/**
 * Set the size of the drawable.
 *
 * @param size The size in pixels (px).
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable sizePx(int size) {
    this.size = size;
    setBounds(0, 0, size, size);
    invalidateSelf();
    return this;
}

/**
 * Set the color of the drawable.
 *
 * @param color The color, usually from android.graphics.Color or 0xFF012345.
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable color(int color) {
    paint.setColor(color);
    invalidateSelf();
    return this;
}

/**
 * Set the color of the drawable.
 *
 * @param colorRes The color resource, from your R file.
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable colorRes(int colorRes) {
    paint.setColor(context.getResources().getColor(colorRes));
    invalidateSelf();
    return this;
}

/**
 * Set the alpha of this drawable.
 *
 * @param alpha The alpha, between 0 (transparent) and 255 (opaque).
 * @return The current IconDrawable for chaining.
 */
public FontIconDrawable alpha(int alpha) {
    setAlpha(alpha);
    invalidateSelf();
    return this;
}

@Override
public int getIntrinsicHeight() {
    return size;
}

@Override
public int getIntrinsicWidth() {
    return size;
}

@Override
public void draw(Canvas canvas) {
    paint.setTextSize(getBounds().height());
    Rect textBounds = new Rect();
    String textValue = icon;
    paint.getTextBounds(textValue, 0, 1, textBounds);
    float textBottom = (getBounds().height() - textBounds.height()) / 2f + textBounds.height() - textBounds.bottom;
    canvas.drawText(textValue, getBounds().width() / 2f, textBottom, paint);
}

@Override
public boolean isStateful() {
    return true;
}

@Override
public boolean setState(int[] stateSet) {
    int oldValue = paint.getAlpha();
    int newValue = isEnabled(stateSet) ? alpha : alpha / 2;
    paint.setAlpha(newValue);
    return oldValue != newValue;
}

/**
 * Checks if is enabled.
 *
 * @param stateSet the state set
 * @return true, if is enabled
 */
public static boolean isEnabled(int[] stateSet) {
    for (int state : stateSet)
        if (state == android.R.attr.state_enabled)
            return true;
    return false;
}

@Override
public void setAlpha(int alpha) {
    this.alpha = alpha;
    paint.setAlpha(alpha);
}

@Override
public void setColorFilter(ColorFilter cf) {
    paint.setColorFilter(cf);
}

@Override
public void clearColorFilter() {
    paint.setColorFilter(null);
}

@Override
public int getOpacity() {
    return PixelFormat.OPAQUE;
}

/**
 * Sets paint style.
 *
 * @param style to be applied
 */
public void setStyle(Paint.Style style) {
    paint.setStyle(style);
}
}

答案 1 :(得分:0)

我认为在您的情况下,无法通过xml更改Home up按钮图标...您正在使用iconFont,因此您的图标实际上是一个文本,并显示您需要CustomTextView或任何View的图标, TextView。 android:homeAsUpIndicator需要drawable。可能的解决方案可能是:在可绘制文件夹中使用此特殊图标。