web-dev-qa-db-ja.com

フローティングラベルEditTextおよびTextInputLayoutのフォントを変更する

誰かがフローティングラベルのフォントを変更しようとしましたか? EditTextのソースを変更しましたが、フローティングラベルのフォントは変更されませんでした。

コード:

               <Android.support.design.widget.TextInputLayout
                    Android:id="@+id/tilTextoDescricao"
                    Android:layout_width="fill_parent"
                    Android:layout_height="wrap_content"
                    Android:layout_toRightOf="@id/tilValorUnidade"
                    Android:layout_marginTop="10dp">

                    <EditText
                        Android:id="@+id/etTextoDescricao"
                        Android:layout_width="fill_parent"
                        Android:layout_height="wrap_content"
                        Android:layout_marginLeft="5dp"
                        Android:hint="Descrição"
                        Android:textSize="15dp"
                        Android:inputType="text" />

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

----------------- 

   etTextoDescricao= (EditText) findViewById(R.id.etTextoDescricao);
  etTextoDescricao.setTypeface(CustomTypeface.getTypefaceMediumDefault(this));

enter image description here

24
user2350939

_Design Library v23_の時点で、 TextInputLayout#setTypeface() を使用できます。

これにより、拡張ヒントとフローティングヒントの両方に書体が設定されます。

機能リクエスト は、 b.Android.com で議論された場所です。

EDIT:エラービューの書体は設定されていませんでしたが、現在は_v25.1.0_の fixed です。

29
Austyn Mahoney

残念ながら、これを処理するにはリフレクションを使用する必要があります。

フローティングラベルはCollapsingTextHelperによって描画されます。これは、内部のパッケージプライベートクラスであり、スパンを処理するように設定されていません。したがって、この場合、カスタムTypefaceSpanのようなものを使用しても機能しません。

これはリフレクションを使用するため、将来の動作を保証するものではありません。

実装

final Typeface tf = Typeface.createFromAsset(getAssets(), "your_custom_font.ttf");
final TextInputLayout til = (TextInputLayout) findViewById(R.id.yourTextInputLayout);
til.getEditText().setTypeface(tf);
try {
    // Retrieve the CollapsingTextHelper Field
    final Field cthf = til.getClass().getDeclaredField("mCollapsingTextHelper");
    cthf.setAccessible(true);

    // Retrieve an instance of CollapsingTextHelper and its TextPaint
    final Object cth = cthf.get(til);
    final Field tpf = cth.getClass().getDeclaredField("mTextPaint");
    tpf.setAccessible(true);

    // Apply your Typeface to the CollapsingTextHelper TextPaint
    ((TextPaint) tpf.get(cth)).setTypeface(tf);
} catch (Exception ignored) {
    // Nothing to do
}

エラービュー

エラーのフォントを変更する必要がある場合は、次の2つのいずれかを実行できます。

  1. Reflectionを使用してエラーTextViewを取得し、以前と同じようにTypefaceを適用します
  2. カスタムスパンを使用します。フローティングラベルとは異なり、TextInputLayoutで使用されるエラービューはTextViewであるため、スパンを処理できます。

リフレクションを使用する

final Field errorField = til.getClass().getDeclaredField("mErrorView");
errorField.setAccessible(true);
((TextView) errorField.get(til)).setTypeface(tf);

カスタムスパンの使用

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);
    }

}

結果

results

私が使用しているフォントは Smoothie Shoppe です。

19
adneal

私は新しい MaterialComponents テーマを使用していますが、どの回答も私を助けませんでした。

自分でスタイルとテーマをいじらなければなりませんでした。誰かが同じ問題に直面した場合に備えて、スタイルのチャンクをここに投稿します。

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
  ...
  <item name="textInputStyle">@style/CustomFontTextInputLayout</item>
</style>  

<!-- region TextInputLayout & TextInputEditText styles -->
<style name="TextInputLayout.OutlineBox.CustomFont" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
  <item name="Android:theme">@style/ThemeOverlay.TextInputEditText.OutlinedBox.CustomFont</item>
</style>

<style name="ThemeOverlay.TextInputEditText.OutlinedBox.CustomFont" parent="ThemeOverlay.MaterialComponents.TextInputEditText.OutlinedBox">
  <item name="editTextStyle">@style/TextInputEditText.OutlinedBox.CustomFont</item>
</style>

<style name="TextInputEditText.OutlinedBox.CustomFont" parent="Widget.MaterialComponents.TextInputEditText.OutlinedBox">
  <item name="Android:fontFamily">@font/my_font</item>
</style>

<style name="CustomFontTextInputLayout" parent="Widget.Design.TextInputLayout">
  <item name="hintTextAppearance">@style/TextInputLayoutHintText</item>
  <item name="helperTextTextAppearance">@style/TextInputLayoutHelperText</item>
  <item name="errorTextAppearance">@style/TextInputLayoutErrorText</item>
</style>

<style name="TextInputLayoutHintText" parent="TextAppearance.Design.Hint">
  <item name="Android:fontFamily">@font/my_font</item>
</style>

<style name="TextInputLayoutHelperText" parent="TextAppearance.Design.HelperText">
  <item name="Android:fontFamily">@font/my_font</item>
</style>

<style name="TextInputLayoutErrorText" parent="TextAppearance.Design.Error">
  <item name="Android:fontFamily">@font/my_font</item>
</style>
<!-- endregion -->

次に、XMLレイアウトで:

<Android.support.design.widget.TextInputLayout
    style="@style/TextInputLayout.OutlineBox.CustomFont"
    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/first_name"/>
</Android.support.design.widget.TextInputLayout>

結果は次のとおりです。

enter image description here

11
azizbekian

私は簡単な解決策を見つけましたが、それは私のために働いています:

このようにして、書体を編集テキストのヒントに設定できます。

layout.xmlで:

 <Android.support.design.widget.TextInputLayout
            Android:id="@+id/text_input1"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content">
            <EditText
                Android:id="@+id/edt_user"
                Android:layout_width="match_parent"
                Android:layout_height="wrap_content"
                Android:hint="@string/username"/>
        </Android.support.design.widget.TextInputLayout>

およびJava class:

public class MainActivity extends AppCompatActivity {

EditText editText;
TextInputLayout textInputLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Typeface font_yekan= Typeface.createFromAsset(getAssets(), "fonts/byekan.ttf");
        textInputLayout= (TextInputLayout) findViewById(R.id.text_input1);
    textInputLayout.setTypeface(font_yekan);
      }
 }
8
Iman Sadrian

adneal's answer のカスタムクラス実装です。

public class CustomTextInputLayout extends TextInputLayout {

    public CustomTextInputLayout(Context context) {
        super(context);
        initFont(context);
    }

    public CustomTextInputLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initFont(context);
    }

    private void initFont(Context context) {
        final Typeface typeface = Typeface.createFromAsset(
                context.getAssets(), "fonts/YOUR_CUSTOM_FONT.ttf");

        EditText editText = getEditText();
        if (editText != null) {
            editText.setTypeface(typeface);
        }
        try {
            // Retrieve the CollapsingTextHelper Field
            final Field cthf = TextInputLayout.class.getDeclaredField("mCollapsingTextHelper");
            cthf.setAccessible(true);

            // Retrieve an instance of CollapsingTextHelper and its TextPaint
            final Object cth = cthf.get(this);
            final Field tpf = cth.getClass().getDeclaredField("mTextPaint");
            tpf.setAccessible(true);

            // Apply your Typeface to the CollapsingTextHelper TextPaint
            ((TextPaint) tpf.get(cth)).setTypeface(typeface);
        } catch (Exception ignored) {
            // Nothing to do
        }
    }
}

XMLファイルでは、CustomTextInputLayoutの代わりにTextInputLayoutを使用する必要があり、そのまま使用できます。

<your.package.CustomTextInputLayout
    Android:id="@+id/textInputLayout_email"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content" >

    <AutoCompleteTextView
        Android:id="@+id/editText_email"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:hint="@string/hint_email"
        Android:inputType="textEmailAddress" />

ありがとう adneal 答えてくれて。

6
Aleksandar Ilic
final Typeface tf = Typeface.createFromAsset(getAssets(), "your_custom_font.ttf");
final TextInputLayout til = (TextInputLayout) findViewById(R.id.yourTextInputLayout);
til.getEditText().setTypeface(tf);
til.setTypeface(tf);
3
Ali

もっと簡単な方法があります、

