在Android Studio中为科学计算器应用程序使用自定义字体

Question

 <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" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity" android:labelFor="@android:color/holo_blue_light" android:clickable="true"> <com.example.girikarnal.trial.CalculatorButtonTextView android:id="@+id/acbutton" android:text="@string/AC" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button style="?android:attr/buttonStyleSmall" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/calc" android:id="@+id/button2" android:layout_above="@+id/button3" android:layout_alignParentStart="true" android:layout_marginBottom="73dp" /> <com.example.girikarnal.trial.CalculatorButtonButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button3" android:text="@string/xsquare" android:layout_centerVertical="true" android:layout_alignParentStart="true" android:background="#ffbfa2ff" android:clickable="true" android:labelFor="@android:color/black" /> <com.example.girikarnal.trial.CalculatorButtonButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button4" android:text="@string/hyp" android:layout_alignParentTop="true" android:layout_alignParentEnd="true" android:layout_marginEnd="84dp" /> </RelativeLayout> 

 public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { CalculatorButtonTextView jtv; Button jb; super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); jtv=(CalculatorButtonTextView)findViewById(R.id.acbutton); jb=(Button)findViewById(R.id.button2); Typeface tf; tf=Typeface.createFromAsset(getAssets(),"fonts/casiofont.ttf"); jb.setTypeface(tf); } 

 public class CalculatorButtonTextView extends TextView { // Constructors public CalculatorButtonTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } public CalculatorButtonTextView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public CalculatorButtonTextView(Context context) { super(context); init(); } // This class requires casiofont.ttf to be in the assets/fonts folder private void init() { Typeface tf = Typeface.createFromAsset(getContext().getAssets(), "fonts/casiofont.ttf"); setTypeface(tf); } 

 public class CalculatorButtonButton extends Button { public CalculatorButtonButton(Context context) { super(context); init(); } public CalculatorButtonButton(Context context, AttributeSet attrs) { super(context, attrs); init(); } public CalculatorButtonButton(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } @TargetApi(Build.VERSION_CODES.LOLLIPOP) public CalculatorButtonButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); init(); } private void init() { Typeface tf = Typeface.createFromAsset(getContext().getAssets(), "fonts/casiofont.ttf"); setTypeface(tf); } } 

 <resources> <string name="app_name">fx-991ES</string> <string name="action_settings">Settings</string> <string name="AC">C</string> <string name="calc">r</string> <string name="xsquare">d</string> <string name="hyp">c</string> </resources> 

I am building a scientific calculator in Android Studio and i want to use fonts from a ttf file i got from a casio website, I placed them in the assets/fonts folder as suggested in some in other pages but when i run the app i get the error "native type face cant be made".Also other doubt is there was a file called keyboard supplied with the font file i downloaded ,is this the map key like "c=ac". I am a newbie please help me. I have added the link to download the ttf file. " http://edu.casio.com/education/fontset/ " Download the font for fx-ES plus series

Answer 1

For each Button or TextView (I like to make my buttons using textviews because they are more flexible) you need to set your Typeface.

Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
            "fonts/ES03.TTF");
myButton.setTypeface(tf);

Since you have a lot of buttons it might just be easier to make a custom button class that extends TextView:

public class CalculatorButtonTextView extends TextView {

    // Constructors
    public CalculatorButtonTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }
    public CalculatorButtonTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    public CalculatorButtonTextView(Context context) {
        super(context);
        init();
    }

    // This class requires ES03.TTF to be in the assets/fonts folder
    private void init() {
        Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
                "fonts/ES03.TTF");
        setTypeface(tf);
    }

}

And then in your xml file to do something like this for each button/textview:

<RelativeLayout
    android:id="@+id/key_41"
    style="@style/AppTheme.KeyLayoutStyle"
    android:layout_weight="1" >

    <com.mycalculatorapp.CalculatorButtonTextView
            android:id="@+id/tvKey41"
            style="@style/AppTheme.KeyTextStyle"
            android:text="@string/key_41" />
</RelativeLayout>

I'm cutting and pasting from another project to save time so the actual styling isn't shown here. Explore that project more to see how I applied the styles and strings if that is a question.

Finally, using FontForge to view the font you can see that the normal letters and numbers are overwritten with the calculator symbols.

Finally you'll do something like

myButton.setText("C");

to get the AC button glyph. (Or better yet do it in your xml files.)

This is the method I used to display special symbols/glyphs that weren't supported by the system fonts.

Update

Since it still wasn't working for you I decided to try it out myself.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_calculator);

    Button jb=(Button)findViewById(R.id.button1);

    Typeface tf;
    tf=Typeface.createFromAsset(getAssets(),"fonts/casio.ttf");
    jb.setTypeface(tf);

    //jb.setText("Cc"); 
}

Xml:

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Cc"
    android:id="@+id/button1"
    android:textSize="30dp" />

This worked for me both by setting the text in xml and in code. I could see both the AC and the hyp glyphs. So I think you must have a different problem if you are only getting the capital versions. Try restarting with a fresh project.

By the way, you may want to beware of memory leaks if you are instantiating a TypeFace in a custom Button or TextView and create a separate class for the TypeFace as is talked about here . If you don't make a custom class you can just apply the same typeface to all your buttons in onCreate.