Your SlideShare is downloading. ×
Android                Android               ThreeColors11   12   18
•             @akai_t               •       Android               •                   Android               •        Andro...
•                   • Android               • Android                   • Android               • Android                 ...
11   12   18
• Java           install               • Mac                •                javac -version11   12   18
• Java            install               • Windows                • http://www.oracle.com/technetwork/java/                ...
• Java SDK     •11   12   18
• Android SDK        install               • http://developer.android.com/sdk/index.html                 Android SDK11   1...
• Android SDK         install               • Mac                •                         zip                            ...
• Android SDK        install               • Windows                •                •                    • (Program Files...
• Eclipse    install               • http://www.eclipse.org/downloads/11   12   18
• Eclipse   install               •11   12   18
• Eclipse   install               •11   12   18
• Eclipse   install               •11   12   18
• Eclipse     install               •                        ex:/Application/,c:¥)               • eclipse.exe            ...
• Eclipse           ADT               • Help   Install New Software...11   12   18
• Eclipse        ADT               • Add                  Name                Location     URL11   12   18
• Eclipse          ADT               • Developer Tools   Next>11   12   18
• Eclipse         ADT               • Licenses         Finish11   12   18
• Eclipse              ADT               • Eclipse               SDK               • windows             Window           ...
• Android SDK               • Mac Windows                • Window   Android SDK Manager11   12   18
• Android SDK               • Mac Windows                • Android SDK Manager   API11   12   18
• Android SDK               • Mac Windows                • Android SDK Manager   API11   12   18
•                                         • Window   AVD Manager      •                 Android Vitual               Devic...
•               • Name:               • Target:                 Android               • SD Cord:                 SD       ...
•               •                           Start                   • Launch Options                      Launch          ...
•               • Java   Install               • Android SDK         Install               • Eclipse   Install            ...
•               •               •               • Web               •               •11   12   18
•               •11   12   18
Android11   12   18
Android               • Android iPhone                • Android Google                • iPhone                • Android   ...
Android               • Android                •                    •                    •                    •11   12   18
Android               • Android                •                    •                    •                    •           ...
Android               • Android                • Android                •                •                •               ...
Android               • Android                • Android                •                •                •               ...
Android               • Android iPhone                • iPhone             HOME                    Android   HOME         ...
Android               • Android iPhone                • Android         ActionBar                • Android                ...
Android               •11   12   18
Android               •11   12   18
Android               •11   12   18
Android               •11   12   18
Android               •11   12   18
Android               •                    • src                     • Java                    • assets                   ...
Android               • res                        • drawable-hdpi(mdpi,ldpi)                         •                   ...
Android               • main.xml11   12   18
Android               • Graphical Layout11   12   18
Android11   12   18
Android               •                   • Android 3.0(HoneyComb)                            Fragment                   •...
Android               • main.xml11   12   18
Android               •     /res/layout/main.xml     /res/values/strings.xml11   12   18
Android               • Android                HTML div               •        div    input               • Android       ...
Android               • ViewGroup                • View                • HTML            div     span                •    ...
Android               • LinearLayout                 •                (                •    View               • RelativeL...
Android               • FrameLayout                 •                •              View                •        View     ...
Android               • TabHost                 • Tab                   • TabHost                   •               • List...
Android               • View                •                          (                     )                • HTML      ...
Android                 • View ViewGroup                                         •android:layout_width                    ...
Android               • View ViewGroup11   12   18
Android               • LinearLayout(vertical)11   12   18
Android               • LinearLayout(vertical→horizontal)                                horizontal11   12   18
Android               • LinearLayout(horizontal)11   12   18
Android               • LinearLayout(   )11   12   18
Android               • LinearLayout(   )11   12   18
Android               • LinearLayout                • android:orientation   vertical                • android:orientation ...
Android               • RelativeLayout(   )11   12   18
Android               • RelativeLayout(   )11   12   18
Android               • RelativeLayout(   )11   12   18
Android               • RelativeLayout11   12   18
Android               • RelativeLayout                •      View                •    View                •               ...
Android               • FrameLayout11   12   18
Android               • FrameLayout                • View                •        View                •11   12   18
Android               • TableLayout(   1)11   12   18
Android               • TableLayout(   2)11   12   18
Android               • TableLayout                • Table                • android:layout_span     HTML colspan          ...
Android               • layout_margin   padding11   12   18
Android               • gravity   layout_gravity11   12   18
Android               • ImageView11   12   18
Android               • include   ViewStub   merge                •                                       include         ...
Android               • Hierarchy Viewer                 •11   12   18
Android               • Hierarchy Viewer11   12   18
Android               •                   • Android                   •                   • XML                   •11   12...
11   12   18
• Android                • 240×320 QVGA                • 320×480 HVGA HT-03a                • 480×640 VGA                •...
• Android                •             small   normal   large   xlarge               • Android                •   ldpi(120...
•11   12   18
•                   •   layout      layout-(       )                                              layout                  ...
•                   •   drawable   layout                   •   drawable-nodpi                   •               drawable1...
•                   •                   •                   •                   •                   •                   • ...
•                   • Android                    • dp(dip)                      •                      • 160dpi           ...
• sp                 •                •               • px                 •                •     111   12   18
•                   •                   •                   •                   • drow9patch11   12   18
• drow9patch                 • AndroidSDK/tools/draw9patch                •       png11   12   18
• drow9patch                 •                •                •                      (   ).9.png                         ...
• drow9patch                •                •                •11   12   18
11   12   18
•                   • selector                          item                         res/layout/main.xml                  ...
•                   •                       res/layout/main.xml                       res/drowable/close_item.xml11   12  ...
•                    • xml               res/layout/main.xml               res/drowable/rectangle.xml11   12   18
•               res/drowable/rectangle_button.xml11   12   18
•               res/layout/main.xml11   12   18
• styles.xml                              res/values/styles.xml11   12   18
• styles.xml               res/layout/main.xml11   12   18
•                   •11   12   18
•                   • layout_weight11   12   18
•                   •11   12   18
•                   • layout_width   011   12   18
•   211   12   18
•   2   211   12   18
•                   res/drawable-hdpi/tile.png                   res/drawable/tile_bg.xml                   res/layout/mai...
•                   •                       IME                   •                   •11   12   18
• Android            HTML div               •               • RelativeLayout               •               • shape        ...
ThreeColors                      @akai_t11   12   18
Upcoming SlideShare
Loading in...5
×

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

2,326

Published on

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

No Downloads
Views
Total Views
2,326
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

Transcript of "初心者向けデザイナーのための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

×