Android design patterns

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Android Design Patterns

Raul Portales
@sla_shalafi

Platty Soft
@plattysoft

Why?

Good Design = Happy Users

Device Independent Design

Save yourself time and headaches

Device Independent Design
● Use dips
● Prefer Relative Layouts
● Qualify dimensions as resources
– Best way...

Fragments

Design for phones and tablets
Reuse as much code as you can

Fragments
● A Fragment represents a behavior or a portion
of user interface in an Activity.
● You can think of a f...

Using Fragments
● Fragments are only available 3.0+
● Gingerbread is still on 50%+ of devices

Compat Library

Brings Fragments back to 1.6

Fragments: Detail View

Fragments: Detail View

The tech side
● MasterFragment
● DetailFragment
● Qualify layouts
– xlarge-land → 2 fragments
– ...

Fragments
● onCreateView
● onViewCreated
● getActivity
● getArguments

Common Pitfalls
● Be aware of the Constructor!!
● The Activity may not be always there
– It may have been des...

FragmentManager
● findFragmentById
● findFragmentByTag
● FragmentTransaction

FragmentManager fm = getSupportFragme...

Fragments: View Pager

The most useful utility of Fragments

Fragments: View Pager

The tech side
● MainActivity
● FragmentPagerAdapter
– Fragments

Show me the Code
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="fill_pa...

Action Bar

Main improvement in 3.0 and 4.0
Has been around since 2009

Action Bar

1.App icon
2.View control
3.Action buttons
4.Action overflow

Action Buttons
● Frequent
● Important
● Typical

Show me the Code
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflat...

The Action Bar is NOT part of the Compat Library

ActionBarSherlock
● Deprecated from Inception
– Same class names, different packages
● Based on the Compat li...

Using ABS
● Add ABS as library
● Use the theme for your App
● getActionBar → getSupportActionBar
● Activity → Sher...

ViewPageIndicator

You have seen it in the screenshots
Combined with a ViewPager

ViewPageIndicator

Show me the Code
<com.viewpagerindicator.TitlePageIndicator
android:id="@+id/indicator"
android:padding="10dip"
...

Navigation Styles
● Top navigation tabs
– For a clear landing page
● Dashboard
– For a set of import...

Navigation Styles

Vs.

Testing on devices

Testing on devices

Testing on devices

Testing on devices

Doing more with less
● Gingerbread, hdpi, normal → Nexus One
● Jelly Bean, xhdpi → Galaxy Nexus
● Froyo, mdpi → HTC ...

To know more...
● Android Design Site:
http://developer.android.com/design
● Google I/O videos, specially day 3
...

Android Design Patterns

Raul Portales
@sla_shalafi

Platty Soft
@plattysoft

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Piracy on Apps by Platty Soft 769 views
Design pattern in android by Jay Kumarr 21071 views

View on Slideshare

1 of 41 Ad

View on Slideshare

1 of 41 Ad