みっちゃんラボ

2015年01月30日

AndroidのViewで独自フォントを使用する

TextViewに表示する文字に、独自のフォントを適用させてみます。

環境: Android Developers Minimum SDK: API 15: Android 4.0.3(IceCreamSandwich)

まず、使用するフォントを用意する。今回は、Google Fontsからダウンロードしてきた「ReenieBeanie.ttf」を使用します。

次に、Androidプロジェクトのフォルダ内に、上記のフォントファイルを設置します。

プロジェクト名/app/src/main/以下にassetsフォルダを新たに作成し、その中にフォントファイルを設置します。

フォントファイルの設置

次に、レイアウトファイル内に、独自フォントを適用したいTextViewを追加する。

ここでは、res/layout/activity_main.xmlに追加します。

<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=".MainActivity">

    <!-- 以下を追加する -->
    <TextView
        android:id="@+id/custom_font_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world"
        android:textSize="48sp"
        />

</RelativeLayout>

そして、フォントを適用させるプログラムを書きます。

今回は、MainActivity.javaです。

public class MainActivity extends ActionBarActivity {

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

        /* 以下を追加する */
        TextView txt = (TextView) findViewById(R.id.custom_font_text);
        Typeface font = Typeface.createFromAsset(getAssets(), "ReenieBeanie.ttf");
        txt.setTypeface(font);
    }
}

これを実行すると、以下のようになります。

実行結果

これで以上です。

  


参考サイト:

  1. Quick Tip: Customize Android Fonts - Tuts+ Code Tutorial (code.tutsplus.com)

  

Posted by みっちゃん  Updated at 30 Jan 2015  Category android  Tags font custom 

アプリ作りました

ハイフンアウトライナー ハイフンアウトライナー
アイデアをまとめておくためのアウトライン・プロセッサです。Android向けです。無料版はこちら。ウェブページはこちら
ウェブクリッパー ウェブクリッパー
表示されているウェブサイトのスクリーンショットを撮るためのAndroidアプリです。有料版はこちら。ウェブページはこちら
パットメモ パットメモ
とてもシンプルなリスト型のメモ帳アプリです。ちょっとしたメモにお使い下さい。ウェブページはこちら
フェイスチェッカー フェイスチェッカー
お化粧が崩れていないか、鼻毛が飛び出ていないかなどをチェックできるAndroidアプリです。ウェブページはこちら
テキストショット テキストショット
テキストをまるまる画像化するアプリです。画面からはみ出るくらい長い文章にも対応しています。無料。
ストロベリーパッド ストロベリーパッド
書きたくなるノート。考えるための道具として、必要最小限の機能のみを実装しました。無料版はこちら
5分間タイマー 5分間タイマー
5分ごとに振動と音が鳴るインターバルタイマーです。
ねこ紙 ねこ紙
キャンバスに線を描くと猫の鳴き声がするお絵描きアプリです。
半透明キャンバス 半透明キャンバス
好きな写真の上に半透明のキャンバスをかぶせて、なぞるように絵を描くことができます。
並び替えノート 並び替えノート
並び替えができるシンプルなリスト型ノートです。頭の中を整理整頓できます。有料版はこちら
comments powered by Disqus