プロジェクト毎に名前を指定する ( ここでは AndroidTest) 動作可能な最低バージョンメインターゲットのバージョンすべて設定してクリックチェックを外すクリック

Size: px

Start display at page:

Download "プロジェクト毎に名前を指定する ( ここでは AndroidTest) 動作可能な最低バージョンメインターゲットのバージョンすべて設定してクリックチェックを外すクリック"

せいごろうたつざわ
5 years ago
Views:

1. とにかく Android アプリを作ってみよう 1.1 Eclipse の起動 Android アプリの開発言語は Java です.Java プログラムの開発では統合開発環境 Eclipse が最も良く用いられており, この実習でも Eclipse を使います. この実習で用いる Eclipse は Android アプリの開発用の設定を終えたバージョンです.

1 1. とにかく Android アプリを作ってみよう 1.1 Eclipse の起動 Android アプリの開発言語は Java です.Java プログラムの開発では統合開発環境 Eclipse が最も良く用いられており, この実習でも Eclipse を使います. この実習で用いる Eclipse は Android アプリの開発用の設定を終えたバージョンです. デスクトップ上の以下のアイコンをクリックして Eclipse を起動して下さい. 1.2 Android アプリケーションプロジェクトの作成 Eclipse 上では 1 つのソフトウェアは 1 つのプロジェクトとして管理されます. プロジェクトは開発対象に応じていくつかの種類がありますが, 今回は Android アプリケーションの開発なので, Android アプリケーションプロジェクトを作成します.

2 プロジェクト毎に名前を指定する ( ここでは AndroidTest) 動作可能な最低バージョンメインターゲットのバージョンすべて設定してクリックチェックを外すクリック

3 デフォルトのままクリックデフォルトのままクリックして完了

4 AndroidTest アプリのプロジェクトが作成される

5 1.3 Android アプリの起動作成したアプリは, プロジェクトのルートを選択 Run メニュー Run As Android Application でエミュレータ上に起動することができる. アイコンが地味な方を選択以下のダイアログが出たら Yes を選択.

6 エミュレータが起動して以下のようにアプリの画面が表示されたら成功. 成功した場合のコンソールの表示は以下のようになる.

7 2. アプリの画面レイアウトを変更してみよう 2.1 画面上のテキストの変更 Android アプリの画面レイアウトは簡単に変更することができます. プロジェクト内の res フォルダの中の layout フォルダの中に画面ごとに xml ファイルが配置されています. この xml ファイルを編集することによって画面レイアウトを変更することができます. 以下の xml ファイルをダブルクリックして開いてください. 開くエディタ上でエラーが出ているので設定を以下のように変更します. 選択

8 以下のようにエディタ上に画面レイアウトが表示されれば OK です. エディタ上で GUI 部品を移動編集したり, 新しい GUI 部品を配置したりすることができます. テキストビューを選択

9 まず, 画面上に配置されている文字列 ( テキストビュー ) を選択して, 右側の Properties ビューを使ってその属性を変更してみましょう. 以下のように Text 属性を変更して表示されている文字列を変更します. Text 属性を変更なお, 一番上の Id 属性はプログラム中から GUI 部品を操作するときに必要となるものですので確認しておいて下さい. この GUI 部品の Id は,textView1 です.

10 マウスでドラッグしてテキストビューを画面中央に移動します. 移動左側のパレットからボタンを選んで画面上に配置してみましょう. 配置

11 Text 属性を OK に変更して,OK ボタンにします.

12 3. ボタンを押したときの動作をプログラミングしてみようここでは OK ボタンを押したときに, テキストビューに表示されている文字列を変更するプログラムを書いていきます. 3.1 プログラム中で OK ボタンを取ってくる方法まずは,OK ボタンの Id を確認しておきます.(button1)

13 次に画面を制御する Java プログラムを開きます.Android アプリでは,Java プログラムはすべて src フォルダの中に格納されます.Java プログラムの拡張子は.java です. 画面毎にそれを制御するための Java プログラムが 1 つ作成されます. 例えば Main 画面に対して, 画面レイアウトは activity_main.xml で定義されますが, 画面の制御は MainActivity.java に記述されます. それでは, 以下のように MainActivity.java をクリックして開いてみましょう. Main 画面の制御プログラム開く Main 画面のレイアウト

MainActivity.java には MainActivity というクラスが定義されています. クラスというのは Java プログラムを構成する基本要素で, 基本的に 1 つの.java ファイルに 1 つのクラスが定義されます.MainActivity クラスは,Main 画面を制御するクラスということになります.

