検索
AND検索
OR検索
トップ
|
リロード
|
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
ワーキンググループ/ハンズオンセッション/HelloButton をテンプレートにして作成
詳細は
入会方法
をご覧下さい。
メニュー
日本Androidの会とは?
入会方法
イベント
技術資料
ワーキンググループ
支部
リリース
Japan Android Report
リンク
FAQ
権利関係
プライバシーポリシー
Twitter
公式Youtubeチャンネル
NPOサイト
最新の10件
2023-11-13
ABC2023A-pr
リリース
2023-10-13
MenuBar
入会方法
2023-09-17
ワーキンググループ/香川支部
2023-09-07
林田官呂
2023-08-19
イベント/イベント予定表
2023-06-11
日本Androidの会とは?
2023-06-01
秋葉 楓
2022-11-07
スタッフ
edit
Total:0/Today:0
開始行:
[[ワーキンググループ/ハンズオンセッション]]
* ボタンを作ってみよう [#cc95c738]
ユーザー操作を受け取るために、画面上にボタンを作ってみま...
ここでは、AndroidのEclipseプラグインを用いてボタンを定義...
** プロジェクトを作成する [#i5871fbd]
必要に応じて、File > New > Android Projectで新規のプロジ...
ここでは、以下のようなプロジェクトを作成してみます。
#ref(Project.jpg)
|Project Name|HelloButtonProject|
|Build Target|Google APIs|
|Application Name|HelloButton|
|Package Name|jp.hews.hellobutton|
|Create Activity|HelloButtonActivity|
|Min SDK Version|3(Bild Targetを指定すると自動的に設定さ...
** 画面にボタンを配置する [#v40ce8cd]
画面にボタンを配置するには、レイアウトを定義したXMLファイ...
まず、レイアウトを定義したres/layout/main.xmlを開いて、画...
この画面でボタンを配置するには、GUIで挿入する方法と、下部...
#ref(AddButton.jpg)
- Package Explorerでres/layout/main.xmlをダブルクリックし...
- Viewsのフォルダーのなかの「Button」要素をドラッグして、...
- Button01という文字の表示されたボタンが配置されます
** ボタンに表示するラベルを定義する [#za6a8b15]
ボタンのラベルは、res/values/strings.xmlで定義します。こ...
#ref(ButtonLabel.jpg)
- 下部のPropertiesタブで、Text要素を選択して、Resource Ch...
#ref(ResourceChooser.jpg)
- 下部の「New String」を選択するとCreate Android Stringの...
- Stringに表示する文字として「Push Me!」を入力します
- New R.stringに、定義した文字列のIDとして、「button_labe...
- Previewを押して文字列がstring.xmlに反映されることを確認...
- OKを押して、Resource Chooserの画面に戻ります
- いま定義した「button_lable」を選択して、「OK」を押します
** ボタンが押された時の処理を追加する [#o3fa95fc]
ボタンクラス(android.widget.Button)にリスナーを登録する...
ボタンが押された時に呼び出されるリスナーの型は、android.v...
ここでは、メインのアクティビティクラスであるHelloButtonAc...
- HelloButtonActivityをダブルクリックして開きます
- 先頭のインポート文の最後に実装に必要なボタンクラスとリ...
...
import android.view.View;
import android.widget.Button;
- HelloButtonActivityクラスに「implements View.OnClickLis...
public class HelloButtonActivity extends Activity implem...
- HelloButtonActivityクラスに「public void onClick(View v...
-- リスナーのメソッドの中では、finish()を呼び出します。こ...
public void onClick(View v) {
finish();
}
- HelloButtonActivityクラスのonCreateメソッドで、ボタンに...
-- setContentViewメソッドで、main.xmlで定義した要素を表示...
-- findViewByIdメソッドで、main.xmlで定義したボタンのイン...
-- 取り出したボタンクラスのsetOnClickListenerメソッドにth...
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button button = (Button)findViewById(R.id.Button...
button.setOnClickListener(this);
}
- 作成したソースコードは、以下のようになっています。
package jp.hews.hellobutton;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class HelloButtonActivity extends Activity implem...
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button button = (Button)findViewById(R.id.Button...
button.setOnClickListener(this);
}
public void onClick(View v) {
finish();
}
}
** プログラムを実行する [#z1370123]
修正したプログラムを実行して、表示されたボタンを押すこと...
#ref(HelloButton.png)
- RunメニューのRunでRun As画面を表示する
- 「Android Application」を選択することで、アプリケーショ...
- 「Push Me!」というボタンを押すと画面が閉じて、ランチャ...
** 演習問題 [#yce513d6]
- ボタンをふたつ横に並べて配置してみましょう。
- 二つのボタンのクリックを一つのリスナーのメソッドで受け...
- イメージボタンや、ラジオボタンなど、別の種類のボタンを...
** PDF版の資料 [#aa1a1746]
#ref(HelloButton.pdf)
----
[[ワーキンググループ/ハンズオンセッション]]
終了行:
[[ワーキンググループ/ハンズオンセッション]]
* ボタンを作ってみよう [#cc95c738]
ユーザー操作を受け取るために、画面上にボタンを作ってみま...
ここでは、AndroidのEclipseプラグインを用いてボタンを定義...
** プロジェクトを作成する [#i5871fbd]
必要に応じて、File > New > Android Projectで新規のプロジ...
ここでは、以下のようなプロジェクトを作成してみます。
#ref(Project.jpg)
|Project Name|HelloButtonProject|
|Build Target|Google APIs|
|Application Name|HelloButton|
|Package Name|jp.hews.hellobutton|
|Create Activity|HelloButtonActivity|
|Min SDK Version|3(Bild Targetを指定すると自動的に設定さ...
** 画面にボタンを配置する [#v40ce8cd]
画面にボタンを配置するには、レイアウトを定義したXMLファイ...
まず、レイアウトを定義したres/layout/main.xmlを開いて、画...
この画面でボタンを配置するには、GUIで挿入する方法と、下部...
#ref(AddButton.jpg)
- Package Explorerでres/layout/main.xmlをダブルクリックし...
- Viewsのフォルダーのなかの「Button」要素をドラッグして、...
- Button01という文字の表示されたボタンが配置されます
** ボタンに表示するラベルを定義する [#za6a8b15]
ボタンのラベルは、res/values/strings.xmlで定義します。こ...
#ref(ButtonLabel.jpg)
- 下部のPropertiesタブで、Text要素を選択して、Resource Ch...
#ref(ResourceChooser.jpg)
- 下部の「New String」を選択するとCreate Android Stringの...
- Stringに表示する文字として「Push Me!」を入力します
- New R.stringに、定義した文字列のIDとして、「button_labe...
- Previewを押して文字列がstring.xmlに反映されることを確認...
- OKを押して、Resource Chooserの画面に戻ります
- いま定義した「button_lable」を選択して、「OK」を押します
** ボタンが押された時の処理を追加する [#o3fa95fc]
ボタンクラス(android.widget.Button)にリスナーを登録する...
ボタンが押された時に呼び出されるリスナーの型は、android.v...
ここでは、メインのアクティビティクラスであるHelloButtonAc...
- HelloButtonActivityをダブルクリックして開きます
- 先頭のインポート文の最後に実装に必要なボタンクラスとリ...
...
import android.view.View;
import android.widget.Button;
- HelloButtonActivityクラスに「implements View.OnClickLis...
public class HelloButtonActivity extends Activity implem...
- HelloButtonActivityクラスに「public void onClick(View v...
-- リスナーのメソッドの中では、finish()を呼び出します。こ...
public void onClick(View v) {
finish();
}
- HelloButtonActivityクラスのonCreateメソッドで、ボタンに...
-- setContentViewメソッドで、main.xmlで定義した要素を表示...
-- findViewByIdメソッドで、main.xmlで定義したボタンのイン...
-- 取り出したボタンクラスのsetOnClickListenerメソッドにth...
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button button = (Button)findViewById(R.id.Button...
button.setOnClickListener(this);
}
- 作成したソースコードは、以下のようになっています。
package jp.hews.hellobutton;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class HelloButtonActivity extends Activity implem...
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button button = (Button)findViewById(R.id.Button...
button.setOnClickListener(this);
}
public void onClick(View v) {
finish();
}
}
** プログラムを実行する [#z1370123]
修正したプログラムを実行して、表示されたボタンを押すこと...
#ref(HelloButton.png)
- RunメニューのRunでRun As画面を表示する
- 「Android Application」を選択することで、アプリケーショ...
- 「Push Me!」というボタンを押すと画面が閉じて、ランチャ...
** 演習問題 [#yce513d6]
- ボタンをふたつ横に並べて配置してみましょう。
- 二つのボタンのクリックを一つのリスナーのメソッドで受け...
- イメージボタンや、ラジオボタンなど、別の種類のボタンを...
** PDF版の資料 [#aa1a1746]
#ref(HelloButton.pdf)
----
[[ワーキンググループ/ハンズオンセッション]]
ページ名: