Tools & tips of the trade for the Android Developer Saúl Molinero Spanish GDGs Summit 2015

Android UI

Material Design

Material design Spec https://www.google.com/design/spec/material-design/introduction.html

Android Niceties http://androidniceties.tumblr.com

materialup http://www.materialup.com

https://dribbble.com/

+ = https://github.com/saulmm/OpenLibra-Material

TabLayout FloatingActionButton CollapsingActionBarLayout NavigationView        compile  ‘com.android.support:design:23.x.x’  

TabLayout FloatingActionButton CollapsingActionBarLayout NavigationView https://github.com/chrisbanes/cheesesquare

No content

CoordinatorLayout

    
               
                           Coordinator Layout: Anchor attributes

No content

                  CoordinatorLayout: Flexible Space https://github.com/saulmm/CoordinatorExamples

https://github.com/saulmm/CoordinatorBehaviorExample Coordinator Layout: Behaviors

Child

Coordinator Layout Behaviors Dependency


 public static class AvatarImageBehavior extends 
 CoordinatorLayout.Behavior { @Override public boolean layoutDependsOn(
 CoordinatorLayout parent, CircleImageView, child, View dependency) { return dependency instanceof Toolbar; }
 
 public boolean onDependentViewChanged(
 CoordinatorLayout parent, CircleImageView avatar, View dependency) {
 modifyAvatarDependingDependencyState(avatar, dependency); } }


 public static class AvatarImageBehavior extends 
 CoordinatorLayout.Behavior { @Override public boolean layoutDependsOn(
 CoordinatorLayout parent, CircleImageView, child, View dependency) { return dependency instanceof Toolbar; } 
 
 public boolean onDependentViewChanged(
 CoordinatorLayout parent, CircleImageView avatar, View dependency) {
 modifyAvatarDependingDependencyState(avatar, dependency); } }


 public static class AvatarImageBehavior extends 
 CoordinatorLayout.Behavior { @Override public boolean layoutDependsOn(
 CoordinatorLayout parent, CircleImageView, child, View dependency) { return dependency instanceof Toolbar; } 
 
 public boolean onDependentViewChanged(
 CoordinatorLayout parent, CircleImageView avatar, View dependency) {
 modifyAvatarDependingDependencyState(avatar, dependency); } }


 public static class AvatarImageBehavior extends 
 CoordinatorLayout.Behavior { @Override public boolean layoutDependsOn(
 CoordinatorLayout parent, CircleImageView, child, View dependency) { return dependency instanceof Toolbar; } 
 
 public boolean onDependentViewChanged(
 CoordinatorLayout parent, CircleImageView avatar, View dependency) {
 modifyAvatarDependingDependencyState(avatar, dependency); } }


 public static class AvatarImageBehavior extends 
 CoordinatorLayout.Behavior { @Override public boolean layoutDependsOn(
 CoordinatorLayout parent, CircleImageView, child, View dependency) { return dependency instanceof Toolbar; }
 
 public boolean onDependentViewChanged(
 CoordinatorLayout parent, CircleImageView avatar, View dependency) {
 modifyAvatarDependingDependencyState(avatar, dependency); } }

Multiple Parallax Effects https://github.com/saulmm/CoordinatorBehaviorExample 
 public  void  initParallaxValues  {
      CollapsingToolbarLayout.LayoutParams  lp1  =
              (CollapsingToolbarLayout.LayoutParams)  
                        mPetImage.getLayoutParams();
 
      CollapsingToolbarLayout.LayoutParams  lp2  =
              (CollapsingToolbarLayout.LayoutParams)  
                        mPetTextContainer.getLayoutParams();
 
      lp1.setParallaxMultiplier(0.9f);        lp2.setPArallaxMultiplier(0.3f);
 
      mPetImage.setLayoutParams(lp1);
      mPetTextContainer.setLayoutParams(lp2);
 }

Android Resources

No content

56dp

Reuse available styles

