Ibrahim Fawaz
Ibrahim Fawaz

Reputation: 99

Custom Font in ListView

So I am trying to set a custom font (hello.ttf) which is already in the assets folder to a ListView. Below is my java and xml file.

faListFragment.java

public class faListFragment extends Fragment {


    public faListFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_fa_list, container, false);

        String[] faList = { "One",
                            "Two",
                            };

        ListView listView = (ListView) view.findViewById(R.id.listFa);


        ArrayAdapter<String> listviewAdapter = new ArrayAdapter<String>(
              getActivity(),
              android.R.layout.simple_list_item_1,
              faList
       );




        listView.setAdapter(listviewAdapter);

        // Inflate the layout for this fragment
        return view;
    }

}

and this is my fragment_fa_list.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.me.hello.faListFragment">

    <!-- TODO: Update blank fragment layout -->

    <ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/listFa" />
</FrameLayout>

I have tried several ways of adding the font, but cant quite seem to grasp how to go about it.

Upvotes: 2

Views: 123

Answers (1)

Mavya Soni
Mavya Soni

Reputation: 972

You have to create one layout xml in layout folder. In that layout xml you have to user custom textview with custom font.

For CustomTextView Link : Using custom font in android TextView using xml

ArrayAdapter<String> listviewAdapter = new ArrayAdapter<String>(
              getActivity(),
              R.layout.row_item, R.id.text ,
              faList
       );
 listView.setAdapter(listviewAdapter);

Edit : My CustomTextView Class

public class MyTextView extends TextView {

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

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

    public MyTextView(Context context) {
        super(context);
        init();
    }

    private void init() {
        if (!isInEditMode()) {
            Typeface tf = Typeface.createFromAsset(getContext().getAssets(), "fonts/Roboto-Regular.ttf");
            setTypeface(tf);
        }
    }

}

row_item.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="15dp"
    android:background="#00000000"
    android:orientation="vertical">




    <pakagename.MyTextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/title"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="5dp"

        android:text="CEO"
        android:textColor="#000"
        android:textSize="16dp" />


</RelativeLayout>

Upvotes: 2

Related Questions