web-dev-qa-db-ja.com

フォントのカスタムフォントをプログラムでSpinnerテキストに設定する方法

アセットフォルダーにttfフォントファイルがあります。私はそれをテキストビューに使用する方法を知っています：

Typeface externalFont=Typeface.createFromAsset(getAssets(), "fonts/HelveticaNeueLTCom-Lt.ttf");
textview1.setTypeface(externalFont);

スピナーテキストの外観を独自のxmlファイルで定義しました（Androidでの通常のとおり）：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:Android="http://schemas.Android.com/apk/res/Android" 
Android:id="@+Android:id/text1"
style="?android:attr/spinnerItemStyle"
Android:singleLine="true"
Android:textColor="#ffffff"
Android:gravity="center" 
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"
Android:ellipsize="Marquee" />

私はコードからこのテキストビューを参照することはできません、私は常にnullポインタ例外を取得します。例えば。私は試した：

TextView spinner_text=(TextView)findViewById(R.id.text1);
spinner_text.setTypeface(externalFont);

独自のxmlで定義されたスピナーテキストに対しても、外部フォントを選択できますか？

ありがとうございました。

答えを編集：

これは動作します：

String [] items = new String[2];
    items[0]="Something1";
    items[1]="Something2";

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                    R.layout.spinaca, items) {

         public View getView(int position, View convertView, ViewGroup parent) {
                 View v = super.getView(position, convertView, parent);

                 Typeface externalFont=Typeface.createFromAsset(getAssets(), "fonts/HelveticaNeueLTCom-Lt.ttf");
                 ((TextView) v).setTypeface(externalFont);

                 return v;
         }


         public View getDropDownView(int position,  View convertView,  ViewGroup parent) {
                  View v =super.getDropDownView(position, convertView, parent);

                 Typeface externalFont=Typeface.createFromAsset(getAssets(), "fonts/HelveticaNeueLTCom-Lt.ttf");
                 ((TextView) v).setTypeface(externalFont);
                 v.setBackgroundColor(Color.GREEN);

                 return v;
         }
 };


     adapter.setDropDownViewResource(Android.R.layout.simple_spinner_dropdown_item);                                 
     spinner.setAdapter(adapter);

追加する必要があるかもしれません

import Android.view.ViewGroup;

ファイルの上部にあるインポートのリストに。何らかの理由で、Eclipseは、コードに含まれるViewGroupクラスを認識しない場合、この提案を行いません。

androidfontsspinnerandroid-spinnerandroid-fonts
87
DixieFlatline

これは私のために働いたものです（ CommonsWare's と gsanllorente's の両方の答えを使って）：

_private static class MySpinnerAdapter extends ArrayAdapter<String> {
    // Initialise custom font, for example:
    Typeface font = Typeface.createFromAsset(getContext().getAssets(),
                        "fonts/Blambot.otf");

    // (In reality I used a manager which caches the Typeface objects)
    // Typeface font = FontManager.getInstance().getFont(getContext(), BLAMBOT);

    private MySpinnerAdapter(Context context, int resource, List<String> items) {
        super(context, resource, items);
    }

    // Affects default (closed) state of the spinner
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView view = (TextView) super.getView(position, convertView, parent);
        view.setTypeface(font);
        return view;
    }

    // Affects opened state of the spinner
    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {
        TextView view = (TextView) super.getDropDownView(position, convertView, parent);
        view.setTypeface(font);
        return view;
    }
}
_

私のように、元々ArrayAdapter.createFromResource()と配列リソース（ Spinner documentation のように）を使用してSpinnerを作成した場合、MySpinnerAdapterは次のように使用します。

_MySpinnerAdapter<String> adapter = new MySpinnerAdapter(
        getContext(),
        R.layout.view_spinner_item,
        Arrays.asList(getResources().getStringArray(R.array.my_array))
);
spinner.setAdapter(adapter);
_
78
Jonik

getView()およびgetDropDownView()の独自のカスタムSpinnerAdapterを介してフォントを適用します。

24
CommonsWare

別のファイルにアダプタを実装する場合、パラメータとしてコンテキストを持っているため、アダプタのコンストラクタから「getAssets（）」関数にアクセスできます。