14 MainActivity.java には MainActivity というクラスが定義されています. クラスというのは Java プログラムを構成する基本要素で, 基本的に 1 つの.java ファイルに 1 つのクラスが定義されます.MainActivity クラスは,Main 画面を制御するクラスということになります. なお,Android では画面のことをアクティビティと呼ぶので覚えておいてください. MainActivity クラス oncreate() メソッド MainActivity クラスの中にはさらにいくつかの処理が含まれています. 上の例では,3 つの処理が含まれています.Java では, このような処理のことをメソッドと言います. 例えば,onCreate() というメソッドがありますが, これは Main 画面 ( アクティビティ ) が作られたときに実行される処理です. 画面 ( アクティビティ ) を制御するクラスの中でもっとも重要なのは, この oncreate() メソッドです.Android ではアクティビティを制御するクラスには必ず oncreate() メソッドが含まれるようになっています.

button1); ここで, 赤枠で囲った部分が事前に確認しておいた OK ボタンの Id になっていることに注意してください.

15 OK ボタンを取ってくるプログラムはこの oncreate() メソッドの中に記述します.OK ボタンは以下の 1 行で取ってくることができます. GUI 部品の部品の Id Button okbutton = (Button)findViewById(R.id.button1); ここで, 赤枠で囲った部分が事前に確認しておいた OK ボタンの Id になっていることに注意してください. この Id の部分を変えることで画面上の任意の GUI 部品をプログラム中で取ってくることができます. ここで取ってきたボタンはプログラム中の okbutton という変数に格納されます.onCreate() メソッドの中に OK ボタンを取ってくるプログラムを追加した結果は以下のようになります. ここで赤の波線が 2 箇所出ていますが, これはこの部分でコンパイルエラーが発生していることを示しています.

16 この波線をクリックすると,Eclipse がエラーの解消方法をメニューで提示してくれます. ここでは, Import Button の項目を選んでコンパイルエラーを解消します. 3.2 OK ボタンを押したときに実行されるプログラムプログラム中で OK ボタン取ってきたのは, 取ってきた OK ボタンに, ボタンを押したときの処理を設定するためです. 先ほど追加したプログラムの下に以下の赤枠で囲った部分を追加してください. Button okbutton = (Button)findViewById(R.id.button1); okbutton.setonclicklistener(new OnClickListener() { public void onclick(view v) { onclick() メソッド }); } ちょっと複雑なプログラムですね. 実際このプログラムをきちんと読めるようになるためには Java をかなり勉強しなければなりません. この時点でそこまで Java を深く理解している必要はありませんので, 今のところはコピペで結構です. ただし, 上のプログラムの中に onclick() メソッドが含まれていることに注意して下さい. この onclick() メソッドが OK ボタンを押されたときに実行される処理に相当します. 上のプログラムのままでは, onclick() メソッドの中に何の処理も書かれていないため, このままでは OK ボタンが押されても何も起こりません. そこで,onClick() メソッドの中に以下の 2 行の処理を付け加えることにします. public void onclick(view v) { } TextView textview1 = (TextView)findViewById(R.id.textView1); textview1.settext("ok Button Clicked!!"); Button ではなく TextView に GUI 部品の部品の Id この 2 行のうちの 1 行目を見てください. 先ほど書いた OK ボタンを取ってくる処理に似ているのがわかるでしょうか? これは, 画面上に配置されたもう一つの GUI 部品であるテキストビューを取ってくるプログラムです.Id を指定する部分が, テキストビューの Id である textview1 となっていることに注意して下さい. また, ここで取ってくる GUI 部品はボタンではなくテキストビューなので, 先ほど Button となっていたところが TextView となっていることが分かると思います.2 行目で取ってきたテキストビューに OK Button Clicked!! という文字列を設定しています.

最終的に oncreate() メソッド内に追加するプログラムは以下のようになります. これで, OK ボタンを押すとテキストビューの表示が OK Button Clicked!! に変わるというプログラムが書けました. Button okbutton = (Button)findViewById(R.id.button1); okbutton.

17 最終的に oncreate() メソッド内に追加するプログラムは以下のようになります. これで, OK ボタンを押すとテキストビューの表示が OK Button Clicked!! に変わるというプログラムが書けました. Button okbutton = (Button)findViewById(R.id.button1); okbutton.setonclicklistener(new OnClickListener() { public void onclick(view v) { TextView textview1 = (TextView)findViewById(R.id.textView1); textview1.settext("ok Button Clicked!!"); } }); MainActivity.java のタブの左側に * の印がついていることがわかると思いますが, これはまだこのファイルを保存していないという目印ですので保管アイコンを押してこのファイルを保存しましょう. クリックして保存未保存のファイル