「res」フォルダに「font」という名前の新しいディレクトリを作成し、そこにフォントを配置します。次に、「スタイル」ファイルを開き、新しいスタイルを作成します。

<style name="customfontstyle" parent="@Android:style/TextAppearance.Small">
        <item name="Android:fontFamily">@font/poppins_regular</item>
    </style>

TextColor、textSizeなどのプロパティを追加することもできます。

次に、XMLで:

<Android.support.design.widget.TextInputLayout
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        app:hintTextAppearance="@style/customfontstyle"
       >

        <Android.support.design.widget.TextInputEditText
            Android:layout_width="220dp"
            Android:layout_height="wrap_content"
            Android:id="@+id/edit_phone_number"
            Android:hint="@string/phone_number_label"

            Android:inputType="number"
            />
    </Android.support.design.widget.TextInputLayout>

私はそれをチェックし、動作します。

2
Danish Ajaib

@adneal回答の問題を修正:setErrorEnabledがtrueに設定されていない場合、mErrorViewはnullになり、任意の時点でfalseに設定すると、フォントはデフォルトに戻ります。修正するには:

カスタムTextInputLayoutでsetErrorEnabledをオーバーライドします

@Override
public void setErrorEnabled(boolean enabled) {

    super.setErrorEnabled(enabled);

    if (enabled) {

        try {

            Field cthf = TextInputLayout.class.getDeclaredField("mErrorView");
            cthf.setAccessible(true);

            TextView error = (TextView) cthf.get(this);

            if (error != null)
                error.setTypeface(tf);


        } catch (Exception e) {

        }
    }
}
1
Ashkan Ghodrat

私はこれを探していましたが、サポートライブラリを使用してこの方法を見つけました:

Typeface typeface = ResourcesCompat.getFont(context, R.font.myfont);

そして、この書体をyout TextInpuLayoutに設定します。

私にとって魅力のように機能し、他の人に役立つことを願っています=]

ソース: ドキュメント

1
Lucas Orso

これは私がこれを達成する方法です

edit_login_emailOrPhone.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View v, boolean hasFocus) {
            if(hasFocus)
            {
                textInputLayout_login_emailOrPhone.setTypeface(APSApplication.getInstance().getFonts().getTypefaceSemiBold());
            }else
            {
                textInputLayout_login_emailOrPhone.setTypeface(APSApplication.getInstance().getFonts().getTypefaceRegular());
            }
        }
    });
0
zohaib khaliq

以下のようにstyle.xmlを使用できます。

スタイルファイル:

<style name="TextInputLayoutErrorStyle" parent="TextAppearance.Design.Error">
    <item name="fontFamily">@font/iran_sans_medium</item>
    <item name="Android:fontFamily">@font/iran_sans_medium</item>
</style>

<style name="TextInputLayoutHintStyle" parent="TextAppearance.Design.Hint">
    <item name="fontFamily">@font/iran_sans_medium</item>
    <item name="Android:fontFamily">@font/iran_sans_medium</item>
</style>

<style name="TextInputLayoutHelperStyle" parent="TextAppearance.Design.HelperText">
    <item name="fontFamily">@font/iran_sans_medium</item>
    <item name="Android:fontFamily">@font/iran_sans_medium</item>
</style>

<style name="TextInputLayoutOutlinedBoxStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <item name="helperTextTextAppearance">@style/TextInputLayoutHelperStyle</item>
    <item name="errorTextAppearance">@style/TextInputLayoutErrorStyle</item>
    <item name="hintTextAppearance">@style/TextInputLayoutHintStyle</item>
</style>

レイアウトファイル:

<com.google.Android.material.textfield.TextInputLayout
            Android:layout_width="match_parent"
            Android:layout_centerInParent="true"
            Android:hint="@string/cardname_hint"
            Android:layout_marginStart="30dp"
            Android:layout_marginEnd="30dp"
            card_view:helperText="@string/cardname_helper"
            style="@style/TextInputLayoutOutlinedBoxStyle"
            Android:layout_height="wrap_content">

            <com.google.Android.material.textfield.TextInputEditText
                Android:layout_width="match_parent"
                Android:fontFamily="@font/iran_sans_medium"
                Android:textColor="@color/colorTextPrimary"
                Android:layout_height="wrap_content" />

</com.google.Android.material.textfield.TextInputLayout>
0
Ehsan Mashhadi