public class YourItemAdapter extends ArrayAdapter<String> {
int recurso;
Typeface tf;

public YourItemAdapter(Context _context, int _resource,
        List<String> _items) {

    super(_context, _resource, _items);
    recurso=_resource;
    tf=Typeface.createFromAsset(_context.getAssets(),"font/digital-7.ttf");
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    //You can use the new tf here.
    TextView spinner_text=(TextView)findViewById(R.id.text1);
    spinner_text.setTypeface(tf);
    }
}
15
gsanllorente

これを試してカスタムcustom_spinner.xmlを作成してください

<?xml version="1.0" encoding="utf-8"?>

<com.xxxx.xxxx.CheckedTextViewC

    xmlns:Android="http://schemas.Android.com/apk/res/Android" 
    Android:id="@Android:id/text1"
    style="?android:attr/spinnerDropDownItemStyle"
    Android:singleLine="true"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:ellipsize="Marquee"
    Android:textAlignment="center"
    Android:paddingTop="5dp"
    Android:paddingBottom="5dp"
    Android:textSize="18sp"

    />

このようなカスタムCheckedtextViewを作成します

import Android.content.Context;
import Android.graphics.Typeface;
import Android.util.AttributeSet;
import Android.widget.CheckedTextView;

public class CheckedTextViewC extends CheckedTextView {

    public CheckedTextViewC(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }
    public CheckedTextViewC(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }
    public CheckedTextViewC(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }
    public void setTypeface(Typeface tf, int style) {
        if(!this.isInEditMode()){
        Typeface normalTypeface = Typeface.createFromAsset(getContext().getAssets(), "font/Roboto-Light.ttf");
        Typeface boldTypeface = Typeface.createFromAsset(getContext().getAssets(), "font/Roboto-Light.ttf");

        if (style == Typeface.BOLD) {
            super.setTypeface(boldTypeface/*, -1*/);
        } else {
            super.setTypeface(normalTypeface/*, -1*/);
        }
        }

    }
}

新しいレイアウトを実装する

adapter= new ArrayAdapter <String>(Menu.this,R.layout.custom_spinner, list);
4
joe1327

これは私の以前の答えの続きです： https://stackoverflow.com/a/51100507/787399

互換性の理由から、Androidのウィジェットに対してスタイルとカスタマイズされたクラスを使用できます。上記のAndroidレベル15、新しい/res/fontリソースフォルダーが導入されました。

Androidのフォントリソース

ステップ1：item_spinner.xmlを宣言する

<?xml version="1.0" encoding="utf-8"?>
<com.my_package.custom_views.FontTextView xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/tv_spinner"
    style="@style/App_TextViewStyleSmall"
    Android:layout_gravity="start|bottom"
    Android:layout_marginLeft="@dimen/dp_5"
    Android:layout_marginStart="@dimen/dp_5"
    Android:ellipsize="Marquee"
    Android:gravity="start|bottom"
    Android:padding="@dimen/dp_10"
    Android:singleLine="true"
    Android:textAlignment="inherit" />
    <!--declared in layout: item_spinner.xml-->
    <!-- removed attributes:  Android:layout_width="match_parent"
               Android:layout_height="wrap_content"
               Android:textColor="@color/text_grey_light"
               Android:textSize="@dimen/sp_14" -->
    <!--style="?android:attr/spinnerItemStyle"-->

ステップ2：item_spinner_dropdown.xmlを宣言します：

<?xml version="1.0" encoding="utf-8"?>
<com.my_package.custom_views.FontTextView xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/tv_spinner"
    style="@style/App_TextViewStyleSmall"
    Android:layout_gravity="start|bottom"
    Android:layout_marginLeft="@dimen/dp_5"
    Android:layout_marginStart="@dimen/dp_5"
    Android:ellipsize="Marquee"
    Android:gravity="start|bottom"
    Android:padding="@dimen/dp_10"
    Android:singleLine="true" />
    <!--declared in layout: item_spinner_dropdown.xml -->
    <!--removed: ?android:attr/dropdownListPreferredItemHeight-->
    <!--style="?android:attr/spinnerDropDownItemStyle"-->