18 アプリケーションを起動し,OK ボタンを押してテキストビューの表示が変われば成功です. 変更クリック

19 4. 新規画面 ( アクティビティ ) の追加と画面遷移 4.1 新規アクティビティの追加 Android アプリのアクティビティは以下のように追加します. Other を選択アイコンが地味な方を選択クリック

20 デフォルトのままクリックアクティビティ名を付けるクリックして終了

21 テキストビューを選択 Text 属性を変更

22 新しいアクティビティ用に追加されたファイル

23 4.2 画面遷移のプログラム画面遷移をするためのプログラムの書き方を説明します. まず Main アクティビティに次のアクティビティに進むための Next ボタンを追加します. 追加 Text 属性の変更 MainActivity.java を開いて下さい. 開く

24 oncreate() メソッドの最後に以下のプログラムを付け加えてください. Button nextbutton = (Button)findViewById(R.id.button2); nextbutton.setonclicklistener(new OnClickListener() { }); public void onclick(view v) { } Intent intent = new Intent(MainActivity.this,SubActivity.class); startactivity(intent); 現在 Next ボタンの Id 遷移先次のアクティビティ (SubActivity) に遷移する処理 Next ボタンを取ってきてボタンを押したときの処理を設定する部分は,OK ボタンのときと同じです. ただ, 押したときの処理内容 (onclick() メソッドの中の 2 行赤枠内 ) が異なっています.onClick() メソッドの中の 1 行目で現在のアクティビティと遷移先のアクティビティを設定して画面遷移の準備を行います.2 行目で実際に画面遷移を行います.

25 アプリケーションを起動し,Next ボタンをクリックします. クリック

26 次の画面に遷移すれば成功です.

