まずは
新しいプロジェクトを作りました。名前を「Botan」にしてファイルを開くと「BotanActivity.java」ができているので開きます。ついでに「layout」の「main.xml」と「values」の「String.xml」も開きましょう。
|
ファイル「main.xml」
01 | <?xml version= "1.0" encoding= "utf-8" ?> |
03 | android:layout_width= "fill_parent" |
04 | android:layout_height= "fill_parent" |
05 | android:orientation= "vertical" > |
08 | android:layout_width= "fill_parent" |
09 | android:layout_height= "wrap_content" |
10 | android:text= "@string/hello" /> |
|
|
ファイル「String.xml」
1 | <?xml version= "1.0" encoding= "utf-8" ?> |
4 | < string name= "hello" >Hello World, BotanActivity! |
5 | < string name= "app_name" >Botan |
|
これを変更追加
|
ファイル「main.xml」
01 | <?xml version= "1.0" encoding= "utf-8" ?> |
03 | android:layout_width= "fill_parent" |
04 | android:layout_height= "fill_parent" |
05 | android:orientation= "vertical" > |
08 | android:id= "@+id/TextView01" |
09 | android:layout_width= "fill_parent" |
10 | android:layout_height= "wrap_content" |
11 | android:text= "@string/hello" |
12 | android:textSize= "12pt" |
15 | android:id= "@+id/Button01" |
16 | android:layout_width= "fill_parent" |
17 | android:layout_height= "wrap_content" |
18 | android:text= "@string/Button01" |
|
|
ファイル「String.xml」
1 | <?xml version= "1.0" encoding= "utf-8" ?> |
4 | < string name= "hello" >ボタンを押してね。 |
5 | < string name= "Button01" >クリック |
6 | < string name= "app_name" >Botan |
|
|
ファイル「BotanActivity.java」
03 | import android.app.Activity; |
04 | import android.os.Bundle; |
06 | public class BotanActivity extends Activity { |
08 | public void onCreate(Bundle savedInstanceState) { |
09 | super.onCreate(savedInstanceState); |
10 | setContentView(R.layout.main); |
|
|
ファイル「BotanActivity.java」
03 | import android.app.Activity; |
04 | import android.os.Bundle; |
06 | import android.view.View.OnClickListener; |
07 | import android.widget.*; |
09 | public class BotanActivity extends Activity { |
10 | private TextView text1; |
12 | public void onCreate(Bundle savedInstanceState) { |
13 | super.onCreate(savedInstanceState); |
14 | setContentView(R.layout.main); |
16 | text1 = (TextView) this .findViewById(R.id.TextView01); |
17 | Button btn1 = (Button) this .findViewById(R.id.Button01); |
18 | btn1.setOnClickListener( new MyClickAdapter()); |
21 | class MyClickAdapter implements OnClickListener { |
23 | public void onClick(View view){ |
24 | text1.setText( "クリックしました!" ); |
|
text1 = (TextView)this.findViewById(R.id.TextView01);
こういう難しいコードが出たときは日本語で考えてみるのがいいですね。
「テキスト設定した変数text1 に main.xmlで設定しているidTextView01を取り出す」
という感じでしょうか。
Button btn1 = (Button)this.findViewById(R.id.Button01);
も同じですね。「ボタン設定した・・」になるだけですね。main.xmlで設定しているid○○を取り出すていうのがfindViewByIdというコードぽいですね。 |
実行の構成を変えて実行してみると
「クリック」と書かれたボタンを押すと上記のテキストがかわりました。
イベントリスナー
ボタンを押したら○○する。とかクリックしたら○○とかタッチしたら○○もそうですが、ユーザーが何かした、こういうことを「イベント」といいます。このイベントをが発生したときにその処理を代行するのが「イベントリスナー」といいます。
今回はボタンをクリックした時のイベント処理をするのに「OnClickListener」というイベントリスナーを用意しまし。これを「OnClickListener」でButtonに組み込んでいます。「setOnClickListener」というメソッドで登録するのですが単独では使えないメソッドなので「MyClickAdapter」というクラスを作り、このクラスから呼び出すようにします。「OnClickListener」には「onClick」というメソッドが用意されていて、クリックイベントで呼び出されるメソッドで、ここに処理を書けばボタンをクリックしたときの動作ができるようになります。今回は最初にtext1にセットされたmain.xmlに登録されているid「TextView01」に入っている「ボタンを押してね。」を「クリックしました!」に変更しています。
おまけ
「BotanActivity.java」の「MyClickAdapter」クラスをちょっと改造
|
class MyClickAdapter implements OnClickListener {
public void onClick(View view){
Toast toast = Toast.makeText(getApplicationContext(), "クリックしました!", Toast.LENGTH_LONG);
toast.show();
}
} |
こちらのほうがいい感じですね。
レイアウトは、エディッターで部品をドラッグして配置するやり方もあるのですが、写真など撮るのがめんどくさかったのと、ついでにコードも勉強できるということもあったので、こういう形にしました。自分で何かアプリを作るようになったら色々試してみようと思います。
ちょっとづつ役に立つコードが出てきますね。がんばっていきましょう!