TextInputLayout浮动标签自定义字体和edittext自定义字体

Question

我有这样的布局 -

<android.support.design.widget.TextInputLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content">

     <android.support.design.widget.TextInputEditText
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:hint="@string/form_username"/>

 </android.support.design.widget.TextInputLayout>

根据我们的UI设计文档，我们需要为Floating label和Edittext提供不同的自定义字体。

感谢任何帮助。谢谢。

Answer 1

你可以这样做，

从Design Library v23开始，您可以使用TextInputLayout#setTypeface()。

这将在展开和浮动提示上设置字体。

使用自定义范围

final SpannableString ss = new SpannableString("Error");
ss.setSpan(new FontSpan(tf), 0, ss.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
til.setError(ss);

private static final class FontSpan extends MetricAffectingSpan {

    private final Typeface mNewFont;

    private FontSpan(Typeface newFont) {
        mNewFont = newFont;
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        ds.setTypeface(mNewFont);
    }

    @Override
    public void updateMeasureState(TextPaint paint) {
        paint.setTypeface(mNewFont);
    }
}

Answer 2

对于EditText中的自定义字体，您可以使用以下类：

public class CustomEditText extends AppCompatEditText {

public CustomEditText (Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(attrs);
}

public CustomEditText (Context context, AttributeSet attrs) {
    super(context, attrs);
    init(attrs);

}

public CustomEditText (Context context) {
    super(context);
    init(null);
}

Typeface myTypeface;

private void init(AttributeSet attrs) {

    if (attrs != null) {
        TypedArray a = getContext().obtainStyledAttributes(attrs,
                R.styleable.CustomTextView);
        String fontName = "Orkney Medium.otf";
        if (fontName != null && !isInEditMode()) {
            myTypeface = Typeface.createFromAsset(getContext().getAssets(),
                    fontName);

        }
        setTypeface(myTypeface);
        a.recycle();
    }


}

}

XML代码：

  <com.utils.CustomEditText
                    android:id="@+id/edt_first_name_register"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@null"
                    android:hint="@string/hint_first_name"
                    android:inputType="textCapWords"
                    android:imeOptions="actionNext"
                    android:singleLine="true"
                    android:digits="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
                    android:paddingTop="@dimen/15dp"
                    android:textColor="@color/black"
                    android:textSize="20sp" />

对于TextInputLayout，自定义类在所有情况下都不起作用，但您可以为优化的解决方案执行此类操作。

将它放在Java类中：

 public static void setTextInputLayoutTypeFace(Context mContext, TextInputLayout... textInputLayout) {
    for (TextInputLayout til : textInputLayout) {
        Typeface typeface = Typeface.createFromAsset(mContext.getAssets(), "Orkney Regular.otf");
        til.setTypeface(typeface);
    }

}

使用以下方法调用上述方法：

setTextInputLayoutTypeFace(mContext, tlFirstNameRegister, tlLastNameRegister,
            tlUsernameRegister, tlEmailIdRegister, tlDateOfBirthRegister, tlMobileRegister, tlPasswordRegister,
            tlConfPasswordRegister);

它不是最好的解决方案。但它会奏效。