← ねこパンチする！

　1.4.4.Hello Worldの作成-その２

 　記事作成：2013/8/12

　　Hello Worldの作成にてこずった前回から試行錯誤を重ねてなんとか壁をぶち破りました！

　できたときはうれしかったです！初心者だってやれるんだ！

　　まず順番を整理して、HelloWorldを作成したところから説明いたします。

　パッケージエクスプローラータブの中から、

　HelloWorld2　→　src　→　in.android.helloworld2　→　HelloWorld2.java　

　と選択して右クリック。　開くを選択します。

　このとき画像の赤い矢印に注目してください。　＋の丸印がありますね。その右のコードには「　@Override　」と書かれています。その下には−の丸印もあります。

　これは１グループを表す点であり、「　@Override　」と書かれたその内部がそのグループとなります。

　＋マークならグループが１列に格納されひとまとめにされた状態、−マークならグループが広げられた状態です。

　試しに赤い矢印の部分の＋マークをダブルクリックしてみましょう。　格納されたコードが広げられるはずです。

　　上部分の赤い四角部分が格納されていた部分になります。　＋マークも−マークへと変わりました。

　次に下の赤い丸印に注目してください。　その＋のグループである隣の赤い四角部分は今回使用しません。

　紛らわしいので格納してしまいましょう！　−マークをダブルクリックで格納できます！

　　すっきり格納できました。　迷ったり紛らわしくないようにするのに良いですね。　ちなみに格納した部分は背景とかのデザインを設定しているコードでした。

　前回の説明にもあったように、赤い下線が引いてある青く反転している部分「　setContentView(R.layout.main);　」を削除します。

　　次にコードを挿入します。　前回迷っていた部分です。

　「　TextView _helloWorldWord = new TextView(this);

　　_helloWorldWord.setText("Hello, world2");　　　　　　」

　上記のコードを先ほど消した「　setContentView(R.layout.main);　」があった場所に挿入してください。　このサイトからコピーして貼り付けても構いません。

　※そもそもこの行為は、このグループ内に「Ｔｅｘｔ〜」を付加するためであり、このグループ、すなわち「　@Override　」の中に挿入しなければなりません。

　　ここは手当たり次第に張り付けてみて判明しました・・・。　大変でした。

　張り付けてみると前回と同じ赤い×マークが出現します。　次はこれを消します。

　簡単にイメージを説明すると、　今張り付けたのは「こんな文字を表示します」という命令です。

　赤い×マークは「こんなってどんな文字？読み取れないんだけど」　と言われているっぽいです・・・。

　　これも前回迷って出来なかった部分です。

　まず「　ＴｅｘｔＶｉｅｗ　」の文字にカーソルを置いてみましょう。

　※カーソルとはマウスの矢印で一回ぽちっと押してみると点滅する黒い棒がでます。　文字を打つときなんかに出るアレです。

　カーソルが置かれたテキストに色がついて、それと同時にいくつかの文字に色が付きます。

　これはそのテキストに対してなにかしらの関連を持っているテキストです。　例えるならばホウキを指さすと、チリトリと掃除する人と掃除する場所が色つきで光るようなそんなイメージ。

　背景が青く光った「　ＴｅｘｔＶｉｅｗ　」が２つと、わかりにくいですが緑色の太字に変わった「　_helloworldwrod　」があります。

　今回はこの背景が青く光った２つの「　ＴｅｘｔＶｉｅｗ　」のうち、右側の「　ＴｅｘｔＶｉｅｗ　」の「　ｗ　」の右側にカーソルを置きましょう。

　画像で言うと赤い矢印の先になります。

　カーソルが点滅してテキストの色が変わったら、キーボードの「　コントロールキー（Ｃｔｒｌ）とスペースキー（space）　」を同時に押しましょう。

　※これはショートカットキーと呼ばれ、コントロールキーと様々な組み合わせを持っていてそれぞれが多様な機能へとショートカットできる便利機能です。

　eclipseに限らず、ブラウザでもエクセルでもワードでも使えます。　コントロールキー＋Cでコピーできたり、〃＋Vで貼り付け、〃＋Xは切り取り、〃＋Zは１回前の画面に戻る、です。

　コントロールキー＋Zはとても便利で、前の画面に戻る、と表現しましたが、１操作手前に戻ることができます。　知らなかった人は覚えておきましょう！　基本です！

　　このようなポップアップ画面が表示されます。

　この中の「　TextView（Context context） -　android.widget.TextView　」をダブルクリックします。

　すると・・・。

　　こうなりました！　上の赤い下線部分、青く背景が光っている部分が新しく追加されています。

　「こんな文字を表示します」という命令に対し、「こんな、とはあれだ」　と指定してやるコードを追加してあげた、ということです・・・たぶん。

　これによって赤い×マークも消えました！　なんともうれしいですね！

　　次に先ほどのグループの最後に「　setContentView(helloworldword);　」を追加します。

　グループの終わりは「　｝　」で区切られているのでそれよりも内側に入れましょう。　文章を打つ時みたいにエンターキーで改行しても問題ありませんが、Textを崩さないように気を付けましょう。

　　これでほぼ終わりなのですが、かなり悩んでくやしいので文字を入れてみましょう。

　画像の赤い下線部分、「　_helloworldword.setText("○○○○")　」の○の部分に好きな文字を入れてみましょう！

　画像で言うとここい好きな文字を〜と記した部分です。　改行したい場合はエンターキーで改行できます。

　編集が終わったら画像上部赤い丸の部分、「　実行　」を選択してみましょう！

　　ありゃりゃ、保管するのを忘れていました。　文章中で右クリックを押したメニュー内部に”保管”があります。

　とりあえず今回は「　はい　」を選択して実行！

　　できましたあああああああああああ！

　1.4.3.HelloWorldの作成　←　1.4.4.Hello World の作成-その２　→　1.5.アイコン用画像の作成

　← Androidアプリを作る！

　← ねこパンチする！