2013 android 1_revised

68
Androidプログラミン 基礎編 迫 紀徳

Upload: rinkou2013

Post on 12-Jul-2015

44 views

Category:

Education


1 download

TRANSCRIPT

Page 1: 2013 android 1_revised

Androidプログラミング

基礎編迫紀徳

Page 2: 2013 android 1_revised

まず、Eclipseを起動

2

Page 3: 2013 android 1_revised

次に、AVDの設定

3

Page 4: 2013 android 1_revised

ウィンドウをクリック

4

Page 5: 2013 android 1_revised

AVDマネージャをクリック

5

Page 6: 2013 android 1_revised

「Android 仮想デバイス・マネージャー」という画面が出現

6

Page 7: 2013 android 1_revised

新規をクリック

7

Page 8: 2013 android 1_revised

「新規 Android 仮想デバイスの作成(AVD)」という画面が出現

8

Page 9: 2013 android 1_revised

9

Page 10: 2013 android 1_revised

名前のところに「Android2.3.3」と入力

ターゲットは「Android 2.3.3 – API Level 10」を選択

10

Page 11: 2013 android 1_revised

AVDの作成をクリック 11

Page 12: 2013 android 1_revised

エミュレータは起動に時間がかかるので

先に起動しておく

12

Page 13: 2013 android 1_revised

↑1.さっき作成したAVDをクリックして

選択

2.開始をクリック

13

Page 14: 2013 android 1_revised

「Launch Options」という画面が出てくるが

何もせずそのまま起動をクリック

14

Page 15: 2013 android 1_revised

起動をクリック

15

Page 16: 2013 android 1_revised

エミュレータの画面が出てくるが放置

Eclipseの画面に戻る

16

Page 17: 2013 android 1_revised

17

Page 18: 2013 android 1_revised

次はAndroidのプロジェクトを作

18

Page 19: 2013 android 1_revised

ファイルをクリック

19

Page 20: 2013 android 1_revised

1.新規にポインターをのせて 2.プロジェクトをクリック

20

Page 21: 2013 android 1_revised

「新規プロジェクト」という画面が出現

21

Page 22: 2013 android 1_revised

Androidをダブルクリック

22

Page 23: 2013 android 1_revised

23

1.Android Application Projectをクリック

2.次へをクリック

Page 24: 2013 android 1_revised

「New Android App」という画面が出現

24

Page 25: 2013 android 1_revised

25

Page 26: 2013 android 1_revised

Application Nameは「Work1」

Project Nameも「Work1」

Package Nameはそのまま

26

Page 27: 2013 android 1_revised

Build SDKは「Android 2.3.3 (API 10)」を選択

Minimum Required SDKはそのまま

Create custom launcher iconのチェックを外す

27

Page 28: 2013 android 1_revised

28

次へをクリック

Page 29: 2013 android 1_revised

29

1.Create Activityのチェックを入れる

↑2.BlankActivityを選択

3.次へをクリック

Page 30: 2013 android 1_revised

30

何もせず完了をクリック

Page 31: 2013 android 1_revised

完了をクリックすると次のような画面になる

31

Page 32: 2013 android 1_revised

32

作成したプロジェクト

Page 33: 2013 android 1_revised

ひゃっはー!実行だぁ!!

33

Page 34: 2013 android 1_revised

34

1.プロジェクトをクリックして選択

2.実行をクリック

Page 35: 2013 android 1_revised

先ほど起動しておいたエミュレータを見る

35

Page 36: 2013 android 1_revised

36

これをクリックして右に

スライドしてロックを解除

Page 37: 2013 android 1_revised

37

実行できた!!!

Page 38: 2013 android 1_revised

レイアウトとビュー

38

Page 39: 2013 android 1_revised

TextViewを設置してみる

39

Page 40: 2013 android 1_revised

40

Page 41: 2013 android 1_revised

41

Page 42: 2013 android 1_revised

42

TextViewを掴む!

Page 43: 2013 android 1_revised

43

画面内にドロップ

Page 44: 2013 android 1_revised

44

Page 45: 2013 android 1_revised

45

Page 46: 2013 android 1_revised

TextViewの表示内容を変えてみる

46

Page 47: 2013 android 1_revised

47

Page 48: 2013 android 1_revised

48

ここを追記

Page 49: 2013 android 1_revised

49

Page 50: 2013 android 1_revised

EditTextを配置してみる

50

Page 51: 2013 android 1_revised

51

Page 52: 2013 android 1_revised

52

Page 53: 2013 android 1_revised

Buttonを設置してみる

53

Page 54: 2013 android 1_revised

54

Page 55: 2013 android 1_revised

55

ここを追記

Page 56: 2013 android 1_revised

56

1.このマークをクリック

2.”Button”をインポートしますをクリック

Page 57: 2013 android 1_revised

57

追加されている

Page 58: 2013 android 1_revised

ボタンを押したときにTextViewの内容を

変更しトーストを表示してみる

58

これがトースト

Page 59: 2013 android 1_revised

59

追記する

宣言を外側に

Page 60: 2013 android 1_revised

60

1.追記する2.このマークをクリック

3.実装されていない

メソッドの追加をクリック

Page 61: 2013 android 1_revised

61

追加されている

Page 62: 2013 android 1_revised

62

追記する

Page 63: 2013 android 1_revised

63

1.文字を入力して

2.ボタンをクリック

Page 64: 2013 android 1_revised

64

TextViewの表示内容が変わる

トーストが表示される

Page 65: 2013 android 1_revised

BMI計算アプリを作ってみよう!

65

Page 66: 2013 android 1_revised

66

Page 67: 2013 android 1_revised

BMIの計算方法

BMI = 体重[kg] ÷ 身長[m]2

状態も表示できるとGOOD

67

状態 指標

低体重(痩せ型) 18.5未満

普通体重 18.5以上、25未満

肥満(1度) 25以上、30未満

肥満(2度) 30以上、35未満

肥満(3度) 35以上、40未満

肥満(4度) 40以上

Page 68: 2013 android 1_revised

まとめ

• AVDの設定方法、プロジェクトの作成方法、実行方法

• TextView、Button、EditText、Toastの使い方

• 次回はアクティビティやインテントについて(予定)

69