Hello World を改造する (1/2)

~ android開発に親しむ(TextView偏) ~

前へ   1  2  次へ
「Hello World」と表示するだけのandroidアプリをちょっとだけ改造してみます。androidアプリには、画面表示するためのいろいろなビューがあります。今回はその1つTextViewの勉強です。文字を変えたり、大きくしたり、色を変えたりしてみます。

1.文字を変える

「Hello World」という文字は、「res」の「values」の「strings.xml」にあります。こいつを変えれば文字が変わるはずです。

strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">こんにちわ!</string>
    <string name="app_name">サンプル01</string>
</resources>
こんにちわ!

よし!確かに変わりました。この文字は、main.xmlでTextViewにセットされることで表示されています。つまり、こんな回りくどいことをしなくても、TextViewに直接書けばいいわけです。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="Android最高!"
    />
</LinearLayout>
Android最高!

よし!これでも文字が変わりました。こうすると、strings.xmlの中の文字は不要になりました。

2.文字のサイズを変える

文字が小さすぎるので、もっと大きくしてみます。これもTextViewを設定することでできます。次のコードのように1行付け足します。

main.xml

    ~ 省略 ~
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="Android最高!"
    android:textSize="64px"
    />
</LinearLayout>
大きいAndroid最高!

よし!見やすくなりました。ちなみに、例ではサイズをpx単位で指定しましたが、sp単位なども使えます。

3.文字の色を変える

文字の色を変えてみます。これもTextViewに1行付け足すだけです。

main.xml

    ~ 省略 ~
    android:text="Android最高!"
    android:textSize="64px"
    android:textColor="#990099ff"
    />
</LinearLayout>
青緑のAndroid最高!

よし!色が変わりました。"#990099ff"は、2桁の16進数が4つで、前から、不透明度、赤色、緑色、青色です。例では、青緑のちょっと透明になっています。

4.文字の位置を変える

文字が左によっているので、真ん中に表示してみます。これもTextViewに1行を足すだけです。

main.xml

    ~ 省略 ~
    android:text="Android最高!"
    android:textSize="64px"
    android:textColor="#990099ff"
    android:gravity="center_horizontal"
    />
</LinearLayout>
真ん中にAndroid最高!

よし!真ん中に表示されました。center_horizontal以外にも、top, bottom, left, rght, center, center_vertical, fullなどがあります。

5.TextViewを増やす

画面にTextViewを1つしか置いてはいけないというルールはありません。いっぱい並べることができます。試しに、同じものを2つ並べて見ます。色だけ、2つ目は黄色にして見ます。

main.xml

    ~ 省略 ~
<TextView  
    ~ 省略 ~
    />
<TextView  
    ~ 省略 ~
    />
</LinearLayout>
ダブルAndroid最高!

よし!2つ表示されました。TextViewは、だいたいこんな感じです。

6.結論

今回出てきた命令を並べておきます。

文字を表示するandroid:text="文字"
文字のサイズを変えるandroid:textSize="64px"
文字の色を変えるandroid:textColor="#990099ff"
文字の位置を変えるandroid:gravity="center_horizontal"

「Hello World を改造する」のはずが、もう全然「Hello World」でなくなったような気もしますが、次は画像を表示してみます。

前へ   1  2  次へ