27 5. 位置情報 (GPS) を取得してみよう 5.1 位置情報取得のための準備 ( プログラム編 ) Sub アクティビティで GPS から取得した位置情報を表示するようにしてみましょう. 位置情報を取得するには LocationManager というクラスを使用します. 具体的には以下の 2 行を SubAvticity.java の oncreate() メソッドの最後に追加します.LocationManager の下に波線があると思いますので, クリックして Import LocationManager (android.location) を選んでください. oncreate() に追加 LocationManager manager = (LocationManager)getSystemService(LOCATION_SERVICE); manager.requestlocationupdates(locationmanager.gps_provider, 0, 0, this); エラーを解消してもまだ 2 行目に別のエラーが残っていると思います.SubActivity クラスの最初の行に以下の赤枠の部分を付け加えてください. 追加 public class SubActivity extends Activity implements LocationListener { 先ほどのエラーは消えましたが, 今度はこの行の SubActivity の部分にエラーが出るようになってしまいました. 次にこの部分をクリックして, Add unimplemented methods を選んで再びエラーの解消をしましょう.SubActivity クラスの下の方に新たに 4 つのメソッドが自動で追加されたと思います. これで, すべてのエラーが解消されたはずです. プログラムについて説明しましょう.onCreate() メソッドに追加した 2 行はあまり深く考えずに, 基本的にコピペで構わないと思います. ただ, この 2 行を付け加えることで, SubActivity クラスに位置情報が送信されるようになるということだけ知っておいてください. 次に SubActivity クラスの最初の行に追加した implements LocationListener の部分ですが, これは SubActivity クラスが送られてきた位置情報を受け取れるようにするためのものです. 実際に位置情報を受け取るのは, 後から自動で追加された以下の onlocationchanged() メソッドになります. 位置情報が変わるたびにこのメソッドが実行されるようになります. public void onlocationchanged(location location) { // TODO Auto-generated method stub }

28 5.2 位置情報取得のための準備 ( マニフェスト編 ) 位置情報を取得できるようにするためにはプログラムの準備だけでは足りません. 実際に上のプログラムを動かしても位置情報は取得することができません.Android 端末にはいろんなセンサーが用意されていますが, アプリからそれらのセンサーを使うためにはマニフェストファイルの修正を行わなければなりません. マニフェストファイルとは, 以下の場所にある AndroidManifest.xml ファイルのことです. このファイルをダブルクリックして開いてみましょう. 開く

29 以下のような画面が開いたと思いますが, AndroidManifest.xml タブに切り替えてください. クリック AndroidManifest.xml の全体がテキスト表示されるのでこれを直接編集していきます.

30 マニフェストファイルの下の方に以下の 2 行を付け加えてください. <activity android:name=".subactivity" android:label="@string/title_activity_sub" > </activity> </application> 追加 <uses-permission android:name="android.permission.access_fine_location"/> <uses-permission android:name="android.permission.access_coarse_location"/> </manifest> これは, このアプリが GPS センサーにアクセスする許可を与えることを示しています. 追加したら, ファイルを保存することを忘れないでください.

31 5.3 位置情報取得と表示以上で位置情報を取得できるようにするための準備が完了しました. それでは, 再び SubActivity.java を修正して位置情報を取得して画面に表示できるようにしましょう. 先ほども説明したように, 位置情報は以下のメソッドで受け取れるようになっています. public void onlocationchanged(location location) { // TODO Auto-generated method stub } このメソッドの引数 location に位置情報が渡ってきています. 具体的には, 緯度と経度の情報が入っています. まずは, このメソッドの中で緯度と経度を受け取るための変数を用意しましょう. public void onlocationchanged(location location) { double latitude, longitude; 追加 Java では C 言語と同様に,int 型,float 型,double 型などの変数を使うことができます. また変数を使う場合は事前に宣言をしておかなければならないのも同様です. なお, latitude は緯度, は longitude 経度を表します. これらの変数に実際の緯度と経度を代入するために以下の 2 行を付け加えてください. 追加 latitude = location.getlatitude(); longtitude = location.getlongitude(); 引数 location の中から緯度情報と経度情報を取ってきて, それぞれ latitude と longitude という変数に代入しています. 次にこれらの情報をテキストビューに表示するようにしてみましょう. そのためにテキストビューの Id を確認しようとして activity_sub.xml を開いても Id の情報は設定されていません.

32 開く選択値が入っていないそこで, 他の部品と被らない適当な値を入れましょう. ここでは, textview2 を入力します. 入力

33 さて,SubActivity.java の修正の続きです. 現時点で onlocationchanged() メソッドの内容は以下のようになっているはずです. public void onlocationchanged(location location) { // TODO Auto-generated method stub double latitude, longtitude; latitude = location.getlatitude(); longtitude = location.getlongitude(); } このメソッドの最後に以下の 2 行を付け加えてください. テキストビューの Id TextView textview2 = (TextView)findViewById(R.id.textView2); textview2.settext(" 緯度 :" + latitude + ", 経度 :" + longtitude); 1 行目はもう分かりますね.2 行目で緯度と経度の値をテキストビュー (textview2) に設定しているのですが,1 つ注意して欲しいのがこの行で行っている文字列の足し算です. Java では文字列同士や文字列に数字を足し算を使って足すことができ, これは文字列の連結を意味します.C 言語では文字列の連結に strcat() 関数を使っていたと思いますが, 足し算の方がはるかに簡単ですね.

34 5.4 エミュレータ上での実行 Android 端末の実機にインストールする場合はここまでの説明で十分なはずです. しかし, エミュレータ上で動作を確認するにはもう少し説明が必要です. アプリを実行してエミュレータ上で Sub アクティビティを表示したら, 以下のように緯度も経度も表示されません. 表示が変わらないクリックここで, エミュレータの右側にあるコントローラのをクリックして下さい.

35 そうすると, 以下のようなダイアログが表示されます. クリックここで Location タブを選んで SEND ボタンをクリックして下さい. これはエミュレータ上の仮想の GPS に指定した緯度と経度の値 ( 仮の値 ) を送ることを意味しています.

36 以下のように Sub アクティビティに緯度と経度の仮の値が表示されれば成功です. 緯度と経度 ( 仮の値 ) が表示される

Prog2_6th

Prog2_6th 2017 年 11 月 2 日 ( 木 ) 実施インテントインテントとは Android アプリは複数のアクティビティを持つことが出来, また, アクティビティ以外の要素も持つので, 複数のアクティビティ間, アクティビティとアクティビティ以外の要素との間といったオブジェクト間を結び付ける仕組みが必要となるその役割を担うのがインテントで, 複数のアプリ間やアプリとシステムとの間もインテントで結び付けることが出来る

プロジェクト毎に名前を指定する ( ここでは AndroidTest) 動作可能な最低バージョン メインターゲットのバージョン すべて設定してクリック チェックを外す クリック

プロジェクト毎に名前を指定する ( ここでは AndroidTest) 動作可能な最低バージョンメインターゲットのバージョンすべて設定してクリックチェックを外すクリック