Android ボタン作成の実装解説動画4パターン

Android 2.3.1で「ボタンが2つあるアプリ」を例に、4つの実装パターンを動画にしてみました。Eclipseの使い方も順番に説明しているので、最初からみた方が理解しやすいかもしれません。今回は、XMLを利用する方法のみ解説しています。javaだけで書くこともできます。


ボタンが2つあるアプリを作る準備の巻　[Android プログラミング]（5:29）

  1. Android APIの設定
  2. Android プロジェクトを作る
  3. Eclipseのワークベンチ
  4. Javaパースペクティブ　Java　DDMS　デバッグ

パースペクティブボタンの上で[右クリック]-「別名保管」を選ぶと好きなレイアウトを保存しておける説明も追加した方が親切ですね。



ボタンが2つあるアプリその１ [Android プログラミング]（16:18）

  1. final
  2. 匿名インナークラスのカッコの対応
  3. 匿名なので、名前を考える必要なし
匿名インナークラスを利用すると、ボタンごとにonClick()を書くので条件分岐する必要がないです。ただ、今回は関係ないのですが、後々階層が深くなるためActivityを取得するとき、単純にthisとかではダメになります。Button01Activity.this （ 親クラス.this ）などと親子関係を考慮する場面にでくわします。


package net.kaneta.button01;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class Button01Activity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Button button1 = (Button) findViewById(R.id.button1);
        Button button2 = (Button) findViewById(R.id.button2);
        final TextView textview = (TextView) findViewById(R.id.textView1);

        button1.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                textview.setText("何か書く");
            }
        });

        button2.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                textview.setText("");
            }
        });

    }
}
   



ボタンが2つあるアプリその２ [Android プログラミング]（17:21）

  1. implements OnClickListener
  2. フィールド　private TextView textview
  3. getId()
  4. Eclipse 画面分割
onClick() で条件分岐させる必要があります。

package net.kaneta.button02;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class Button02Activity extends Activity implements OnClickListener{
    private TextView textview;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        Button b1 = (Button) findViewById(R.id.button1);
        Button b2 = (Button)findViewById(R.id.button2);
        textview = (TextView) findViewById(R.id.textView1);
        
        b1.setOnClickListener(this);
        b2.setOnClickListener(this);    
    }

    public void onClick(View v) {
        switch (v.getId()){
        case R.id.button1:
            textview.setText("何か書く");
            break;
        case R.id.button2:
            textview.setText("");
            break;
        }
        
    }
}





ボタンが2つあるアプリその３ [Android プログラミング]（17:06）

  1. 定数　private static final
  2. switch文の分岐とint
  3. setTag() と getTag()
タグで条件分岐するので工夫の余地があります。switch文で定数がラベルの役目を果たし読みやすいです。XMLでタグを指定することもできます。

package net.kaneta.button03;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class Button03Activity extends Activity implements OnClickListener{
    private static final int SET = 0;
    private static final int CLEAR = 1;
    private TextView textview;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        Button b1 = (Button) findViewById(R.id.button1);
        Button b2 = (Button) findViewById(R.id.button2);
        textview = (TextView) findViewById(R.id.textView1);
        
        b1.setOnClickListener(this);
        b2.setOnClickListener(this);
        
        b1.setTag(SET);
        b2.setTag(CLEAR);        
    }

    @Override
    public void onClick(View v) {
        switch((Integer)v.getTag()){
//      switch(Integer.parseInt(v.getTag().toString())){
        case SET:
            textview.setText("正解！");
            break;
        case CLEAR:
            textview.setText("残念、、、");
            break;
        }
        
    }
}




ボタンが2つあるアプリその４ [Android プログラミング]（11:17）

  1. xml に書いた Android:onClick() で呼ぶメソッドを指定
  2. わかりやすいメソッド名の必要性
XMLで完結する感じです。ラクですね。

package net.kaneta.button04;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class Button04Activity extends Activity {
    private TextView textview;

 /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        textview = (TextView) findViewById(R.id.textView1);
    }
    
    public void onClickSet(View v){
        textview.setText("何か書く");
    }
    
    public void onClickClear(View v){
        textview.setText("");
    }
}




