2. Android applications development process
Day 1
Day 1 - 4
Day 5-6
Day 5-6
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
5. UI Overview
1. Main Action Bar (API 11)
2.View Control
3. Content Area
4. Split Action Bar (API 11)
5. Options Menu
5
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
6. Fixed Tab SpinnerNavigation Drawers
Application Structure
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
7. Fixed Tabs : Movies ,Twitter
Fixed Tabs
- ต้องการเน้นให้ผู้ใช้เห็นข้อมูลหน้าอื่น ๆ
- ใช้เมื่อต้องสลับหน้าจอ(View) บ่อย ๆ
- จํานวน Top LevelView ไม่ควรเกิน 3-5
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
8. Scrollable Tabs : Google Play Store
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
9. Stacked Tabs :You Tube
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
10. Gmail
Holo Light
Setting
Holo Dark
Talk in
Holo Light with Dark
action bar
Theme (ice cream sandwich :API 15)
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
11. Metrics and Grid
Button ~48dp
Gap ~8 dp
Size should be specified in dp (density-independent pixels ) do not use = px (pixel)
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
12. Font
Font size should be sp (scale-independent pixels)
do not use = pt (point)
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
15. icon name
Asset Type Prefix Example
Icons ic_ ic_star.png
Launcher icons ic_launcher ic_launcher_calendar.png
Menu icons and Action Bar icons ic_menu ic_menu_archive.png
Status bar icons ic_stat_notify ic_stat_notify_msg.png
Tab icons ic_tab ic_tab_recent.png
Dialog icons ic_dialog ic_dialog_info.png
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
35. Menu : Add Custom Menu : MainActivity.java
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
//add custom menu
menu.add("Save")
.setIcon(android.R.drawable.ic_menu_save)
.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);
menu.add("Search")
.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);
menu.add("Gallery")
.setIcon(android.R.drawable.ic_menu_gallery)
.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);
return true;
}
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
36. Menu : edit MainActivity.java
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_settings:
startActivity(new Intent(this, SettingsActivity.class));
return true;
case R.id.action_login:
startActivity(new Intent(this, LoginActivity.class));
return true;
case R.id.action_about:
startActivity(new Intent(this, WebViewActivity.class));
return true;
default:
return super.onOptionsItemSelected(item);
}
}
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
37. Menus
Floating context menu Contextual action bar Checkable menu Popup Menu
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
38. WebView
Add New Blank Activity
-WebViewActivity.java
-activity_webview.xml
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13
39. Progress Bar
Progress bars
Activity bar
progressBarStyleHorizontal progressBarStyleLarge
progressBarStyle
by Eakapong Kattiya www.ibluecode.com eak.k@ibluecode.com +66 086-673-2111
Monday, May 27, 13