More Related Content Similar to 初心者向けデザイナーのためのAndroidアプリレイアウト勉強会 in 大阪 (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
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
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
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
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
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
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
46. Android
• Graphical Layout
11 12 18
48. Android
•
• Android 3.0(HoneyComb)
Fragment
• Fragment
• Fragment
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
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
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
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
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
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
104. •
• layout_weight
11 12 18
106. •
• layout_width 0
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