利用したソフトの紹介など

私は、2011年7月くらいにAndroidのプログラムを始めました。9月に写真集アプリをマーケットに登録し、12月現在第2段を作成中です。その間に、多くの書籍や動画のお世話になりました。

特に、動画はわかりやすく勉強になりました。書籍ですと公正された正しい手順が示されますが、動画ですと解説者のミスも含めて勉強になります。（ここ重要です）

私は以前修正の容易さから、ViewletBuilderを使って動画教材を作っていました。ViewletBuilderは、見た目は完璧なものができるのですが、いざ習得してもらおうと思うとなかなか難しかったです。納品しても実際はあまり再生・利用されないことが良くありました。（きれいな動画マニュアルを作るにはおすすめです）

そのままパソコン画面を録画するCamtasia StudioやBB FlashBackなどは失敗の修正が大変というか取り直しになりますが、良くも悪くも参考になると感じでいます。記憶に残り易い感じです。

それにしても気軽にスクリーンキャスト動画をYouTubeなどへ登録できるようになりましたね。環境はそろって、あとはコンテンツだけ、、、ちなみに、今回の動画は長すぎます。内容を絞って7分くらいにしたいところです。

なお、この投稿の内容は後日、よちよちAndroidラーニングサイトhttp://yochiand.corcocu.net/ にまとめる予定です。

最後に、いつも利用させていただいているスクリーンキャスト撮影の決定版ソフトを紹介しておきましょう。以前にも書きましたが、ディスプレイドライバとして動画をキャプチャするらしく軽い動作が素晴らしいです。

BB FlashBack
http://www.bbflashback.jp/
BB FlashBack 3日本語版がでました！


このブログの人気の投稿

mp3ファイルをcat で結合する方法

イメージ
ここ数年、平日 22:45 - 23:00 にNHKFMで放送しているラジオドラマをタイマー録音しています。「青春アドベンチャー」ですね。同じく「FMシアター」は50分ものなのでウォークマンで聴くのにファイルごとに選べて良いのですが、「青春アドベンチャー」は15分のファイルが10個で一つの物語なので、ファイル管理上不便です。 そこで、音声ファイルを結合してくれるWindowsのフリーウェアを使っていたのですが、ファイルの並び順をGUI で指定する必要があり面倒でした。結果、録音がたまる一方です。 最近はMac を使っているため、何か良いソフトがないかと物色していたのですが、AppStore でmp3結合できるソフトが500円くらいで売っていました。しかし、各種質問サイトによると cat で結合できるらしいと出ているではないですか。 どうやら cat a.mp3 b.mp3 > x.mp3 などとして結合できるようです。 しかし、ファイルが10個もあると cat の引数に渡すのが面倒です。しばらく、放置しておりました。 青春_ＮＨＫ－ＦＭ_1502162245.MP3 青春_ＮＨＫ－ＦＭ_1502172245.MP3 青春_ＮＨＫ－ＦＭ_1502182245.MP3 青春_ＮＨＫ－ＦＭ_1502192245.MP3 青春_ＮＨＫ－ＦＭ_1502202245.MP3 青春_ＮＨＫ－ＦＭ_1502232245.MP3 青春_ＮＨＫ－ＦＭ_1502242245.MP3 青春_ＮＨＫ－ＦＭ_1502252245.MP3 青春_ＮＨＫ－ＦＭ_1502262245.MP3 青春_ＮＨＫ－ＦＭ_1502272245.MP3 さて、ここ１ヶ月ほど私は『 シェルプログラミング 実用テクニック 』などシェル系の本を読んでおりました。「そんな本読んでるんだ、へぇ〜」などと周りの反応は芳しくないものでしたが、めきめきとシェルの使い方が身についてきました。 前置きが、長すぎましたがお急ぎの方は、下記のワンライナーをお試しください。 ls | sort | head -10 | xargs cat > s001.mp3 状況としては、フォルダに音声ファイルがいっぱい入っています。月-金の２週間で10話、1セットと
続きを読む