Built-in decompiler

  2dp
 4dp
 8dp
 16dp
 32dp   No  results   You  need  to  be  logged   Network  error   Couldn’t  fetch  films   Couldn’t  fetch  %s  data Organise your resources, DRY https://github.com/futurice/android-best-practices   12sp
 14sp
 16sp
 18sp
 
 
   2dp
 4dp
 8dp
 12dp
 16dp

         <item  name=“android:textColor”>?colorAccent</item>        <item  name=“android:fontFamily”>sans-­‐serif-­‐medium</item>        <item  name=“android:textAllCaps”>true</item>            <item  name=“android:textColor”>@color/gray_dark</item>            <item  name=“android:minHeight”>@dimen/grid_size_medium</item>        <item  name=“android:gravity”>center_vertical</item>          <item  name=“android:textAppearance”>@style/TextAppearance.Header</item>          <item  name=“android:textAppearance”>@style/TextAppearance.Field</item>            <item  name=“android:clickable”>true</item>        <item  name=“android:background”>?android:attr/selectableItemBackground</item>    

Vector graphics generator

Architecture

Entities Use cases Controllers UI Clean architecture

No content

public  interface  MoviewView  {
      public  void  showMovieTitle  (String  title);
 
      public  void  showMovieImage  (String  imageUri);
          public  void  showTagLine  (String  tagLine);
 
      public  void  showDescription  (String  descrpition);
 
      public  void  showWebPage  (String  webPage);   
      public  void  showProducer  (String  producer);  
 
      public  void  showLoadingIndicator  ();
 
      public  void  hideLoadingIndicator  ();
 }

public  class  MovieActivity  implements  MovieView  {
      private  MoviePresenter  mPresenter;
 
      public  void  onCreate  ()  {  …  mPresenter.onCreate();  }  
 
      public  void  onResume  ()  {  …  mPresenter.onResume();  }
 
      public  void  showMovieTitle  (String  title)  {
            mTitleTextView.setText(title);
      }
 
      public  void  showMovieImage  (String  imageUri)  {
            Glide.with(this).load(imageUri).into(mFilmImageView);
      }
 
        public  void  showLoadingIndicator  ()  {
            mLoadingIndicator.setVisibility(View.VISIBLE);
      }
 
      public  void  hideLoadingIndicator  ()  {
            mLoadingIndicator.setVisibility(View.GONE);
      }
 }

public  interface  MoviePresenter  {
      private  MovieView  mMoviewView;
      private  MovieUsecase  mMovieUsecase;
 
      public  void  MoviePresenter  (MovieView  movieView)  {
            mMovieView  =  movieView;
      }
 
      public  void  onCreate  ()  {              mMoviewView.showLoadingMoview();              mMovieUsecase.subscribe(movie::bindMovie)        }  
              public  void  bindMovie  (Movie  movie)  {
            mMovieView.hideLoadingIndicator();
            mMovieView.showMovieTitle(movie.getTitle());
            mMovieView.showMovieImage(movie.getImage());
      }
 }

public  class  MovieUsecase  implements  Usecase  {
      private  Repository  mRepository;          public  Observable  execute  {
            return  mRepository.getRandomMovie();
      }
 }

//  settings.gradle   include:  ‘:presentation’,                    ‘:domain’,
                  ‘:model’,                    ‘:common’ //  your  module  build.gradle   compile  project:  ‘(:{your  module})’     Layers as modules

Libraries & resources

ButterKnife http://jakewharton.github.io/butterknife/

Stetho https://github.com/facebook/stetho

RetroLambda https://github.com/orfjackal/ RxAndroid https://github.com/ReactiveX/RxAndroid RxJava https://github.com/ReactiveX/RxJava Be reactive!

To-do list

https://code.facebook.com/posts/android/ http://panavtec.me/ https://github.com/lgvalle/Material-Animations http://www.technotalkative.com/part-4-playing-with-navigationview/ https://medium.com/ribot-labs/exploring-the-new-android-design-support-library-b7cda56d2c32 http://androcode.es/ http://google.github.io/dagger/ http://blog.sqisland.com/ https://medium.com/ribot-labs/exploring-the-new-android-design-support-library-b7cda56d2c32 https://github.com/JakeWharton

https://blog.stylingandroid.com/ http://androidweekly.net/ http://antonioleiva.com https://developers.google.com/experts/all/technology/android https://github.com/trending?l=java http://fernandocejas.com/ http://gradleplease.appspot.com/ https://github.com/futurice/android-best-practices https://github.com/googlesamples?utf8=%E2%9C%93&query=android

Thanks ! https://github.com/saulmm https://twitter.com/_saulmm http://saulmm.github.io/