Edittext Fonts Are Not Displaying

Question

I'm going through a weird problem.

I have created CustomEdittext class for setting Typeface for whole application and it works successfully in nearly all cases.

I am using circo.ttf

The problem is that when I set android:inputType="textPassword", text stops displaying after typing, maybe because the font doesn't have a password symbol or maybe there is some other problem.

Below is an example of my issue :

CustomEdittext.java

public class CustomEdittext extends EditText {

    public CustomEdittext(Context context) {
        super(context);
        changeFonts(context);

    }
    public CustomEdittext(Context context, AttributeSet attrs) {
        super(context, attrs);
        changeFonts(context);
    }

    public CustomEdittext(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        changeFonts(context);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
    }

    private void changeFonts(Context context) {
        // TODO Auto-generated method stub
        Typeface tface = Typeface.createFromAsset(context.getAssets(),"fonts/circo.ttf");
        this.setTypeface(tface);
        this.setTextColor(Color.parseColor("#921c50"));
        Log.i("Input Type", "Type : "+this.getInputType());
    }
}

login_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    android:orientation="vertical" 
    android:gravity="center_vertical">

    <com.equest.cwely.customviews.CustomTextview
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="LOGIN"
        android:textColor="@color/border_pink"
        android:textStyle="bold"
        android:gravity="center"
        android:padding="10dp"
        android:layout_marginTop="20dp"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <com.equest.cwely.customviews.CustomEdittext
        android:id="@+id/edt_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Username"
        android:singleLine="true"
        android:background="@drawable/edittext_bg"
        android:layout_marginTop="10dp"
        android:ems="10" >

        <requestFocus />
    </com.equest.cwely.customviews.CustomEdittext>

    // this is password field
    <com.equest.cwely.customviews.CustomEdittext
        android:id="@+id/edt_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Password"
        android:background="@drawable/edittext_bg"
        android:singleLine="true"
        android:layout_marginTop="10dp"
        android:inputType="textPassword" />

    <LinearLayout 
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_marginTop="10dp"
        android:padding="10dp"
        android:orientation="vertical">

    <Button
        android:id="@+id/btn_login"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textColor="@color/border_pink"
        android:layout_margin="5dp"
        android:background="@drawable/button_bg"
        android:text="Login" />

    <Button
        android:id="@+id/btn_signup"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_margin="5dp"
        android:textColor="@color/border_pink"
        android:background="@drawable/button_bg"
        android:text="Sign Up" />    
    </LinearLayout>

</LinearLayout>

LoginActivity.java

public class LoginActivity extends Activity {

    Button btn_login,btn_signup;
    EditText edt_username,edt_password;
    String result = "";
    String username = "",password = "";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login_main);

        edt_username = (EditText)findViewById(R.id.edt_username);
        edt_password = (EditText)findViewById(R.id.edt_password);
        edt_password.setTransformationMethod(new PasswordTransformationMethod());
        btn_login = (Button)findViewById(R.id.btn_login);

        btn_login.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {

                username = edt_username.getText().toString();
                password = edt_password.getText().toString();
                //new doLogin().execute();
            }
        });

        btn_signup = (Button)findViewById(R.id.btn_signup);
        btn_signup.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Intent intent = new Intent(getApplicationContext(), RegisterActivity.class);
                startActivity(intent);
            }
        });

    }

}

Answer 1

It seems that the font that you have included does not contain a character for the symbol used by default for password transformation. You have two options:

1. Use a different font

2. Change the mask character to something that the font does contain.

Because I speculate you're not a quitter, here's some code that will change the mask character from a dot ( • ) to an asterisk ( * ).

First you must make your own PasswordTransformationMethod to override the default:

public class AsteriskPasswordTransformationMethod extends PasswordTransformationMethod {
    @Override
    public CharSequence getTransformation(CharSequence source, View view) {
        return new PasswordCharSequence(source);
    }

    private class PasswordCharSequence implements CharSequence {
        private CharSequence mSource;
        public PasswordCharSequence(CharSequence source) {
            mSource = source; // Store char sequence
        }
        public char charAt(int index) {
            // This is where we make it an asterisk.  If you wish to use 
            // something else then change what this returns
            return '*'; 
        }
        public int length() {
            return mSource.length(); // Return default
        }
        public CharSequence subSequence(int start, int end) {
            return mSource.subSequence(start, end); // Return default
        }
    }
};

Finally you set your new transformation method to the EditText you wish to mask.

edt_password = (EditText)findViewById(R.id.edt_password);
edt_password.setTransformationMethod(new AsteriskPasswordTransformationMethod());

I used information from this question.