PBL - ソフトウェア班 -組み込みソフトウェアの開発

第三回

前回行ったこと

• 画面を設計する– ボタンを配置する– レイアウトを変更する

2

今回行うこと

• ボタンの動作を設定

3

何度かボタンを押す

動作の設定

JAVA を説明する前に･･･ 実際にどういうものか見てみよう！！

4

Android では，JAVA という言語を使って動作設定する

画面を設計 (XML) 1/3

5

前回も編集したこの場所にある XML を編集する

画面を設計 (XML) 2/3 1 <?xmlversion="1.0"encoding="utf-8"?> 2 <LinearLayoutxmlns:android="http://... 3 android:orientation="vertical" 4 android:layout_width="fill_parent" 5 android:layout_height="fill_parent" 6 > 7 <Button 8 android:id="@+id/button" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:text="Button" 12 /> 13 <TextView 14 android:id="@+id/text" 15 android:layout_width="fill_parent" 16 android:layout_height="wrap_content" 17 /> 18 </LinearLayout>

6

前回までは無かったもの

どのボタンか，どのテキストビューか，指定するために必要な記述

画面を設計 (XML) 3/3 1 <?xmlversion="1.0"encoding="utf-8"?> 2 <LinearLayoutxmlns:android="http://... 3 android:orientation="vertical" 4 android:layout_width="fill_parent" 5 android:layout_height="fill_parent" 6 > 7 <Button 8 android:id="@+id/button" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:text="Button" 12 /> 13 <TextView 14 android:id="@+id/text" 15 android:layout_width="fill_parent" 16 android:layout_height="wrap_content" 17 /> 18 </LinearLayout>

7

ID ： button

ID ： text

このボタンに「 button 」という

ID をつける

このテキストビューに

「 text 」というID をつける

テキストビュー

動作を設定 (JAVA) 1/5

8

この場所にある JAVA を編集する

動作を設定 (JAVA) 2/5

9

1 public class Hello extends Activity { 2 TextView tv; 3 Button button; 4 5 public void onCreate(Bundle savedInstanceState){ 6 super.onCreate(savedInstanceState); 7 setContentView(R.layout.main); 8 tv=(TextView)findViewById(R.id.text); 9 10 button = (Button)findViewById(R.id.button); 11 button.setOnClickListener(new View.OnClickListener(){ 12 public void onClick(View arg0){ 13 tv.append("Hello World!\n"); 14 } 15 }); 16 } 17 } これが完成形

動作を設定 (JAVA) 3/5

10

～ 2 TextView tv;

～ 8 tv=(TextView)findViewById(R.id.text);

ID ： button

ID ： text

テキストビュー

• ID を「 text 」としたテキストビューを JAVA で扱えるようになる• テキストビューに対して動

作を設定するための準備

動作を設定 (JAVA) 4/5

11

～ 3 Button button;

～ 　　 10 　　　　 button=(Button)findViewById(R.id.button);

ID ： button

ID ： text

テキストビュー

• ID を「 button 」としたボタンをJAVA で扱えるようになる• ボタンに対して動作を設定

するための準備

動作を設定 (JAVA) 5/5

12

11 button.setOnClickListener(new View.OnClickListener(){ 12 public void onClick(View arg0){ 13 tv.append("Hello World!\n"); 14 } 15 }); 16 }

• button に対して動作の設定をする• 13 行目で動作を記述している

• tv に「 HelloWorld! 」という文字列を追加するという動作

• \n は改行することを表している

動作を設定 (JAVA) 6/6

13

•このマークが出たら，そのマークをクリック•一番上の項目を選択

他の動作

• テキストの色を変える• テキストの大きさを変える

14

テキストの色を変える 1/2

15

1 public class Hello extends Activity{ 2 TextView tv; 3 Button button; 4 5 public void onCreate(Bundle savedInstanceState){ 6 super.onCreate(savedInstanceState); 7 setContentView(R.layout.main); 8 tv = (TextView)findViewById(R.id.text); 9 tv.setText("Hello World!"); 10 11 button = (Button)findViewById(R.id.button); 12 button.setOnClickListener(newV iew.OnClickListener(){ 13 public void onClick(Viewa rg0){ 14

tv.setTextColor(Color.RED); 15 } 16 }); 17 } 18 }

これが完成形

2 か所の変更点

テキストの色を変える 2/2

16

9 tv.setText("Hello World!");

14 tv.setTextColor(Color.RED);

あらかじめテキストビューに「 Hello World! 」と表示させておく

Color. 色 で，テキストを指定した色に変更する

クリック

テキストの大きさを変える 1/2

17

1 public class Hello extends Activity{ 2 TextView tv; 3 Button button; 4 5 public void onCreate(Bundle savedInstanceState){ 6 super.onCreate(savedInstanceState); 7 setContentView(R.layout.main); 8 tv = (TextView)findViewById(R.id.text); 9 tv.setText("Hello World!"); 10 11 button = (Button)findViewById(R.id.button); 12 button.setOnClickListener(newV iew.OnClickListener(){ 13 public void onClick(Viewa rg0){ 14 tv.setTextSize(50); 15 } 16 }); 17 } 18 } これが完成形

1 か所の変更点

テキストの大きさを変える 2/2

18

14 tv.setTextSize(50);

() 内の数字で指定した大きさに変更する

クリック

課題

• 前回作った画面に動作を設定してみよう

19