2024 Socio Informatics Seminar Wiki Site
ボタンの追加
をテンプレートにして作成
開始行:
** ボタンの追加 [#h533e120]
ボタンを押して,何らかの動作を実行させることもできます.~
まず,ボタンを画面上に配置します.~
左側の「Common」か「Buttons」にある「Button」を,横のAndr...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-5....
CENTER:図1
#BR
配置して周囲にくっつけた後,
- 以下の1行を「strings.xml」のファイルに書き足してくださ...
<string name="button_text">押しボタン</string>
- textにある「Button」の文字を「@string/button_text」にか...
- IDにある「button」の文字を「press_button」にかえてくだ...
大体の設定が終わると,図2のようになります.~
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-6....
CENTER:図2
#BR
** ボタンを押したあとの動作 [#fd4d7c2e]
次に,&color(red){MainActivity.java};に,ボタンが押された...
&color(red){MainActivity.java};を開くと,いきなり色々なモ...
protected void onCreate(Bundle savedInstanceState) {
の中に,以下の内容を書き加えてください.図3の色が反転し...
#BR
// ボタンのパーツをIDから取得
Button tapButton = (Button) findViewById(R.id.pre...
// ボタンが押されたときの設定
tapButton.setOnClickListener(new View.OnClickList...
@Override
public void onClick(View v) {
TextView textView2 = (TextView) findViewB...
// テキストの書き換え
textView2.setText("ボタンが押されました");
}
});
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-7....
CENTER:図3
#BR
これでボタンの設定は終了です.~
実行して,動作内容を確認してみてください.図4のエミュレ...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-8....
CENTER:図4
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-9....
CENTER:図5
#BR
#BR
もし画像を入れ替えたいときは,以下の画像をDLして「app -> ...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/juli...
#BR
ImageView imgView = (ImageView) findViewById(R.id.imageV...
imgView.setImageResource(R.drawable.julia);
#BR
終了行:
** ボタンの追加 [#h533e120]
ボタンを押して,何らかの動作を実行させることもできます.~
まず,ボタンを画面上に配置します.~
左側の「Common」か「Buttons」にある「Button」を,横のAndr...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-5....
CENTER:図1
#BR
配置して周囲にくっつけた後,
- 以下の1行を「strings.xml」のファイルに書き足してくださ...
<string name="button_text">押しボタン</string>
- textにある「Button」の文字を「@string/button_text」にか...
- IDにある「button」の文字を「press_button」にかえてくだ...
大体の設定が終わると,図2のようになります.~
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-6....
CENTER:図2
#BR
** ボタンを押したあとの動作 [#fd4d7c2e]
次に,&color(red){MainActivity.java};に,ボタンが押された...
&color(red){MainActivity.java};を開くと,いきなり色々なモ...
protected void onCreate(Bundle savedInstanceState) {
の中に,以下の内容を書き加えてください.図3の色が反転し...
#BR
// ボタンのパーツをIDから取得
Button tapButton = (Button) findViewById(R.id.pre...
// ボタンが押されたときの設定
tapButton.setOnClickListener(new View.OnClickList...
@Override
public void onClick(View v) {
TextView textView2 = (TextView) findViewB...
// テキストの書き換え
textView2.setText("ボタンが押されました");
}
});
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-7....
CENTER:図3
#BR
これでボタンの設定は終了です.~
実行して,動作内容を確認してみてください.図4のエミュレ...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-8....
CENTER:図4
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-9....
CENTER:図5
#BR
#BR
もし画像を入れ替えたいときは,以下の画像をDLして「app -> ...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/juli...
#BR
ImageView imgView = (ImageView) findViewById(R.id.imageV...
imgView.setImageResource(R.drawable.julia);
#BR
ページ名: