開発 入門編 その1

2007年12月 4日 (火)

HelloWorld! つづき

 

HelloWorld! でAndroidエミュレーター上で「HelloAndroid!」と表示したのですが、実は、これAndroid本来のプログラミングの仕方ではありませんでした。

 

Googleのドキュメント日本語訳)を読むとちゃんと書いてありました。UIをXMLレイアウトにアップグレードする。の部分に書いてあります。

 まずは、Eclipseを立ち上げて、パッケージエクスプローラーの部分で右クリック→新規→プロジェクトを選びます。

 もう何度もやっているので、いちいち説明する必要も無いかもしれまえんが、素人はわかりきったことでも何度もやって血肉となるレヴェルにまで到達しないといけません。たぶん。
Helloandroid20
 「Android Project」を選択し「次へ」を押します。
Helloandroid21

プロジェクト名「HelloAndroid」
Package name「com.google.android.hello」
Activity name「HelloAndroid」
Application name「Hello,Android」

と入力します。
Helloandroid22
これで「HelloAndroid」プロジェクトができました。様々なフォルダやファイルが作られているのですが、「HelloAndroid」>「res」>「layout」の「main.xml」を開きます。
Helloandroid23
ここで「main.xml」を普通にダブルクリックすると、なんか編集できない状態で開くし、そもそも見慣れないので、「main.xml」で右クリック「アプリケーションから開く」>「テキスト・エディター」を選択します。
Helloandroid24
テキストエディターで開いた「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="Hello World, HelloAndroid"
    />
</LinearLayout>

下のように書き換えます。

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_
width="fill_parent"
  android:layout_
height="fill_parent"
 
android:text="Hello, Android"/>


こんな感じになります。
Helloandroid25
これで、UIをXMLレイアウトにアップグレードする方法で「HelloAndroid」の完成です。
さっそく実行してみます。

「HelloAndroid」で右クリックして、「実行」>「1 Android Application」を選択します。
Helloandroid27 すると…
Helloandroid28 無事、「HelloAndroid!」が立ち上がりました。

何でもHelloWorld! でプログラムした方法は、ハードコーディングしてしまう方法という奴で、
Android画面上の表示をプログラムを書いて実現する方法で、あまりよろしくないらしいです。
どうもAndroidはMVCモデルと言うやつらしいです。

ところで、このやり方はAndroid本来のやり方らしいですが、何で動くのかさっぱりです。w
何が行われているのか考えてみます…。

| | コメント (0) | トラックバック (0)

2007年11月17日 (土)

HelloWorld!

ならぬHelloAndroidを表示してみます。

Googleのサイト にAndroidアプリケーション開発最初の一歩として、紹介されています。

上記サイトを参考にしてAndroid開発準備 プロジェクトの作成で作成したプロジェクトを使ってエミュレーターに「HelloAndroid」を表示してみます。

Helloandroid01_5

まずは作成したプロジェクトの画面左「パッケージ・エクスプローラー」からHelloandroid>src>com.google.android.hello>HelloAndroid.javaを選択します。

Helloandroid012

HelloAndroid.javaを開いたら

    {
        super.onCreate(icicle);
        setContentView(R.layout.main);
    }

と書かれている部分あたりを編集してプログラムするらしーです。とりあえずここ に書かれている通りに

{
        super.onCreate(icicle);
        TextView tv = new TextView(this);
        tv.setText("Hello, Android");
        setContentView(tv);
    }

と書き換えます。
1行目そのまま、2、3行目追記、4行目変更という感じです。
これで「Hello,Android」表示できるか?

Helloandroid02_5

と思いきや、小さな赤いバッテンマークに赤い波線が表示されてソースにバグがあることをEclipseが教えてくれました。そこで、小さな赤いバッテンマークをクリックするとウインドウが開くので「'TextView'をインポートします(android.widget)」をダブルクリックします。

Helloandroid03_2

するとソースの上の方に「import android.widget.TextView」という行が追加されバグの警告が消えます。
つーか、ここにもさりげなく
Note that you should also add import android.widget.TextView; to the import statements in order for this example to compile.
なんて、
「忘れずに「import android.widget.TextView;」書けよ。」
とか書いてた。

Helloandroid04_2

で、やっと作成したプログラムをAndroidエミュレーターで動かしてみます。
画面左側の「パッケージ・エクスプローラー」の「Helloandroid」を右クリックするとウインドウが開くので、実行>1 Android Application をクリック。すると…

Helloandroid05_2

なんかもっさりとAndroidエミュレーターが立ち上がり出して、画面に
「Hello,Android」
が表示されたあああああ

けど、指示通りにやってみただけで何が何やらわからねえw

| | コメント (0) | トラックバック (0)