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

Like this? Share it with your network

Share

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

  • 2,816 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,816
On Slideshare
2,809
From Embeds
7
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
10

Embeds 7

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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