初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪
•
10 recomendaciones•1,883 vistas
This document provides instructions for setting up the Android development environment, including installing Java, the Android SDK, Eclipse, and configuring an Android virtual device. It describes creating an Android project in Eclipse with basic layouts like LinearLayout and RelativeLayout. It also covers resources for different screen densities and styles.
Recomendados
Más contenido relacionado
Similar a 初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪
Similar a 初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪 (20)
Último
Último (20)
初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪
- 1. Android Android ThreeColors 11 12 18
- 2. • @akai_t • Android • Android • Android Google I/O 2 Android • • 2011 3 • 2012 1 • 2012 2 11 12 18
- 3. • • Android • Android • Android • Android • • • • • 11 12 18
- 4. 11 12 18
- 5. • Java install • Mac • javac -version 11 12 18
- 6. • Java install • Windows • http://www.oracle.com/technetwork/java/ javase/downloads/index.html java SDK (Java SE 6) 11 12 18
- 7. • Java SDK • 11 12 18
- 8. • Android SDK install • http://developer.android.com/sdk/index.html Android SDK 11 12 18
- 9. • Android SDK install • Mac • zip ex:/Application/) • .bash_profile • .bash_profile export PATH=$PATH: /Android SDK /tools )export PATH=$PATH:/Applications/android-sdk-macosx/tools 11 12 18
- 10. • Android SDK install • Windows • • • (Program Files ) 11 12 18
- 11. • Eclipse install • http://www.eclipse.org/downloads/ 11 12 18
- 12. • Eclipse install • 11 12 18
- 13. • Eclipse install • 11 12 18
- 14. • Eclipse install • 11 12 18
- 15. • Eclipse install • ex:/Application/,c:¥) • eclipse.exe • Workspace 11 12 18
- 16. • Eclipse ADT • Help Install New Software... 11 12 18
- 17. • Eclipse ADT • Add Name Location URL 11 12 18
- 18. • Eclipse ADT • Developer Tools Next> 11 12 18
- 19. • Eclipse ADT • Licenses Finish 11 12 18
- 20. • Eclipse ADT • Eclipse SDK • windows Window Preferences Android • Mac Eclipse> Android SDK Location Android SDK 11 12 18
- 21. • Android SDK • Mac Windows • Window Android SDK Manager 11 12 18
- 22. • Android SDK • Mac Windows • Android SDK Manager API 11 12 18
- 23. • Android SDK • Mac Windows • Android SDK Manager API 11 12 18
- 24. • • Window AVD Manager • Android Vitual Device Manager New... 11 12 18
- 25. • • Name: • Target: Android • SD Cord: SD • Skin: 11 12 18
- 26. • • Start • Launch Options Launch • Scale desplay to real size 11 12 18
- 27. • • Java Install • Android SDK Install • Eclipse Install • • ADT Install • Android SDK Manager Install • Android Virtual Device Manager 11 12 18
- 28. • • • • Web • • 11 12 18
- 29. • • 11 12 18
- 30. Android 11 12 18
- 31. Android • Android iPhone • Android Google • iPhone • Android • iPhone Mac Objective-C 11 12 18
- 32. Android • Android • • • • 11 12 18
- 33. Android • Android • • • • • Android Market 11 12 18
- 34. Android • Android • Android • • • • • A3 Android 11 12 18
- 35. Android • Android • Android • • • • ... 11 12 18
- 36. Android • Android iPhone • iPhone HOME Android HOME • Android • Android 11 12 18
- 37. Android • Android iPhone • Android ActionBar • Android • 11 12 18
- 38. Android • 11 12 18
- 39. Android • 11 12 18
- 40. Android • 11 12 18
- 41. Android • 11 12 18
- 42. Android • 11 12 18
- 43. Android • • src • Java • assets • • res • • AndroidManifest.xml • 11 12 18
- 44. Android • res • drawable-hdpi(mdpi,ldpi) • • • layout • XML • value • XML • strings.xml,arrays.xml 11 12 18
- 45. Android • main.xml 11 12 18
- 46. Android • Graphical Layout 11 12 18
- 47. Android 11 12 18
- 48. Android • • Android 3.0(HoneyComb) Fragment • Fragment • Fragment 11 12 18
- 49. Android • main.xml 11 12 18
- 50. Android • /res/layout/main.xml /res/values/strings.xml 11 12 18
- 51. Android • Android HTML div • div input • Android ViewGroup View • ViewGroup View 11 12 18
- 52. Android • ViewGroup • View • HTML div span • View ViewGroup • ViewGroup ViewGroup • LinearLayout RelativeLayout FrameLayout TableLayout AbsoluteLayout( ) TabHost ListView 11 12 18
- 53. Android • LinearLayout • ( • View • RelativeLayout • LinearLayout • 11 12 18
- 54. Android • FrameLayout • • View • View • TableLayout • • • AbsoluteLayout( ) • 11 12 18
- 55. Android • TabHost • Tab • TabHost • • ListView • • • Gallery GridView ScrollView Spinner SurfaceView ViewFlipper ViewSwitcher 11 12 18
- 56. Android • View • ( ) • HTML input img • View • TextView EditText ImageView Button CheckBox RadioButton ToggleButton 11 12 18
- 57. Android • View ViewGroup •android:layout_width android:layout_height •fill_parent ver2.2 match_parent •wrap_content 11 12 18
- 58. Android • View ViewGroup 11 12 18
- 59. Android • LinearLayout(vertical) 11 12 18
- 60. Android • LinearLayout(vertical→horizontal) horizontal 11 12 18
- 61. Android • LinearLayout(horizontal) 11 12 18
- 62. Android • LinearLayout( ) 11 12 18
- 63. Android • LinearLayout( ) 11 12 18
- 64. Android • LinearLayout • android:orientation vertical • android:orientation horizontal • View 11 12 18
- 65. Android • RelativeLayout( ) 11 12 18
- 66. Android • RelativeLayout( ) 11 12 18
- 67. Android • RelativeLayout( ) 11 12 18
- 68. Android • RelativeLayout 11 12 18
- 69. Android • RelativeLayout • View • View • View 11 12 18
- 70. Android • FrameLayout 11 12 18
- 71. Android • FrameLayout • View • View • 11 12 18
- 72. Android • TableLayout( 1) 11 12 18
- 73. Android • TableLayout( 2) 11 12 18
- 74. Android • TableLayout • Table • android:layout_span HTML colspan • android HTML rowspan • android:stretchColumn 11 12 18
- 75. Android • layout_margin padding 11 12 18
- 76. Android • gravity layout_gravity 11 12 18
- 77. Android • ImageView 11 12 18
- 78. Android • include ViewStub merge • include • ViewStub include • merge 11 12 18
- 79. Android • Hierarchy Viewer • 11 12 18
- 80. Android • Hierarchy Viewer 11 12 18
- 81. Android • • Android • • XML • 11 12 18
- 82. 11 12 18
- 83. • Android • 240×320 QVGA • 320×480 HVGA HT-03a • 480×640 VGA • 480×800 WVGA NexusOne • 480×854 FWVGA Xperia • 640×960 DualVGA IS03 • 540×960 qHD SH-12C • 600×1024 WSVGA GalaxyTab7 • 720×1280 Galaxy Nexus • 1280×752 Xoom 11 12 18
- 84. • Android • small normal large xlarge • Android • ldpi(120dpi) • mdpi(160dpi) • hdpi(240dpi) • xhdpi(320dpi) 11 12 18
- 85. • 11 12 18
- 86. • • layout layout-( ) layout • • layout 11 12 18
- 87. • • drawable layout • drawable-nodpi • drawable 11 12 18
- 88. • • • • • • • • • • 11 12 18
- 89. • • Android • dp(dip) • • 160dpi 160dpi 1dpi=1px • 160dpi mdpi hdpi 1dpi=1.5px ldpi 1dpi=0.75px • 11 12 18
- 90. • sp • • • px • • 1 11 12 18
- 91. • • • • • drow9patch 11 12 18
- 92. • drow9patch • AndroidSDK/tools/draw9patch • png 11 12 18
- 93. • drow9patch • • • ( ).9.png 9patch 11 12 18
- 94. • drow9patch • • • 11 12 18
- 95. 11 12 18
- 96. • • selector item res/layout/main.xml res/drowable/close_item.xml 11 12 18
- 97. • • res/layout/main.xml res/drowable/close_item.xml 11 12 18
- 98. • • xml res/layout/main.xml res/drowable/rectangle.xml 11 12 18
- 99. • res/drowable/rectangle_button.xml 11 12 18
- 100. • res/layout/main.xml 11 12 18
- 101. • styles.xml res/values/styles.xml 11 12 18
- 102. • styles.xml res/layout/main.xml 11 12 18
- 103. • • 11 12 18
- 104. • • layout_weight 11 12 18
- 105. • • 11 12 18
- 106. • • layout_width 0 11 12 18
- 107. • 2 11 12 18
- 108. • 2 2 11 12 18
- 109. • res/drawable-hdpi/tile.png res/drawable/tile_bg.xml res/layout/main.xml 11 12 18
- 110. • • IME • • 11 12 18
- 111. • Android HTML div • • RelativeLayout • • shape shape • • 11 12 18
- 112. ThreeColors @akai_t 11 12 18