故障したPixio PXC32の修理対応が神対応だった

イメージ
「 4KではなくWQHD（2560x1440）31.5インチ曲面ディスプレイを注文しました。 」で書きましたがPixio PXC32を購入して使っていました。 ゲーミングモニターなのでなぜか光るのです。 モニタースタンドにヘッドホンを引っ掛けることができます。 曲面モニターなので厚みがあります。 世界の株価もこの通り。正面からみると曲面を意識することはあまりないです。 1年ちょっとで画面に横縞が生じました。 https://www.materialui.co/colors を表示させてスマホで撮影しました。200あたりがわかりやすいですが横縞が入っています。 2018年11月20日購入で2019年12月10日に修理依頼をしました。実は 2019年2月1日以降の注文は2年保証 になったのですが、それまでは1年保証でした。なので私は保証期間をオーバーしていました。残念！ Amazon経由で購入したため修理依頼もAmazon経由でメールをやり取りします。正直Pixioのモニターを買って失敗したなと思いました。DellやEIZOなど3年保証5年保証とあります。しかし今まで5年やそこらで故障したことはなかったです。故障する前にパネルや解像度が良くなって買い換えることになるものです。バックライトがLEDになってからは可動部もなくほぼ故障することはなくなっています。なので購入時は1年保証でも5年保証でもあまり気にすることはないと思っていました。 でも故障してしまいました。曲面・解像度・サイズ・周波数など気に入っていたので保証期間が過ぎていても修理してもらおうと修理依頼をしました。 ここからがいわゆる神対応でした。保証期間が過ぎていても修理可能であれば無償修理してくれると申し出てくれました。保証期間が2年に延長したことを考慮してくれたのだと思います。さっそくヤマトで翌日午前中指定で送りました。 ヤマトによると翌日11:41に着荷したようです。その後15:46に修理完了し返送したとメールが入りました。驚くほど速いです。よく修理期間中に無償の貸出機を出してくれるメーカーがありますが、これだけ修理が速いと不要でしょう。 今回の修理内容はメイン基板の交換でした。ケーブル不良のチェック用に新品のケーブ
続きを読む

『THIS IS US/ディス・イズ・アス 36歳、これから』は2010年代の『ナイスサーティーズ』

イメージ
Amazon Prime ビデオで感動の海外ドラマに巡り会ってしまいました。 四半世紀前にTBSの深夜帯で『ナイスサーティーズ』という海外ドラマを放送していたのですが、第2シーズンで打ち切りになりました。 ずっと気になっていたのですが数年前に最終シーズンの第4シーズンまでDVDで発売されました。もちろん購入して最後まで観ることができ嬉しく思っていたのです。 Thirtysomething が原題でDVDは残念画質なのですが、それはそれ。内容も今となっては...という点も多いのですが大した問題ではないのです。普遍的なテーマだからこそですね。 Embed from Getty Images ナイスサーティーズ主人公のケン・オリン（Ken Olin）。懐かしすぎます。DVDを観ていて気になったのは、途中から俳優だけでなく制作側スタッフとしてもクレジットされているのです。 ようやく本題。『THIS IS US/ディス・イズ・アス 36歳、これから』のプロデューサーがケン・オリンなのです。脚本が抜群に良くナイスサーティーズに似ているので調べてしまいました。Amazon Primeビデオで観たのですが毎回本編の後にケン・オリンや俳優がドラマを振り返る特典映像がとても上手く機能しています。 本来ならケン・オリンが登場しているので気がつくはずなのですが、ケン・オリンの風貌が変っていて気がつきませんでした。ちなみに下記の写真はご夫婦です。 Embed from Getty Images Ken Olin Reflects on ‘thirtysomething’ at 30 and Similarities to ‘This Is Us’ Ed Zwick was very influenced by Woody Allen, Thirtysomethingのクレジットを観ていると覚えてしまうエドワード・ズウィックがウディ・アレンの影響を受けてい...と興味深い内容です。 thirtysomething at thirty: an oral history なんと数か月前にファンブックが発売されているとは気が付きませんでした。
続きを読む