Android UIプログラミングメモ(2) - ボタンを１コ置く

Android

Eclipseのレイアウトエディタを使ったAndroid UIプログラミング
ボタンを１コ置く。(`･ω･´)
とりあえず置いてみる

ざっくり概要

＠この記事内でやってみること

  1. 　１）画像ボタン作る

  2. 　２）クリックイベントを処理する

  3. 　３）動かしてみる

これだけ！
※本記事は「スプラッシュ表示とタイトルバーの非表示」の続きです。

そちらの記事ではスプラッシュ表示とタイトルバーの非表示といった基本的な変更も行っているので把握したい場合はそちらも参考にしてください。

内容が一部重複しているのは「大事なことなので2回言った」と思ってスルーして下さい(笑)


開発環境（参考までに）
OSWindows7 Ultimate 64bit(Android開発中はBootCamp)
マシンiMac 2010 Mid Core i5 760@2.80GHz Mem=12GB(Win6GB,Mac6GB)
HDD1TB(Win545GB,Mac299GB) SSDが欲しいです!
Android SDKAndroid 4.2.2(API17) / Android SDK Tools 21.1
Android シミュレータAndroid 2.3.3(API10) ARM / Android 4.2.2(API17) Intel Atom x86 Use Host GPU
Android 私物Xperia arc (S0-01C)内蔵メモリが少なすぎるダメっコ
EclipseEclipse Java EE IDE Version 4.2 Juno Release (Pleiades All in One)
JavaJ2SE 1.6.0_25 64bit
WEBサーバーApache 2.2.21 32bit
PHPPHP 5.3.8 32bit
DBサーバーMySQL 5.5.17 64bit インストーラ版
DB管理ツールphpMyAdmin 3.4.8 コメント改造済み
PHP開発プラグインPHPEclipse 1.2.3 ＆ xDebug
ガンダム初代,Z,ZZ,0083,08小隊,逆襲,F91,V,W,X,∀,SEED,DESTINY,00


以下、くわしく



１）画像ボタン作る
  1. レイアウトエディタの左ペインにあるForm Widgetsから選ぶとテキスト付きのボタンができた。

  2. けど、なんかstringリソース作れとかウルサイので、Images & Media内のImageButtonを使うことにした。

  3. 画像はテキトーにラクガキしたものを張っつける。
    4. ※iOSと違ってButtonに画像が張っつけられるわけではなく、ImageButtonという別ものを使うようです。


２）クリックイベントを処理する
  1. 処理させたいボタンを選ぶ
  2. レイアウトエディタ右ペイン「Properties」から On Clickを探して、メソッド名「doAction」を書く。
    3. ※メソッド名はテキトーです。任意なのでテキトーで良いんです(ｷﾘｯ)

  3. MainActivity.javaにメソッド追加(この.javaは前記事で作っている)
    4. ↓こんなの。

        public void doAction (View view1) {
        System.out.println("doHaction!");
    }

    とりあえず動けばいい。



  4. android.view.Viewが見つからないとか怒られたらimportを書く

    5. import android.view.View;

    やすはるラボではeclipseのコンパイルエラー修正時にエディタまかせでimportしてます。(ものぐさ)


３）動かしてみる
  1. 普通にエミュレータで実行してみて、コンソールに"doHaction!"とSystem.outされればＯＫ。

    2. あとでマジメにプログラム書きたいときはdoAction内にごちゃごちゃ書けばＯＫ！(`･ω･´)

    ・・・のはず(´･ω･`)

参考書籍
  • EclipseではじめるAndroidプログラミング入門―SDK2.3/4.2対応EclipseではじめるAndroidプログラミング入門―SDK2.3/4.2対応
    掌田 津耶乃

    秀和システム
    売り上げランキング : 176104

    Amazonで詳しく見る

    やすはるラボ(`･ω･´)も参考にしています！
    本屋さんで、レイアウトエディタを使用したAndroidのUIプログラミングについて詳しく
    書いてある書籍を２〜３時間探した結果、最も良いと思った書籍です。
    iOSのInterface Builderと比べるとレイアウトエディタは歴史が浅く、洗練度もGoogleの本気度も
    まだまだなのでできる限り最新のものを探しましたが、この書籍が最も新しく、
    かつ初心者向けにやさしく書かれておりました。オススメです！(`･ω･´)

つづきを読みたい！と思う方はコチラをぽちっと↓

ブログランキング・にほんブログ村へ
にほんブログ村
　

人気ブログランキング
押して頂けると嫁(*・ω・)のブログモチベーションも上がります(*´Д｀*)
参考記事
関連記事