Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Ähnlich wie 20150802 codeal androidアプリを作ろう(おみくじアプリ編)
Ähnlich wie 20150802 codeal androidアプリを作ろう(おみくじアプリ編) (20)
Mehr von codeal
20150802 codeal androidアプリを作ろう(おみくじアプリ編)
- 1. おみくじアプリを作ろう
- 4. Androidアプリ開発に必要なもの - AndroidStudioを利用するために十分なスペックのPC - AndroidStudio - Googleが2013年5月に発表した、Androidアプリの統合開発環境 - インストール方法参考 - https://github.com/keiji/the-androidstudio-book - Android端末 - もしくは AndroidEmulatorを実行するために十分なPCスペック
- 5. AndroidStudio v.s. Eclipse - 数年前まではAndroidアプリ開発といえばEclipseだった - 2015年6月時点ではAndroidStudioを推奨 - Eclipseは2015年末にメンテナンスが終了される - 一時期はNDKのためにEclipseの利用がされていたケースもある - が、AndroidStudio 1.3 RC 3 でNDK対応が入ったため、 それも不要になる見込みがある - 公式ブログでEclipseからの移行方法が示されている - Eclipse関連の情報は古い事が多いので気をつける
- 6. サンプルプロジェクトの見方 - サンプルの作業履歴 - サンプルを参考にしながら実装を進める - AndroidStudioの操作で自動生成されるコードもある - スライドで操作方法を示しているものは、操作をしてから編集をする
- 7. おみくじアプリを作る
- 9. 進めていく際の心得 - 理解出来なくとも進められるよう意識して資料作成をしてい る - 資料に不備があれば報告を！ - 疑問に思った事があれば質問する - 完走できなくても落ち込まない - 意欲のある学習者向けに、多少発展的な作業も盛り込んでいます - 一度に全てを理解しようとしない事 - URLも多数掲載しているが、余裕のある方に向けているものが殆ど
- 10. 実装概要 1. Add No Activityでプロジェクト作成 2. Blank ActivityでActivityを用意する 3. ボタンを設置する 4. ボタンにクリックイベントをセットする 5. ボタンのクリップイベントでおくみじを実行する ←このアイコンが出たらアプリを転送して確認してみましょう 実装例: このスペースにはお手本となるサンプル実装へのリンクが貼られます ( 例 )
- 12. 1.NoActivityでプロジェクトを作成 - Application Name: Omikuji - Company Domain: ${username}.github.com - Project Location: プロジェクトを作成するパス(任意) 次のスライドへ続く
- 16. 1.NoActivityでプロジェクトを作成 - ここ時点でプロジェクトの作成は完了です - 現時点では起動するActivity(画面)が存在しないため、 アプリの転送はまだ出来ません 実装例: NoActivityでプロジェクトを作成
- 17. Tips: ActivityとView - Activityクラス: 1つのWindowを制御する - Viewクラス: 主にユーザの目に見えるものを制御する - ActivityがViewを管理し、画面を描画する
- 18. Tips: ActivityでViewを管理する - Activity#setContentViewでレイアウトを指定する - Activity#findViewByIdでViewを取得して操作する - setContentViewの前でfindViewByIdをするとNullが返るので注意
- 19. 2.BlankActivityを作成する - パッケージエクスプローラのクリックメニューを利用 - [New]->[Activity]->[Blank Activity] - Activity Name: OmikujiActivity - Launcher Activityにチェックを入れる 次のスライドへ続く
- 27. エミュレーターでアプリを起動する Release Name: KitKat API Level: 19 ABI: x86 「Download」をクリック
- 31. 2.BlankActivityを作成する 作成したOmikujiActivityを確認してみましょう 実装例: : Blank Activity を作成する
- 32. 2.BlankActivityを作成する - OmikujiActivity.java のメニューに関するコードを削除 - res/menu/menu_main.xml ファイルを削除 オプションメニューが消えている事を確認しましょう 実装例: : メニューは利用しないので削除する
- 33. Tips: Androidのリソース(Rクラス) - XMLで定義された各種リソース - app/src/res/values/ ディレクトリに設置する - 数値、文字列、スタイルなどを一元管理する仕組み - 国際化や端末環境による切り替えが簡単に出来る - JavaとXMLのどちらからでもアクセス可能 - Javaでは R.string.app_name のような記述で利用する - XMLでは @string/app_name のような記述で利用する - attr,dimen,color,style,string,rawなど様々なものがある
- 37. 3.ボタンを設置する ActivityでViewを扱えるようにidを指定する - text: おみくじを引く - id: okumiji 設置したボタンを見てみましょう 実装例: ボタンを設置する
- 38. 4.ボタンにクリックイベントを設定 - OmikujiActivityにOnClickListenerを実装する - クリックイベントの動作確認のためにToastを出す - Toast: メッセージをポップアップで表示する クリックしたら設置したボタンを見てみましょう 実装例: ボタンにクリックイベントを実装する
- 39. 5.クリックイベントでおみくじを実行 - Toast.makeToastを削除して、おみくじに置き換える - Randomクラスでランダムな結果を作る - Button#setTextでテキストをボタンへセットする ランダムな結果が表示される事を確認しましょう 実装例: ボタンを押した時にランダムな結果を表示する
- 41. 実装概要 - 追加課題 ここから先は追加課題となります 以下に示されていない事に挑戦するのも構いません (スタイルの調整等) 6. 間を置いてからおみくじの結果を表示する 7. 下に引っ張っておみくじを引く 8. 通知で結果を知らせる 9. 通知に「共有」ボタンを設置する
- 42. ここから先に進む際の注意点 ここから先は少し発展的な内容も含まれています ですが、サンプルと照らし合わせながら進めていけば、 完走できるようになっています 余裕のある方は、もう一息頑張ってみましょう
- 43. 6.間を置いて結果を表示する - Handlerを利用して3秒後におみくじを実行する - Handler: Handlerへpostした処理を順に実行するクラス - http://mixi-inc.github.io/AndroidTraining/fundamentals/2.12.handler-and-looper.html 間を置いて結果が表示される事を確認しましょう 実装例: ボタンを押してから3秒後に結果を表示する
- 44. 7.下に引っ張っておみくじを引く - SwipeRefreshLayoutを利用する - support-v7(公式のライブラリ)に含まれるViewクラス - 下に引っ張った時の処理をリスナーへ記述する - SwipeRefreshLayout#setOnRefreshListenerを利用する - 既存のRelativeLayoutをSwipeRefreshLayoutで囲む - GUIのレイアウトエディタが扱えない複雑な操作のため、 XMLを手で直接編集する 下に引っ張っておみくじを引いてみましょう 実装例: 下に引っ張っておみくじを引く
- 45. 8.結果を通知で知らせる - Androidでは通知を活用するケースが多い(iOS比) - NotificationCompat#Builderで通知を実装する - title,text,smallIconは必須、一つでも欠けてると通知が出ないので注意 - NotificationManagerを利用してBuilderで生成した通知を 表示する 通知が表示される事を確認してみましょう 実装例: おみくじの結果を通知で知らせる
- 46. 9.通知に共有ボタンをつける - 通知上のボタンをタップして結果を「共有」する - Androidでは、任意のアプリを選択可能な手段を用意してお く事が望ましい - 「画像が扱えるアプリに画像のパスを送るよ」 - 「テキストを扱えるアプリにテキストを送るよ」 - Don't hardcode links to other apps (有志による翻訳)
- 47. 9.通知に共有ボタンをつける - NotificationCompat.BuilderのaddActionでボタンを設置 - Android Tips #23 Android4.1 で追加された Notification のスタイルを使 いこなす ｜ Developers.IO - ActionとしてIntentを指定する - 暗黙的Intentによって任意のアプリへ「共有」する - 連携アプリの対象として “MIME-Type: text/plain” を指定 - このフォーマットを扱えないアプリは選択肢に出てこない 通知をタップして「共有」出来るか見てみましょう 実装例: 通知に共有ボタンを設置する
- 49. 参考リソース - Android Developers (公式サイト) - mixi-inc/AndroidTraining - mixi社の研修資料 - スライド内で利用しているドロイド君のアイコン - Creative Commons Atteribution 3.0 でライセンスされています