ステップ3：レイアウトでスピナーを使用する：

<LinearLayout
            Android:id="@+id/ll_my_spinner"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_below="@+id/fet_bus_entity"
            Android:layout_marginTop="@dimen/dp_12"
            Android:orientation="horizontal">

            <com.my_package.custom_views.FontTextView
                style="@style/App_TextViewStyleSmall"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_gravity="start|bottom"
                Android:gravity="start|bottom"
                Android:text="@string/are_you_a" />

            <Spinner
                Android:id="@+id/sp_my_spinner"
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_marginLeft="@dimen/dp_5"
                Android:layout_marginStart="@dimen/dp_5"
                Android:layout_gravity="end|bottom"
                Android:spinnerMode="dropdown" />
        </LinearLayout>

[注：FontTextViewのidは、レイアウト、スピナーアイテム、ドロップダウンアイテムの両方で同じです]

ステップ4：アクティビティ/フラグメントで使用する：

private void initSpinnerBusinessType(View rootView) {
        String[] ar_dd_bus_type = getResources().getStringArray(R.array.ar_dd_bus_type);
        List<String> lst_bus_type = Arrays.asList(ar_dd_bus_type);
        ArrayList<String> ar_bus_type = new ArrayList<>(lst_bus_type);
        //==

        ArrayAdapter<String> adapter = new ArrayAdapter<>(activity, R.layout.item_spinner, R.id.tv_spinner, ar_bus_type);
        adapter.setDropDownViewResource(R.layout
                .item_spinner_dropdown);
        //=========
        Spinner sp_my_spinner= rootView.findViewById(R.id.sp_my_spinner);
        sp_my_spinner.setAdapter(adapter);
    }

