2024 Socio Informatics Seminar Wiki Site
数字の入力
をテンプレートにして作成
開始行:
** 数字の入力 [#ve4275ab]
*** 入力欄の準備 [#s9b3606f]
画面上に入力欄を作って,数字やテキストを入力できるように...
まず,Widgetsの中にあるテキスト(TextView)を配置してくださ...
- IDを「entrance_year」にかえてください.文字の内容はなん...
- textを「入学年」にかえてください.文字の内容はなんでも...
-- strings.xmlに,たとえば「<string name="entrance_text">...
これは,入力欄の見出しになります.実際の数字の入力欄は,P...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-1....
CENTER:図1
#BR
EditTextのIDは「year_text」,textは「西暦」にしておいてく...
配置場所は自由にしてもらっていいです.~
ボタンは「[[ボタンの追加]]」のところで作ったものを再利用...
ボタンのIDは「press_button」です.
#BR
ボタン類の配置を完了したイメージが図2です.
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-2....
CENTER:図2
#BR
*** 入力した数字の取得 [#tcbd1d90]
EditText欄に入力されたテキストは,下記の方法で取得できま...
下記の内容を&color(red){MainActivity.java};ファイルの「on...
他のページで試しに書いていたテキスト書き換えや画像入れ替...
// 入力欄の内容をIDから取得
EditText editText1 = (EditText) findViewById(R.id...
// 取得した内容を文字列として認識
String str1 = editText1.getText().toString();
// 入力されたのは数字なので,数字になおす
int entranceYear = Integer.parseInt(str1);
// 現在の西暦は2024年なので,入学してから何年経つか...
int thisYear = 2024;
int calc = thisYear - entranceYear;
*** ボタンを押して計算 [#e188c321]
画面上部の「押しボタン」を押すと,2024年から入学年の個所...
#BR
&color(red){MainActivity.java};に,ボタンが押されたときの...
上記の引き算の記述のあとに,さらに以下の内容を足してくだ...
全部合わせると,図3のような感じになっているはずです.~
// 計算結果を出力
String str2 = String.valueOf(calc);
textView2.setText("入学してから"+str2+"年です");
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-3....
CENTER:図3
#BR
ここまでで,エミュレータを動かしてみてください.~
図4のように,エミュレータ内で数字が入力できるようになっ...
すると,入力内容を使って計算された結果が,赤い文字の箇所...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-4....
CENTER:図4
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-5....
CENTER:図5
#BR
数字を取得して,計算に使う方法は以上です.~
数字の入力欄を2つ作ることで,簡単な計算アプリが作れます.~
[[一週目の作業]]に戻る
終了行:
** 数字の入力 [#ve4275ab]
*** 入力欄の準備 [#s9b3606f]
画面上に入力欄を作って,数字やテキストを入力できるように...
まず,Widgetsの中にあるテキスト(TextView)を配置してくださ...
- IDを「entrance_year」にかえてください.文字の内容はなん...
- textを「入学年」にかえてください.文字の内容はなんでも...
-- strings.xmlに,たとえば「<string name="entrance_text">...
これは,入力欄の見出しになります.実際の数字の入力欄は,P...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-1....
CENTER:図1
#BR
EditTextのIDは「year_text」,textは「西暦」にしておいてく...
配置場所は自由にしてもらっていいです.~
ボタンは「[[ボタンの追加]]」のところで作ったものを再利用...
ボタンのIDは「press_button」です.
#BR
ボタン類の配置を完了したイメージが図2です.
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-2....
CENTER:図2
#BR
*** 入力した数字の取得 [#tcbd1d90]
EditText欄に入力されたテキストは,下記の方法で取得できま...
下記の内容を&color(red){MainActivity.java};ファイルの「on...
他のページで試しに書いていたテキスト書き換えや画像入れ替...
// 入力欄の内容をIDから取得
EditText editText1 = (EditText) findViewById(R.id...
// 取得した内容を文字列として認識
String str1 = editText1.getText().toString();
// 入力されたのは数字なので,数字になおす
int entranceYear = Integer.parseInt(str1);
// 現在の西暦は2024年なので,入学してから何年経つか...
int thisYear = 2024;
int calc = thisYear - entranceYear;
*** ボタンを押して計算 [#e188c321]
画面上部の「押しボタン」を押すと,2024年から入学年の個所...
#BR
&color(red){MainActivity.java};に,ボタンが押されたときの...
上記の引き算の記述のあとに,さらに以下の内容を足してくだ...
全部合わせると,図3のような感じになっているはずです.~
// 計算結果を出力
String str2 = String.valueOf(calc);
textView2.setText("入学してから"+str2+"年です");
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-3....
CENTER:図3
#BR
ここまでで,エミュレータを動かしてみてください.~
図4のように,エミュレータ内で数字が入力できるようになっ...
すると,入力内容を使って計算された結果が,赤い文字の箇所...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-4....
CENTER:図4
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/5-5....
CENTER:図5
#BR
数字を取得して,計算に使う方法は以上です.~
数字の入力欄を2つ作ることで,簡単な計算アプリが作れます.~
[[一週目の作業]]に戻る
ページ名: