• Save
初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 2,769 views

 

Statistics

Views

Total Views
2,769
Views on SlideShare
2,762
Embed Views
7

Actions

Likes
10
Downloads
0
Comments
0

2 Embeds 7

http://a0.twimg.com 5
http://paper.li 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. Android Android ThreeColors11 12 18
  • 2. • @akai_t • Android • Android • Android Google I/O 2 Android • • 2011 3 • 2012 1 • 2012 211 12 18
  • 3. • • Android • Android • Android • Android • • • • •11 12 18
  • 4. 11 12 18
  • 5. • Java install • Mac • javac -version11 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 SDK11 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/tools11 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 • Workspace11 12 18
  • 16. • Eclipse ADT • Help Install New Software...11 12 18
  • 17. • Eclipse ADT • Add Name Location URL11 12 18
  • 18. • Eclipse ADT • Developer Tools Next>11 12 18
  • 19. • Eclipse ADT • Licenses Finish11 12 18
  • 20. • Eclipse ADT • Eclipse SDK • windows Window Preferences Android • Mac Eclipse> Android SDK Location Android SDK11 12 18
  • 21. • Android SDK • Mac Windows • Window Android SDK Manager11 12 18
  • 22. • Android SDK • Mac Windows • Android SDK Manager API11 12 18
  • 23. • Android SDK • Mac Windows • Android SDK Manager API11 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 size11 12 18
  • 27. • • Java Install • Android SDK Install • Eclipse Install • • ADT Install • Android SDK Manager Install • Android Virtual Device Manager11 12 18
  • 28. • • • • Web • •11 12 18
  • 29. • •11 12 18
  • 30. Android11 12 18
  • 31. Android • Android iPhone • Android Google • iPhone • Android • iPhone Mac Objective-C11 12 18
  • 32. Android • Android • • • •11 12 18
  • 33. Android • Android • • • • • Android Market11 12 18
  • 34. Android • Android • Android • • • • • A3 Android11 12 18
  • 35. Android • Android • Android • • • • ...11 12 18
  • 36. Android • Android iPhone • iPhone HOME Android HOME • Android • Android11 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.xml11 12 18
  • 45. Android • main.xml11 12 18
  • 46. Android • Graphical Layout11 12 18
  • 47. Android11 12 18
  • 48. Android • • Android 3.0(HoneyComb) Fragment • Fragment • Fragment11 12 18
  • 49. Android • main.xml11 12 18
  • 50. Android • /res/layout/main.xml /res/values/strings.xml11 12 18
  • 51. Android • Android HTML div • div input • Android ViewGroup View • ViewGroup View11 12 18
  • 52. Android • ViewGroup • View • HTML div span • View ViewGroup • ViewGroup ViewGroup • LinearLayout RelativeLayout FrameLayout TableLayout AbsoluteLayout( ) TabHost ListView11 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 ViewSwitcher11 12 18
  • 56. Android • View • ( ) • HTML input img • View • TextView EditText ImageView Button CheckBox RadioButton ToggleButton11 12 18
  • 57. Android • View ViewGroup •android:layout_width android:layout_height •fill_parent ver2.2 match_parent •wrap_content11 12 18
  • 58. Android • View ViewGroup11 12 18
  • 59. Android • LinearLayout(vertical)11 12 18
  • 60. Android • LinearLayout(vertical→horizontal) horizontal11 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 • View11 12 18
  • 65. Android • RelativeLayout( )11 12 18
  • 66. Android • RelativeLayout( )11 12 18
  • 67. Android • RelativeLayout( )11 12 18
  • 68. Android • RelativeLayout11 12 18
  • 69. Android • RelativeLayout • View • View • View11 12 18
  • 70. Android • FrameLayout11 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:stretchColumn11 12 18
  • 75. Android • layout_margin padding11 12 18
  • 76. Android • gravity layout_gravity11 12 18
  • 77. Android • ImageView11 12 18
  • 78. Android • include ViewStub merge • include • ViewStub include • merge11 12 18
  • 79. Android • Hierarchy Viewer •11 12 18
  • 80. Android • Hierarchy Viewer11 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 Xoom11 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 • • layout11 12 18
  • 87. • • drawable layout • drawable-nodpi • drawable11 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 • • 111 12 18
  • 91. • • • • • drow9patch11 12 18
  • 92. • drow9patch • AndroidSDK/tools/draw9patch • png11 12 18
  • 93. • drow9patch • • • ( ).9.png 9patch11 12 18
  • 94. • drow9patch • • •11 12 18
  • 95. 11 12 18
  • 96. • • selector item res/layout/main.xml res/drowable/close_item.xml11 12 18
  • 97. • • res/layout/main.xml res/drowable/close_item.xml11 12 18
  • 98. • • xml res/layout/main.xml res/drowable/rectangle.xml11 12 18
  • 99. • res/drowable/rectangle_button.xml11 12 18
  • 100. • res/layout/main.xml11 12 18
  • 101. • styles.xml res/values/styles.xml11 12 18
  • 102. • styles.xml res/layout/main.xml11 12 18
  • 103. • •11 12 18
  • 104. • • layout_weight11 12 18
  • 105. • •11 12 18
  • 106. • • layout_width 011 12 18
  • 107. • 211 12 18
  • 108. • 2 211 12 18
  • 109. • res/drawable-hdpi/tile.png res/drawable/tile_bg.xml res/layout/main.xml11 12 18
  • 110. • • IME • •11 12 18
  • 111. • Android HTML div • • RelativeLayout • • shape shape • •11 12 18
  • 112. ThreeColors @akai_t11 12 18