[詳細なガイダンスについては、他の投稿を参照してください： https://stackoverflow.com/a/51077569/787399 および https://stackoverflow.com/a/22164007/787399 ]

2
Abhinav Saxena

FontTextView、FontEditView、FontRadioButton、FontCheckBox、およびFontButtonの基本的なカスタマイズに従ってください。

[正確な答えについては、このガイドを参照した後、次を参照してください： https://stackoverflow.com/a/51113022/787399 ]

次のように、ArrayAdapterアイテムレイアウトでカスタムFontTextViewを使用します。

public class FontEditText extends AppCompatEditText {

//    private String FONT = "fonts/roboto_regular.ttf";

    public FontEditText(Context context) {
        super(context, null);
//        setFontFromAsset(context, null, R.style.DefaultFontTextView);
//        FONT = getContext().getString(R.string.font_roboto_regular);
    }

    public FontEditText(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        setFontFromAsset(context, attrs, R.attr.fetFontStyle);
    }

    public FontEditText(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setFontFromAsset(context, attrs, defStyleAttr);
    }

    private void setFontFromAsset(Context context, AttributeSet attrs, int defStyle) {
        BaseActivity activity = (BaseActivity)((MyApplication) context.getApplicationContext()).getCurrentActivity();
        FontAndLocaleManager fontAndLocaleManager = activity.getFontAndLocaleManager();
        fontAndLocaleManager.setFontFromAsset(this, R.styleable.FontEditText, R.styleable.FontEditText_fetFontFace, attrs, defStyle);
    }
}

コードを使用します：

public void setFontFromAsset(View view, int[] resViewStyleable, int resStyleableViewFontFace, AttributeSet attrs, int defStyle) {
        String strFont = null;
        Typeface tfFontFace = null;
        String strButton = FontButton.class.getCanonicalName(),
                strTextView = FontTextView.class.getCanonicalName(),
                strEditText = FontEditText.class.getCanonicalName(),
                strView = view.getClass().getCanonicalName();
        try {
            if (view.isInEditMode()) {
                return;
            }
            //R.string.font_roboto_regular
            strFont = context.getString(R.string.font_roboto_regular);
            tfFontFace = Typeface.createFromAsset(context.getAssets(), strFont);

            //AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes
            //R.styleable.FontButton
            TypedArray a = context.obtainStyledAttributes(attrs, resViewStyleable, defStyle, 0);
            //R.styleable.FontButton_btFontFace
            String derivedFont = a.getString(resStyleableViewFontFace);

            a.recycle();

            //==
            try {
                if (derivedFont != null) {
                    Typeface derivedFontFace = Typeface.createFromAsset(context.getAssets(), derivedFont);
                    if (strView.equals(strButton)) {
                        ((FontButton) view).setTypeface(derivedFontFace);
                    } else if (strView.equals(strTextView)) {
                        ((FontTextView) view).setTypeface(derivedFontFace);
                    } else if (strView.equals(strEditText)) {
                        ((FontEditText) view).setTypeface(derivedFontFace);
                    }
                    return;
                }

            } catch (Exception e) {
                e.printStackTrace();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        try {
            if (strFont != null && tfFontFace != null) {
                if (strView.equals(strButton)) {
                    ((FontButton) view).setTypeface(tfFontFace);
                } else if (strView.equals(strTextView)) {
                    ((FontTextView) view).setTypeface(tfFontFace);
                } else if (strView.equals(strEditText)) {
                    ((FontEditText) view).setTypeface(tfFontFace);
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }

    }

各xmlでスタイルと属性を説明します。

<!--FontTextView-->
    <declare-styleable name="FontTextViewStyle">
        <!-- Style of the FontTextView. -->
        <attr name="ftvFontStyle" format="reference"/>

    </declare-styleable>
    <declare-styleable name="FontTextView">
        <!-- Font face of FontTextView. -->
        <attr name="ftvFontFace" format="reference"/>
    </declare-styleable>

そして

<!--FontTextView-->
<style name="StyledFontTextView" parent="@Android:style/Theme.Light">
<item name="ftvFontStyle">@style/DefaultFontTextView</item>
</style>

<style name="DefaultFontTextView">
<item name="ftvFontFace">@string/font_roboto_regular</item>
</style>

さらにいくつかのスタイルを定義します。

<style name="App_TextViewStyle" parent="@Android:style/Widget.TextView">
        <item name="Android:textColor">@color/text_grey</item>
        <item name="Android:textSize">@dimen/sp_20</item>
        <item name="Android:layout_width">match_parent</item>
        <item name="Android:layout_height">wrap_content</item>
    </style>
    <style name="App_TextViewStyleMedium" parent="@Android:style/Widget.TextView">
        <item name="Android:textColor">@color/text_hint</item>
        <item name="Android:textSize">@dimen/sp_18</item>
        <item name="Android:layout_width">match_parent</item>
        <item name="Android:layout_height">wrap_content</item>
    </style>
    <style name="App_TextViewStyleSmall" parent="@Android:style/Widget.TextView">
        <item name="Android:textColor">@color/text_grey_light</item>
        <item name="Android:textSize">@dimen/sp_14</item>
        <item name="Android:layout_width">match_parent</item>
        <item name="Android:layout_height">wrap_content</item>
    </style>

strings.xmlでフォントに言及します。

...
<string name="font_roboto_regular">fonts/roboto_regular.ttf</string>
...

レイアウトで使用すると、コードと時間を節約できます。

<com.mypackage.custom_views.FontTextView
                style="@style/App_TextViewStyleMedium"
                Android:layout_gravity="start|bottom"
                Android:gravity="start|bottom"
                app:fetFontFace="@string/font_roboto_regular"
                Android:text="@string/are_you_a" />

Androidレベル16以上では、TTFおよびその他のフォントリソースを/res/fontフォルダー（アセットではなく）。これにより、ほとんどのカスタムクラス、スタイル、属性が削除されます。以下を参照してください。

Androidのフォントリソース

スタイルでハッピーコーディング!! :-)

1
Abhinav Saxena

みんな素晴らしいソリューションを見つけました。元のアダプターを次のようなヘルパーでラップします

このクラスを使用してください SpinnerViewHelper とAndroidで幸せなプログラミング

new SpinnerViewHelper((Spinner)view.findViewById(R.id.labelSurveyNumber),(parent, v, position, id) -> UrduFontHelper.set(v));

ラムダ式が使用されます。

0
Qamar4P