初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪

2,455
-1

Published on

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,455
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪

  1. 1. Android Android ThreeColors11 12 18
  2. 2. • @akai_t • Android • Android • Android Google I/O 2 Android • • 2011 3 • 2012 1 • 2012 211 12 18
  3. 3. • • Android • Android • Android • Android • • • • •11 12 18
  4. 4. 11 12 18
  5. 5. • Java install • Mac • javac -version11 12 18
  6. 6. • Java install • Windows • http://www.oracle.com/technetwork/java/ javase/downloads/index.html java SDK (Java SE 6)11 12 18
  7. 7. • Java SDK •11 12 18
  8. 8. • Android SDK install • http://developer.android.com/sdk/index.html Android SDK11 12 18
  9. 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/tools11 12 18
  10. 10. • Android SDK install • Windows • • • (Program Files )11 12 18
  11. 11. • Eclipse install • http://www.eclipse.org/downloads/11 12 18
  12. 12. • Eclipse install •11 12 18
  13. 13. • Eclipse install •11 12 18
  14. 14. • Eclipse install •11 12 18
  15. 15. • Eclipse install • ex:/Application/,c:¥) • eclipse.exe • Workspace11 12 18
  16. 16. • Eclipse ADT • Help Install New Software...11 12 18
  17. 17. • Eclipse ADT • Add Name Location URL11 12 18
  18. 18. • Eclipse ADT • Developer Tools Next>11 12 18
  19. 19. • Eclipse ADT • Licenses Finish11 12 18
  20. 20. • Eclipse ADT • Eclipse SDK • windows Window Preferences Android • Mac Eclipse> Android SDK Location Android SDK11 12 18
  21. 21. • Android SDK • Mac Windows • Window Android SDK Manager11 12 18
  22. 22. • Android SDK • Mac Windows • Android SDK Manager API11 12 18
  23. 23. • Android SDK • Mac Windows • Android SDK Manager API11 12 18
  24. 24. • • Window AVD Manager • Android Vitual Device Manager New...11 12 18
  25. 25. • • Name: • Target: Android • SD Cord: SD • Skin:11 12 18
  26. 26. • • Start • Launch Options Launch • Scale desplay to real size11 12 18
  27. 27. • • Java Install • Android SDK Install • Eclipse Install • • ADT Install • Android SDK Manager Install • Android Virtual Device Manager11 12 18
  28. 28. • • • • Web • •11 12 18
  29. 29. • •11 12 18
  30. 30. Android11 12 18
  31. 31. Android • Android iPhone • Android Google • iPhone • Android • iPhone Mac Objective-C11 12 18
  32. 32. Android • Android • • • •11 12 18
  33. 33. Android • Android • • • • • Android Market11 12 18
  34. 34. Android • Android • Android • • • • • A3 Android11 12 18
  35. 35. Android • Android • Android • • • • ...11 12 18
  36. 36. Android • Android iPhone • iPhone HOME Android HOME • Android • Android11 12 18
  37. 37. Android • Android iPhone • Android ActionBar • Android •11 12 18
  38. 38. Android •11 12 18
  39. 39. Android •11 12 18
  40. 40. Android •11 12 18
  41. 41. Android •11 12 18
  42. 42. Android •11 12 18
  43. 43. Android • • src • Java • assets • • res • • AndroidManifest.xml •11 12 18
  44. 44. Android • res • drawable-hdpi(mdpi,ldpi) • • • layout • XML • value • XML • strings.xml,arrays.xml11 12 18
  45. 45. Android • main.xml11 12 18
  46. 46. Android • Graphical Layout11 12 18
  47. 47. Android11 12 18
  48. 48. Android • • Android 3.0(HoneyComb) Fragment • Fragment • Fragment11 12 18
  49. 49. Android • main.xml11 12 18
  50. 50. Android • /res/layout/main.xml /res/values/strings.xml11 12 18
  51. 51. Android • Android HTML div • div input • Android ViewGroup View • ViewGroup View11 12 18
  52. 52. Android • ViewGroup • View • HTML div span • View ViewGroup • ViewGroup ViewGroup • LinearLayout RelativeLayout FrameLayout TableLayout AbsoluteLayout( ) TabHost ListView11 12 18
  53. 53. Android • LinearLayout • ( • View • RelativeLayout • LinearLayout •11 12 18
  54. 54. Android • FrameLayout • • View • View • TableLayout • • • AbsoluteLayout( ) •11 12 18
  55. 55. Android • TabHost • Tab • TabHost • • ListView • • • Gallery GridView ScrollView Spinner SurfaceView ViewFlipper ViewSwitcher11 12 18
  56. 56. Android • View • ( ) • HTML input img • View • TextView EditText ImageView Button CheckBox RadioButton ToggleButton11 12 18
  57. 57. Android • View ViewGroup •android:layout_width android:layout_height •fill_parent ver2.2 match_parent •wrap_content11 12 18
  58. 58. Android • View ViewGroup11 12 18
  59. 59. Android • LinearLayout(vertical)11 12 18
  60. 60. Android • LinearLayout(vertical→horizontal) horizontal11 12 18
  61. 61. Android • LinearLayout(horizontal)11 12 18
  62. 62. Android • LinearLayout( )11 12 18
  63. 63. Android • LinearLayout( )11 12 18
  64. 64. Android • LinearLayout • android:orientation vertical • android:orientation horizontal • View11 12 18
  65. 65. Android • RelativeLayout( )11 12 18
  66. 66. Android • RelativeLayout( )11 12 18
  67. 67. Android • RelativeLayout( )11 12 18
  68. 68. Android • RelativeLayout11 12 18
  69. 69. Android • RelativeLayout • View • View • View11 12 18
  70. 70. Android • FrameLayout11 12 18
  71. 71. Android • FrameLayout • View • View •11 12 18
  72. 72. Android • TableLayout( 1)11 12 18
  73. 73. Android • TableLayout( 2)11 12 18
  74. 74. Android • TableLayout • Table • android:layout_span HTML colspan • android HTML rowspan • android:stretchColumn11 12 18
  75. 75. Android • layout_margin padding11 12 18
  76. 76. Android • gravity layout_gravity11 12 18
  77. 77. Android • ImageView11 12 18
  78. 78. Android • include ViewStub merge • include • ViewStub include • merge11 12 18
  79. 79. Android • Hierarchy Viewer •11 12 18
  80. 80. Android • Hierarchy Viewer11 12 18
  81. 81. Android • • Android • • XML •11 12 18
  82. 82. 11 12 18
  83. 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 Xoom11 12 18
  84. 84. • Android • small normal large xlarge • Android • ldpi(120dpi) • mdpi(160dpi) • hdpi(240dpi) • xhdpi(320dpi)11 12 18
  85. 85. •11 12 18
  86. 86. • • layout layout-( ) layout • • layout11 12 18
  87. 87. • • drawable layout • drawable-nodpi • drawable11 12 18
  88. 88. • • • • • • • • • •11 12 18
  89. 89. • • Android • dp(dip) • • 160dpi 160dpi 1dpi=1px • 160dpi mdpi hdpi 1dpi=1.5px ldpi 1dpi=0.75px •11 12 18
  90. 90. • sp • • • px • • 111 12 18
  91. 91. • • • • • drow9patch11 12 18
  92. 92. • drow9patch • AndroidSDK/tools/draw9patch • png11 12 18
  93. 93. • drow9patch • • • ( ).9.png 9patch11 12 18
  94. 94. • drow9patch • • •11 12 18
  95. 95. 11 12 18
  96. 96. • • selector item res/layout/main.xml res/drowable/close_item.xml11 12 18
  97. 97. • • res/layout/main.xml res/drowable/close_item.xml11 12 18
  98. 98. • • xml res/layout/main.xml res/drowable/rectangle.xml11 12 18
  99. 99. • res/drowable/rectangle_button.xml11 12 18
  100. 100. • res/layout/main.xml11 12 18
  101. 101. • styles.xml res/values/styles.xml11 12 18
  102. 102. • styles.xml res/layout/main.xml11 12 18
  103. 103. • •11 12 18
  104. 104. • • layout_weight11 12 18
  105. 105. • •11 12 18
  106. 106. • • layout_width 011 12 18
  107. 107. • 211 12 18
  108. 108. • 2 211 12 18
  109. 109. • res/drawable-hdpi/tile.png res/drawable/tile_bg.xml res/layout/main.xml11 12 18
  110. 110. • • IME • •11 12 18
  111. 111. • Android HTML div • • RelativeLayout • • shape shape • •11 12 18
  112. 112. ThreeColors @akai_t11 12 18

×