SIMPLIFY ANDROID UI Steve Zeidner @stevezeidner 

No content

No content

No content

No content

APPLICATION COMPONENTS • Activities • Services • Content Providers • Broadcast Receivers 

ACTIVITY “An activity represents a single screen with a user interface. For example, an email app might have one activity that shows a list of new emails, another activity to compose an email, and another activity for reading emails. Although the activities work together to form a cohesive user experience in the email app, each one is independent of the others.” 

No content

No content

FRAGMENT PROBLEMS • Lifecycle • Fragment Backstack • Tightly coupled View / Controller logic • Default constructor • Memory management + Fragment bugs 

public static MyFragment newInstance(int index) { MyFragment f = new MyFragment(); Bundle args = new Bundle(); args.putInt("index", index); f.setArguments(args); return f; } 

No content

No content

No content

No content

FLOW 

public final class TrackScreen { public final String albumId; public final String trackId; public TrackScreen(String albumId, String trackId) { this.albumId = albumId; this.trackId = trackId; } } 

flow.set(new TrackScreen(albumId, trackId)) 

flow.goBack(); 

FLOW • Navigate between screens • Manages history and persists state • Subflows - nested flows • Dispatcher - executes state changes 

MORTAR 

@dagger.Component(dependencies = MainActivity.Component.class) @DaggerScope(Component.class) public interface Component extends AppDependencies { void inject(TrackView view); } @DaggerScope(Component.class) public static class Presenter extends ViewPresenter { @Override protected void onLoad(Bundle savedInstanceState) { getView().albumTitle.setText("Chalk Dust Torture"); } @Override protected void onSave(Bundle outState) { super.onSave(outState); } } 

public class TrackView extends FrameLayout { @Bind(R.id.album_title) public TextView albumTitle; @Inject protected TrackScreen.Presenter presenter; public TrackView(Context context, AttributeSet attrs) { super(context, attrs); DaggerService.getDaggerComponent(context).inject(this); } @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); presenter.takeView(this); } @Override protected void onDetachedFromWindow() { presenter.dropView(this); super.onDetachedFromWindow(); } @Override protected void onFinishInflate() { super.onFinishInflate(); ButterKnife.bind(this); } } 

onEnterScope(MortarScope scope) onLoad(Bundle savedInstanceState) dropView() onSave(Bundle outState) onExitScope() 

SCOPING AND DEPENDENCY INJECTION 

public class TrackView extends FrameLayout { @Bind(R.id.album_title) public TextView albumTitle; @Inject protected TrackScreen.Presenter presenter; public TrackView(Context context, AttributeSet attrs) { super(context, attrs); DaggerService.getDaggerComponent(context).inject(this); } @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); presenter.takeView(this); } @Override protected void onDetachedFromWindow() { presenter.dropView(this); super.onDetachedFromWindow(); } @Override protected void onFinishInflate() { super.onFinishInflate(); ButterKnife.bind(this); } } 

"Don't call us, we'll call you." 

No content

@Layout(R.layout.screen_track) public class TrackScreen extends Path implements ScreenComponentFactory { public final String albumId; public final String trackId; public TrackScreen(String albumId, String trackId) { this.albumId = albumId; this.trackId = trackId; } @Override public Object createComponent(MainActivity.Component parent) { return DaggerPostScreen_Component.builder() .component(parent) .build(); } @dagger.Component(dependencies = MainActivity.Component.class) @DaggerScope(Component.class) public interface Component extends AppDependencies { void inject(TrackView view); } @DaggerScope(Component.class) public static class Presenter extends ViewPresenter { @Override protected void onLoad(Bundle savedInstanceState) { getView().albumTitle.setText("Chalk Dust Torture"); } @Override protected void onSave(Bundle outState) { super.onSave(outState); } } } 

Flow tells the app where to go while Mortar informs it of what to build and how long to live. 

No content

No content

CABINLIFE DEMO 

MORTAR & FLOW ADVANTAGES • MVP pattern • Memory efficient views • No Fragment issues! • Easier Dependency Injection 

MORTAR & FLOW DOWNSIDES • Steep learning curve • No Material style animations • It's not the Google way 

Should you convert an existing app? 

It depends. 

RESOURCES • [Lukas Piliszczuk] (https://github.com/lukaspili) • Flow Navigation • Mortar Architect
 • [CabinLife] (https://github.com/szeidner/cabinlife-android) 

QUESTIONS?