Custom Font For Spinner In Android

I want to set the custom font for spinner. Here is my pojo class, which is used as spinner item. public class City { private String cityId; private String cityName; public String

Solution 1:

Add this in your style:

<stylename="Spinner"parent="@android:style/Widget.Spinner"><itemname="android:layout_height">wrap_content</item><itemname="android:background">#E80243</item><itemname="android:spinnerItemStyle">@style/SpinnerItem</item></style><stylename="SpinnerItem"parent="@android:style/Widget.TextView.SpinnerItem"><itemname="android:textAppearance">@style/TextAppearance.SpinnerItem</item><itemname="android:textColor">#FFF</item></style><stylename="TextAppearance.SpinnerItem"parent="@android:style/TextAppearance.Widget.TextView.SpinnerItem"><itemname="android:textColor">#FFF</item></style>

Solution 2:

You have to make a custom spinner to change the font of Spinner, see below as example.

publicclassCustomSpinnerAdapterextendsArrayAdapter<String> {
Context ctx;
String[] items;
LayoutInflater mInflater;
intselectedItem= -1;

publicCustomSpinnerAdapter(Context context, int textViewResourceId,
        String[] objects, Integer[] image) {
    super(context, textViewResourceId, objects);
    // TODO Auto-generated constructor stub
    ctx = context;
    items = objects;

    mInflater = (LayoutInflater) context
            .getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
}
....
....
....
....

@Overridepublic View getDropDownView(int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stubreturn getCustomDropDownView(position, convertView, parent);
}

@Overridepublic View getView(int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stubreturn getCustomView(position, convertView, parent);
}

public View getCustomView(int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stubViewrow= mInflater.inflate(R.layout.spinner_row, parent, false);

    TextViewlabel= (TextView) row.findViewById(R.id.tv_Time);
    label.setText(items[position]);
    label.setTypeface(Typeface.createFromAsset(ctx.getAssets(), "font.ttf"));

    return row;
}

public View getCustomDropDownView(finalint position, View convertView,
        ViewGroup parent) {
    // TODO Auto-generated method stubViewrow= mInflater.inflate(R.layout.spinner_row, parent, false);

    TextViewlabel= (TextView) row.findViewById(R.id.tv_Time);

    // if (position != selectedItem)
    label.setTextColor(Color.BLACK);
    // else// label.setTextColor(Color.parseColor("#8cc35e"));

    label.setText(items[position]);
    label.setTypeface(Typeface.createFromAsset(ctx.getAssets(), "font.ttf"));

    return row;
}
}

Solution 3:

Just follow below steps which will help to you. and Custom adapter contains custom fonts for textview. Follow below steps.

1.Create Activity i.e MainActivity.java contains

package com.example.test;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

publicclassMainActivityextendsActivity {

    @OverrideprotectedvoidonCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ListViewlistView= (ListView) findViewById(R.id.listview);

        List<City> cities = newArrayList<City>();

        for (inti=1; i <= 10; i++) {
            cities.add(newCity(""+i, "City Name "+i));
        }

        CityAdapteradapter=newCityAdapter(getBaseContext(), cities);
        listView.setAdapter(adapter);
    }
}

2.layout file activity_main.xml with

<RelativeLayout 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="${relativePackage}.${activityClass}" >

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

</RelativeLayout>

3.Now Create Class For City i.e City.java

package com.example.test;

publicclassCity {

    privateString cityId;
    privateString cityName;

    /**
     * @paramcityId
     * @paramcityName
     */publicCity(String cityId, String cityName) {
        super();
        this.cityId = cityId;
        this.cityName = cityName;
    }
    publicStringgetCityId() {
        return cityId;
    }
    publicvoidsetCityId(String cityId) {
        this.cityId = cityId;
    }
    publicStringgetCityName() {
        return cityName;
    }
    publicvoidsetCityName(String cityName) {
        this.cityName = cityName;
    }
    @OverridepublicStringtoString() {
        return cityName;
    }
}

4.Need to create adapter for city and which contains custom fonts CityAdapter.java

package com.example.test;

import java.util.List;

import android.content.Context;
import android.graphics.Typeface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;


publicclassCityAdapterextendsArrayAdapter<City> {

    private Context mContext;
    private List<City> cities;

    publicCityAdapter(Context context,
            List<City> list) {
        super(context, R.layout.city_adapter, list);
        this.mContext = context;
        this.cities = list;
    }

    staticclassViewHolder {
        private TextView textView;
    }

    @Overridepublic View getView(int position, View convertView, ViewGroup parent) {
        // TODO getview
        ViewHolder viewHolder;

        if (convertView == null) {
            LayoutInflaterinflater= (LayoutInflater) mContext
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.city_adapter, parent, false);

            viewHolder = newViewHolder();
            viewHolder.textView = (TextView) convertView.findViewById(R.id.textview);
            viewHolder.textView.setTypeface(Typeface.createFromAsset(getContext().getAssets(), "fonts/roboto_bold.ttf"));

            convertView.setTag(viewHolder);

        }else{
            viewHolder = (ViewHolder) convertView.getTag();
        }

        Citycity= cities.get(position);
        if (city != null) {
            viewHolder.textView.setText(city.getCityName());
        }
        return convertView;
    }   
}

5.with lyout for adapter city_adapter.xml below

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="10dip" ><TextViewandroid:id="@+id/textview"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_margin="10dip" /></RelativeLayout>

You have to place your font in assets/fonts/xyz.ttf for my case font is roboto_bold.ttf which is at assets/fonts/roboto_bold.ttf and working fine. Just add your city object in list.