Download to read offline
情報理工Android勉強会第一回大将Part
- 1.
- 2. 最終ゴール • 定期的な個別テーマ発表会 • なんかいっしょにつくれたらいいな、、、 •突発的な企画実現の場として機能
- 3.
- 4. 今日の流れ • 大将Part １. 何を学べばアプリを作れるの？ ２．開発環境の使い方 ３．画面作成(レイアウト)について •維新Part １. Activityについて ２．Intentについて • まとめ
- 5.
- 6. 何を学べばいいの？ アプリ実装に必要なこと • UI • 画面遷移、アプリ間連携 •DB処理(SQLite)、データ処理 • ネットワーク通信 • 非同期処理 • ハードウェア、センサー • バッチ処理、バックグラウンド処理 アプリの品質向上に必要なこと • オブジェクト指向 • アーキテクチャ設計 • テスト技法、TDD ! !
- 7. まずはこっち！ アプリ実装に必要なこと • UI • 画面遷移、アプリ間連携 •DB処理(SQLite)、データ処理 • ネットワーク通信 • 非同期処理 • ハードウェア、センサー • バッチ処理、バックグラウンド処理
- 8. まずはこっち！ 今日の分！ アプリ実装に必要なこと • UI • 画面遷移、アプリ間連携 •DB処理(SQLite)、データ処理 • ネットワーク通信 • 非同期処理 • ハードウェア、センサー • バッチ処理、バックグラウンド処理
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. ディレクトリ,ファイル • drawable • menu •values • layout • manifest
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45. そこで！ ! ! 1dp = 160dpi(dotper inch)の機種で1px →320dpiなら1dp＝2pxとなる
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. 向きの指定 android:orientation ! vertical: 縦に並べる ! horizontal: 横に並べる
- 56.
- 57.
- 58. 文字列定義 <strings.xml> ! <?xml version="1.0" encoding="utf-8"?> <resources> ! <stringname="app_name">MapSample</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> ! </resources> 通常は外部定義ファイルに記述する！！
- 59. 全体のコード ! <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height=“match_parent" android:gravity=“center" android:orientation=“vertical"> ! <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=“@string/start_text" /> ! <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=“@string/end_text" /> ! </LinearLayout>
- 60.
- 61.
- 62.
- 63. dpをpxに直すと・・・ • 160dpiでは、 100px 100px ! •320dpiでは、 200px 200px
- 64.
- 65. そこで・・・ 端末解像度に合わせて画像を用意する！ drawable-ldpi :120dpi drawable-mdpi : 160dpi drawable-hdpi : 240dpi drawable-xhdpi : 320dpi
- 66.
- 67.
- 68.
- 69.
- 70. 他のレイアウト 他にどんなレイアウトがあるの？ • TableLayout • FrameLayout •RelativeLayout
- 71. TableLayout 表を作成(HTMLのtableタグとほぼ同じ！) <TableLayout android:layout_width="match_parent" android:layout_height="wrap_content" > ! <TableRow android:layout_width="match_parent" android:layout_height="match_parent" > ! <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/hello"/> ! <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/world" /> </TableRow> ! </TableLayout> Hello world
- 72.
- 73. FrameLayout <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/FrameLayout1" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > ! <!--赤 --> <ImageView android:layout_width="200dp" android:layout_height="200dp" android:background="#FF0000" /> ! <!-- 緑 --> <ImageView android:layout_width="190dp" android:layout_height="190dp" android:background="#00FF00" /> ! <!-- 青 --> <ImageView android:layout_width="180dp" android:layout_height="180dp" android:background="#0000FF" /> ! </FrameLayout> (出典:Github mixi-inc / AndroidTraining 「レイアウトの作成」) https://github.com/mixi-inc/AndroidTraining
- 74.
- 75. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > ! <Button android:id="@+id/a" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:text="A" android:textSize="16sp"/> ! <Button android:id="@+id/b" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@+id/a" android:layout_toRightOf="@+id/a" android:text="B" /> ! <Button android:id="@+id/c" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/b" android:layout_below="@+id/b" android:text="C" /> ! <Button android:id="@+id/d" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/c" android:layout_alignTop="@+id/b" android:layout_toRightOf="@+id/b" android:text="D" /> ! </RelativeLayout> (出典:Github mixi-inc / AndroidTraining 「レイアウトの作成」) https://github.com/mixi-inc/AndroidTraining
- 76. 他のウィジェット • EditText：テキストボックス • Spinner：選択ボックス •RadioButton：ラジオボタン • CheckBox：チェックボタン • ListView: リスト などなど盛りだくさん！！！！！！！逐次検索して！！
- 77.
- 78.
- 79. 演習 (出典:Github mixi-inc / AndroidTraining「レイアウトの作成」) https://github.com/mixi-inc/AndroidTraining
- 80. 演習 (出典:Github mixi-inc / AndroidTraining「レイアウトの作成」) https://github.com/mixi-inc/AndroidTraining
- 81. 参考にするとよいです Androidアプリ開発入門 http://androidguide.nomaki.jp/html/widget/ widgetMain.html Android Developers APIReference http://developer.android.com/reference/ packages.html
- 82.
- 83. ‒Hiroki Sakamoto Thank youfor listening!!