190 likes | 349 Views
PBL - ソフトウェア班 - 組み込みソフトウェアの開発 第三回. 前回行ったこと. 画面を設計する ボタンを配置する レイアウトを変更する. 今回行うこと. ボタンの動作を設定. 何度かボタンを押す. 動作の設定. Android では, JAVA という言語を使って動作設定する. JAVA を説明する前に・・・ 実際にどういうものか見てみよう!!. 画面を設計 (XML) 1/3. 前回も編集した この場所にある XML を編集する. 画面を設計 (XML) 2/3.
E N D
PBL -ソフトウェア班-組み込みソフトウェアの開発第三回
前回行ったこと • 画面を設計する • ボタンを配置する • レイアウトを変更する
今回行うこと • ボタンの動作を設定 何度かボタンを押す
動作の設定 Android では, JAVAという言語を使って動作設定する JAVA を説明する前に・・・ 実際にどういうものか見てみよう!!
画面を設計 (XML) 1/3 前回も編集した この場所にあるXMLを編集する
画面を設計 (XML) 2/3 1<?xmlversion="1.0"encoding="utf-8"?> 2<LinearLayoutxmlns:android="http://... 3android:orientation="vertical" 4android:layout_width="fill_parent" 5android:layout_height="fill_parent" 6> 7<Button 8android:id="@+id/button" 9android:layout_width="wrap_content" 10android:layout_height="wrap_content" 11android:text="Button" 12/> 13<TextView 14android:id="@+id/text" 15android:layout_width="fill_parent" 16android:layout_height="wrap_content" 17/> 18</LinearLayout> 前回までは無かったもの どのボタンか, どのテキストビューか, 指定するために 必要な記述
画面を設計 (XML) 3/3 このボタンに 「button」という IDをつける 1<?xmlversion="1.0"encoding="utf-8"?> 2<LinearLayoutxmlns:android="http://... 3android:orientation="vertical" 4android:layout_width="fill_parent" 5android:layout_height="fill_parent" 6> 7<Button 8android:id="@+id/button" 9android:layout_width="wrap_content" 10android:layout_height="wrap_content" 11android:text="Button" 12/> 13<TextView 14android:id="@+id/text" 15android:layout_width="fill_parent" 16android:layout_height="wrap_content" 17/> 18</LinearLayout> ID:button ID:text テキストビュー このテキストビューに 「text」という IDをつける
動作を設定 (JAVA) 1/5 この場所にあるJAVAを編集する
動作を設定 (JAVA) 2/5 1public class Hello extends Activity { 2TextView tv; 3Button button; 4 5public void onCreate(Bundle savedInstanceState){ 6super.onCreate(savedInstanceState); 7setContentView(R.layout.main); 8tv=(TextView)findViewById(R.id.text); 9 10button = (Button)findViewById(R.id.button); 11button.setOnClickListener(new View.OnClickListener(){ 12public void onClick(View arg0){ 13tv.append("Hello World!\n"); 14} 15}); 16} 17} これが完成形
動作を設定 (JAVA) 3/5 tv というものを用意する ~ 2TextView tv; ~ 8tv=(TextView)findViewById(R.id.text); ID:button • IDを「text」としたテキストビューをJAVA で扱えるようになる • テキストビューに対して動作を設定するための準備 ID:text テキストビュー
button というものを用意する 動作を設定 (JAVA) 4/5 ~ 3Button button; ~ 10button=(Button)findViewById(R.id.button); ID:button • IDを「button」としたボタンをJAVA で扱えるようになる • ボタンに対して動作を設定するための準備 ID:text テキストビュー
動作を設定 (JAVA) 5/5 11button.setOnClickListener(new View.OnClickListener(){ 12public void onClick(View arg0){ 13tv.append("Hello World!\n"); 14} 15}); 16} • button に対して動作の設定をする • 13行目で動作を記述している • tv に「HelloWorld!」という文字列を追加するという動作 • \n は改行することを表している
動作を設定 (JAVA) 6/6 • このマークが出たら,そのマークをクリック • 一番上の項目を選択
他の動作 • テキストの色を変える • テキストの大きさを変える
テキストの色を変える 1/2 1public class Hello extends Activity{ 2TextView tv; 3Button button; 4 5public void onCreate(Bundle savedInstanceState){ 6super.onCreate(savedInstanceState); 7setContentView(R.layout.main); 8tv = (TextView)findViewById(R.id.text); 9tv.setText("Hello World!"); 10 11button = (Button)findViewById(R.id.button); 12button.setOnClickListener(newV iew.OnClickListener(){ 13public void onClick(Viewa rg0){ 14tv.setTextColor(Color.RED); 15} 16}); 17} 18} 2か所の変更点 これが完成形
テキストの色を変える 2/2 9tv.setText("Hello World!"); あらかじめテキストビューに「Hello World!」と表示させておく • tv.setTextColor(Color.RED); Color.色 で,テキストを指定した色に変更する クリック
テキストの大きさを変える 1/2 1public class Hello extends Activity{ 2TextView tv; 3Button button; 4 5public void onCreate(Bundle savedInstanceState){ 6super.onCreate(savedInstanceState); 7setContentView(R.layout.main); 8tv = (TextView)findViewById(R.id.text); 9tv.setText("Hello World!"); 10 11button = (Button)findViewById(R.id.button); 12button.setOnClickListener(newV iew.OnClickListener(){ 13public void onClick(Viewa rg0){ 14 tv.setTextSize(50); 15} 16}); 17} 18} 1か所の変更点 これが完成形
テキストの大きさを変える 2/2 • tv.setTextSize(50); ()内の数字で指定した大きさに変更する クリック
課題 • 前回作った画面に動作を設定してみよう