コンピュータと論理A 第7回 2015年5月27日 App Inventorによる Androidアプリ開発の実践 (1) お絵かきアプリの基本 1 今回の授業内容 • 素材を用意する • お絵かきアプリを作る • 保存画像を確認する – エミュレータの場合 – 実機の場合 • 次回用の素材を用意する 2 素材を用意する 3 画像をダウンロードする ①ここから1つ選ぶ ②画像の上で右クリック ③保存ここからそれぞれ 1つ選んで同様に保存（ファイル名の変更は不要） 4 お絵かきアプリを作る 5 新しいプロジェクトをつくる ① ② 6 新しいプロジェクトをつくる 7 プロジェクトに名前をつける今回は「Oekaki」 8 9 アプリのタイトルを変える「お絵かきアプリ」 10 画像ファイルをアップロードする 11 画像ファイルをアップロードする 12 Iconにcp○.pngを設定する 13 画面を左右に分割する 14 縦横方向にめいっぱい広げる Fill 15 Canvasを配置する 16 キャンパスを縦横いっぱいに広げる Fill 17 縦に部品を並べられるようにする 18 縦・横の長さを指定する Fill 32 19 ボタンを3つ配置する 20 ボタンの高さ・幅・絵を設定する Textは消去する 32 camera○.png 21 他の2つのボタンも同様に設定する 32 22 カメラの呼び出し機能を付ける 23 「ブロックエディタ」を起動する 24 ボタンがクリックされたら 25 写真を撮る 26 撮った写真を 27 背景画像としてセットする 28 背景画像としてセットする 29 ラクガキできるようにする 30 ラクガキできるようにする 31 ラクガキできるようにする 32 ラクガキを消去する 33 ラクガキを消去する 34 保存する 35 保存する 36 保存する 37 完成！ 38 実行する 1. エミュレータでひととおり実行しよう – ラクガキ機能 – カメラ機能 – ラクガキ消去機能 – 保存機能 2. Androidのスマートフォンを持っている人はインストールして実行してみよう 39 保存画像を確認する－エミュレータの場合 40 エクスプローラで確認するアプリで保存した画像は windroy_root¥mnt¥sdcard¥ My Documents¥Pictures¥ にあるのでエクスプローラで確認する 41 保存画像を確認する－実機の場合 42 ファイルマネージャーアプリとは • スマートフォン内のファイルを管理するためのアプリどれでもよいが，今からインストールする人はとりあえずこれを選ぼう 43 ファイルマネージャーアプリで確認する /sdcard/My Documents/Pictures/ に保存されるのでファイルマネージャーで確認するまずはここをタップ 44 次回用の素材を用意する 45 宿題 • デコ画像を用意しよう（3つくらい） • 次回予告 – – – – – ラクガキの線の色を変えるラクガキの線の太さを変えるデコ画像を表示するデコ画像を動かすデコ画像を変える 46