Architecture Android et bonnes pratiques

[DevoxxFr 2016:https://www.youtube.com/watch?v=yXWWuauVVEE]
Depuis maintenant 7 ans que je développe sous Android, ma principale préoccupation a toujours été l'architecture.

Et si nous prenions quelques heures pour en discuter ?
Je vous propose une vision globale et synthétique s'appuyant sur des exemples concrets, sur les principes et conseils de référence des équipes Google et sur des modèles d'architecture (MVP/n-tiers) et leur mises en place.
Au programme:
Le contexte Android,
L'objectif utilisateur,
La responsabilité du développeur,
Les bonnes pratiques (celles de Chet Haase, Romain Guy et les miennes),
Les principes d'architecture (n-tiers, MVP et MVVM),
Leur application sur Android (services, threads, Application ...),
Le déploiement continue,
Les librairies incontournables du moment,
Un exemple concret d'utilisation d'un service REST (up et download)
et bien sûr un projet github est associé à cette conférence pour que le code soit avec vous !

Transcript

1. @android2ee by(Mathias Seguy == Android2EE){ French Android Trainer}
2. Android2EE est référencé en tant qu’organisme de formation, vous pouvez faire prendre en charge tout ou partie du montant de cette formation par votre OPCA. Cette formation Initiation avancée à Android est éligible au titre du DIF et CIF. Lieu : Paris, Toulouse, Lyon Durée : 5 jours Prix : 2980 € 2
3. Lieu : Paris Date : 10 - 13 Mai 2016 Durée : 4 jours 3 Lieu : Lyon Date : 23 - 27 Mai 2016 Durée : 5 jours Lieu : Paris Date : 06 - 10 Juin 2016 Durée : 5 jours
4. Pénurie Vie en collectivité
5. Le contexte est tout Papa, on peut atteindre Mach1 ? La réponse dépend du contexte ! DataCenter Desktop Tablette Smartphone You're here Light1, facile. Mach1, facile. Euh,... Qui me parle ? Allégorie de la puissance
6. Le contexte est tout Papa, tu me sers à boire de l'eau, s'il te plait ? Water water.drink() giveWater() water.drink() null Le contexte Le contexte NPE
7. Le contexte mémoire sous Android La mémoire
8. La mémoire L'eau c'est la vie ! Pas sur Android
9. La mémoire c'est la vie ! La mémoire L'eau c'est la vie ! Pas sur Android
10. La mémoire c'est la vie ! La mémoire Mais Vous développez avec les meilleurs devices de la planète !!! Performance Base de données locale et fichiers Persistance multi-processus
11. La mémoire dans la vrai vie de vos utilisateurs ! La mémoire HelloWorld.apk == 1 Mo faibles perfs pas d'espace Appareil Standard : 8Go (4GO courant)
12. Le contexte CPU/GPU sous Android Le CPU et GPU
13. Dans la vrai vie Chaque utilisateur possède un CPU différent (tout pourri) Dans tes rêves Le CPU et GPU
14. Le CPU et GPU CPU/GPU == Videur de Batterie
15. Le contexte énergie sous Android L'énergie
16. L'énergie Ce que l'on pense/espère avoir
17. L'énergie Ce que nos utilisateurs ont vraiment
18. L'énergie Votre problème principal
19. L'énergie Les causes du gaspillage énergétique CPU/GPU Connexion (Http,...) Drawable/Animations... Mauvaises pratiques de code Services sans fin
20. L'énergie Les causes du gaspillage énergétique Mauvaises pratiques de code Putain de javaïstes (Android c'est pas du Java sur des serveurs clusterisés !!!)
21. Le contexte collectif sous Android Vie en collectivité
22. Le contexte mutualiste sous Android La vie en collectivité gmail twitter hangout evernote messsager facebook gmap linkedIn runstatic your app chrome
23. C'est le vivre tous ensemble qui est compliqué (pensez, aussi, aux sanitaires du camping municipal de cet été) La tragédie des biens communs
24. Complexité Contraintes
25. 60 chances par seconde toutes les 16ms 60 fps
26. Aucun traitement dans l'UI Thread, jamais, aucun. UI thread
27. Lui bosse, mais toi, tu bouges plus, t'es en mode freeze. GarbageCollector 10-20 ms avec Dalvik 2-3ms avec ART (mais il n'est pas ton ennemi)
28. Changer votre vision de la Base de données, la boite est trop petite. Persistence
29. Communication réseau: principale cause de drainage de la batterie. Réseau
30. Communication réseau: La big cookies startegy. Réseau
31. Ne mettez pas à jour trop souvent, vous n'êtes pas seul ! Don't oversync. Réseau
32. Dans un monde complexe Synthèse Mémoire Puissance Energie et de responsabilité collective Un contexte de pénuries 60fps UI Thread intouchable GC sans espace énergivore
33. Plaisir Usability (Convivialité & utilisabilité)
34. L'expérience utilisateur le plaisir
35. Combler un besoin utilisateur. Je veux faire un truc et je peux!
36. Avec efficacité. Quand je le fais, ça marche!
37. L'utilisateur doit toujours savoir ce qu'il fait, où il est. Je sais ce que je fais !
38. Et quand il le fait, c'est facile, simple et bluffant. C'est facile et c'est fluide
39. Et grâce à vous, il possède des capacités qu'il n'avait pas. ça me donne des super pouvoirs!
40. Ne frustrer pas votre utilisateur, laissez le libre. Sans authentification, ni paiement.
41. Je veux faire un truc, je peux le faire, et quand je le fais, ça marche ! Je sais ce que je fais. C'est facile et c'est fluide. Ca me donne des super pouvoirs, sans authentification, ni paiement. Le plaisir! Combler un besoin utilisateur avec efficacité. L'utilisateur doit toujours savoir ce qu'il fait, où il est. Et quand il le fait, c'est facile, simple et bluffant. Et grâce à vous, il possède des capacités qu'il n'avait pas. Ne frustrer pas votre utilisateur, laissez le libre. Utilisateur Développeur
42. L'expérience utilisateur Convivialité
43. et j'ai utilisé mon téléphone ! J'ai encore de la batterie à 18h
44. ou pas... Je le fais d'un doigt
45. Spéciale dédicace à la RATP! Ca marche même hors ligne
46. sans télécharger pendant des heures des données, instancier quarante classes ou faire des tonnes de requêtes en base! Ca démarre instantanément
47. ça va pas me lâcher au moment où j'en ai besoin! Et je peux avoir confiance Spéciale dédicace à la RATP ! Again !
48. L'expérience utilisateur Utilisabilité
49. Les animations amènent la compréhension. Animation
50. L'information au bon moment. Notifications
51. Suivez le guide ! Material Design https://www.google.com/design/spec/material-design/introduction.html
52. Soyez Asynchrone ! Toujours Asynchrone ! Asynchrone
53. Respect Adaptation
54. Des contraintes du système. Respect
55. De l'utilisateur Respect android:contentDescription public class MyAccessibilityService extends AccessibilityService
56. et de ses données. Respect
57. et de ses données. Respect On va vendre les données utilisateur.
58. Respect Des bonnes pratiques de dèv.
59. Des bonnes pratiques d'ergonomie. Respect http://android-developers.blogspot.fr/2015/05/android-design-support-library.html https://www.google.com/design/spec/material-design/introduction.html
60. Aux écrans (tailles et densités). Adaptation
61. A la puissance des processeurs. Adaptation
62. Aux tailles mémoires. Adaptation
63. A la batterie (à ce qu'il en reste surtout). Adaptation <receiver android:name=".BatteryLevelReceiver"> <intent-filter> <action android:name="android.intent.action.ACTION_BATTERY_LOW"/> <action android:name="android.intent.action.ACTION_BATTERY_OKAY"/> </intent-filter> </receiver>
64. A la bande passante. Adaptation
65. Aux versions Adaptation Android 4.1 JellyBean 27 Juin 2012 Android 4.4 KitKat 3 Septembre 2013 Android 2.3 Gingerbread 06 Décembre 2010 Android 3.0 HoneyComb 10 Mai 2011 Android 4.0 IceCreamSandwich 19 Novembre 2011 Android 5.0 Lollipop 3 Novembre 2014 Android 6.0 MarshMallow 5 Octobre 2015
66. Aux constructeurs Adaptation https://code.google.com/p/android/issues/detail?id=78377
67. Des habitudes Des Design Patterns
68. 74 Pour réaliser mon objectif utilisateur Pour assumer mes responsabilités de développeur Pour m'adapter aux contraintes du système Pourquoi des bonnes pratiques ?
69. N'allouez pas d'objets. Mémoire
70. N'allouez pas d'objets. Mémoire
71. N'allouez pas d'objets. Mémoire N'allouez pas d'objets dans les boucles et les méthodes appelées souvent (onDraw). Mettez les objets en cache (pour éviter de les réallouer) Utiliser des pools d'objets au besoin Utiliser des variables de classes temporaires (plutôt que des variables de méthodes) Utiliser ArrayMap/SimpleArray Map/SparseArray au lieux de HashMap Définissez la taille de vos ArrayList
72. N'allouez pas d'objets. Mémoire Pas d'itérateurs, il faut for(int i=0; i<malist.size(); i++) Oubliez que les enums existent Que des librairies spécifiquement écrites pour Android public static Objet obj; peut générer des fuites mémoires Instanciez les objets à la demande LazyLoading Préférez les paramètres IO à vos méthodes que la création d'un objet
73. N'allouez pas d'objets. Mémoire Répondez présent au CallBack onTrimMemory et désallouez Tuez vos Services dès que possible LargeHeap ? non c'est pas pour toi
74. N'allouez pas d'objets. Mémoire
75. Utilisez la SupportLibrary. Adaptation
76. Interface, Factory et implémentations: La programmation par contrat. Adaptation if(postHoneyComb) if(postJellyBean) if(postKitKat) Factory Implémentation Interface Client res\values\versions.xml <resources> <bool name="postHoneyComb">false</bool> <bool name="postJellyBean">false</bool> <bool name="postKitKat">false</bool> </resources> res\values-v11\versions.xml <resources> <bool name="postHoneyComb">true</bool> <bool name="postJellyBean">false</bool> <bool name="postKitKat">false</bool> </resources> res\values-v16\versions.xml <resources> <bool name="postHoneyComb">true</bool> <bool name="postJellyBean">true</bool> <bool name="postKitKat">false</bool> </resources> connait Demande renvoie l'implémentation adaptée au contexte
77. Interface, Factory et implémentations: La programmation par contrat. Adaptation Factory Interface Client if(postHoneyComb) if(postJellyBean) if(postKitKat) Versions if(wifi) if(3G) if(noconnectivity) connectivité if(ginger) if(ics) if(lollipop) Animations
78. Interface, Factory et implémentations: La programmation par contrat. Adaptation Factory Interface Client if(batteryLow) if(batteryOk) if(charging) Batterie if(lowRam) if(casualRam) Faible appareil if(nexus) if(htc) if(samsung) Constructeur
79. A la compilation: Gradle et Saveur (Flavor) Adaptation Gradle Code prod screendensity processeur versions staging/test Saveur
80. UI Performance Pas de lecture/écriture disque Pas d'appel réseau ni de communication en général Pas de gros calcul pas de traitement pas de complexité
81. Les opérations UI Thread coûteuses. UI Performance Mesurer et Disposer. Measure and Layout Inflation. Initialisation de l'objet Application.
82. Les opérations UI Thread coûteuses. UI Performance Mesurer et Disposer. Inflation. Initialisation de l'objet Application. Complexité de la hiérarchie des vues. RelativeLayout.
83. Pas d'animation durant les opérations coûteuses. UI Performance Les CustomViews permettent de simplifier le measure et layout. Démarrage Rapide : Utilisez la Starting Window avec le bon thème. Le ViewStub est ton ami. Le LinearLayout est ton meilleur ami. Choisissez bien vos Layouts en fonction de votre besoin. Simplifiez vos IHM, aplatissez vos layouts.
84. 90 UI Pro Tips Les styles sont tes meilleurs amis.
85. !--Style for TextView--> <!-- ************************--> <style name=“mainTxv“ parent="@android:style/TextAppearance"> <item name=“android:textSize“>12sp</item> <item name=“android:textStyle“>bold</item> <item name=“android:background“>"@color/background"</item> <item name=“android:paddingLeft“>3dip</item> <item name=“android:paddingRight“>3dip</item> <item name=“android:textColor“> "@color/foreground" </item> <item name=“android:layout_width“>wrap_content</item> <item name=“android:layout_height“>wrap_content</item> </style> <style name=“mainEdt“ parent="mainTxv"> <item name=“android:textSize“>12sp</item> <item name=“android:textStyle“>bold</item> </style> 91 MyBaseTheme Theme Theme.Holo MyTheme ColorChart RefColors RefDimensions Style TxvStyle TxvTitleStyle EdtStyle BtnStyle And so on TxvWarningStyle TxvErrorStyle BtnTitleStyle BtnWarningStyle <TextView style=“@style/ TxvStyle“ android:text=“@string/hello“ /> UI Pro Tips Les styles sont tes meilleurs amis.
86. UI Pro Tips Globalement cohérent: affectez votre style aux composants natifs. Custom Toast et Custom AlertDialog <?xml version="1.0" encoding="utf-8"?> <resources> <style name="Theme.Light.JCertif" parent="android:style/Theme.Holo.Light"> <item name="android:dropDownItemStyle">@style/Widget.DropDownItemLight</item> </style> <style name="Theme.Light.JCertif.preHC" parent="android:style/Theme.NoTitleBar"> <item name="android:dropDownItemStyle">@style/Widget.DropDownItemLight</item> </style> <style name="Widget.DropDownItemLight" parent="@android:style/Widget.DropDownItem"> <item name="android:textColor">@color/deep_blue</item> <item name="android:textSize">@dimen/textSize</item> <item name="android:textStyle">italic</item> </style> </resources> http://romannurik.github.io/AndroidAssetStudio/ http://blog.stylingandroid.com/archives/1267 https://github.com/android/platform_frameworks_base/blob/master/core/res/res/values/themes.xml https://github.com/android/platform_frameworks_base/blob/master/core/res/res/values/styles.xml http://www.androidviews.net/category/dev-tools/ http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html private void myMakeText() { LayoutInflater inflater = getLayoutInflater(); View layout = getLayoutInflater().inflate(R.layout.toast_layout, ); Toast toast = new Toast(this); toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0); toast.setDuration(Toast.LENGTH_LONG); toast.setView(layout); toast.show(); }
87. Redirigez vos layouts Gravez dans le marbre le nombre de fragments affichés 93 •res\layout activity_a_two_panes_layout.xml (le vrai layout) activity_a_one_panes_layout.xml (le vrai layout) Dans ActivityA setContentView(R.layout.main_activity) • res\values  layout_redirection.xml <resources> <item name="main_activity" type="layout">@layout/activity_one_panes</item> <bool name="twoPane">false</bool> </resources> •res\values-land || res\values-large || res\layout-xlarge layout_redirection.xml <resources> <item name="main_activity" type="layout">@layout/activity_two_panes</item> <bool name="twoPane">true</bool> </resources> getRessource().getBoolean(R.bool.twoPane) UI Pro Tips
88. Attention à l'overDraw. UI Pro Tips Utiliser la Starting Windows thèmée (vous pouvez mettre une image). Utiliser le Context approprié. Les vues ne doivent pas être connues des threads (autre que l'UI).
89. Ajoutez votre connectivité (Wifi,..,edge) à vos requêtes Ajoutez la version des données à vos urls /myservlet_v1.2 MyOnlyObject in Json+GZip Ajoutez un TimeStamp à vos données dans vos bases de données (local & global) Requêtez vos données en vous appuyant sur les timestamp Utilisez json + gzip (ou mieux: des dataBuffer) C'est le serveur qui effectue le Prefetch des données (basé sur votre connectivité) TimeStamp TimeStamp /myservlet_v1.2?timespan=11215982 /myservlet_v1.2?timespan=11215982&net=wifi Utilisez la Big Cookies stratégie. Réseau
90. Réseau Utiliser GCM NetworkManager (JobScheduler) Ne sur-synchroniser pas ! Vous n'êtes pas seul. Utilisez GCM. Vérifiez le réseau avant de faire un appel. N'oubliez pas les zones a faible débit (Afrique, Aveyron...).
91. Tu n'es pas un Javaïste Parcelable c'est super.... pour les intents. Pas de stockage disque !!! Utilisez les structures Android : SparseArray, ArrayMap,... Oubliez que la sérialisation existe. Utilisez les SharedPref Préférez les types primitifs et attention à l'auto-boxing
92. Persistance Jamais de chemin en dur, jamais, seulement du relatif. N'utilisez pas SQLite pour de la persistance simple Une base de données peut posséder plusieurs Tables...
93. Objectif Interne Fichiers privés, protégés, propres à l'application. Détruits lors de la désinstallation. Cache Fichiers temporaires propres à l'application. Détruits lors de la désinstallation. External Fichiers privés et publics, non-protégés, propres à l'application. Détruits lors de la désinstallation. Public External Fichiers publics, non-protégés. Non détruits lors de la désinstallation. Persistance Pour les fichiers : Connaître son objectif.
94. Méthode pour récupérer le dossier racine Interne File getFilesDir() Cache File getCacheDir() External File getExternalStorage(String type); Public External File getExternalStoragePublicDirectory(String type); Persistance Utilisez les classes File, FileInputStream et FileOutputStream. ou BufferSink et BufferSource... Quand on Connaît son objectif, tout devient facile.
95. Persistance Vérifiez la présence du fichier avant d'écrire ou de lire... //Then read your file File filePicture = new File(subFolder, fileNameStr); if(filePicture.exist()){ //Then open an InputStream on it your file FileInputStream fis = new FileInputStream(filePicture);
96. Persistance Vérifiez l'état de l'ExternalDirectory avant d'éssayer de lire/écrire. String externalStorageState = Environment.getExternalStorageState(); if (Environment.MEDIA_MOUNTED.equals(externalStorageState)) { // We can read and write the media} else if (Environment.MEDIA_MOUNTED_READ_ONLY.equals(externalStorageState)) { // We can only read the media}
97. Authentification Toujours authentifier vos utilisateurs UUID SharedPreferences SharedPreferences BackupHelper
98. Exception Gérer vos exceptions ! Exception ManagedException isManaged UserId Error message Technical data Functional data Others stuff
99. Exception Gérer vos exceptions ! Exception Manager ExceptionManager .manage(...) Team FeedBack User FeedBack SomeWhere in your code galaxy
100. Thread Centralisez leur gestion. La gestion des Threads est cruciale. Faîtes attention aux fuites mémoires. Utilisez un ServiceExecutor Utilisez PLUSIEURS ServiceExecutor MyApplication ServiceExecutor
101. /** * The ThreadPool Executor for caching background */ ExecutorService executor = Executors.newFixedThreadPool(6, null); /** * Launch a Runnable*/ public synchronized void cacheBackGround() { executor.submit(mCacheBackgroundRunnnable); } Thread ExecutorService utilise un ThreadPoolExecutor
102. if (executor != null) { executor.shutdown(); // Disable new tasks from being submitted try {//as long as your threads hasn't finished while (!executor.isTerminated()) { // Wait a while for existing tasks to terminate if (!executor.awaitTermination(60, TimeUnit.SECONDS)) { // Cancel currently executing tasks executor.shutdownNow(); Log.e("MyApp","Probably a memory leak here"); } } } catch (InterruptedException ie) { // (Re-)Cancel if current thread also interrupted executor.shutdownNow(); // Preserve interrupt status Thread.currentThread().interrupt(); Log.e("MyApp","Probably a memory leak here too"); }}} Thread N'oubliez pas de les détruire
103. Memory Leak
104. Memory Leak Fuite mémoire courante : Un Thread pointant vers l'IHM Thread I.H.M Thread de traitement Activity Handler sendMessage() message Thread I.H.M Thread de traitement Activity sendMessage() message Handler OnDestroy() OnCreate() Thread de traitement initiale sendMessage() Activity fantôme Handler fantôme Utilisez WeakReference
105. Fuite mémoire courante : Un Thread pointant vers l'IHM Accorder le cycle de vie de la thread avec celui de l'activité Thread I.H.M Thread de traitement Activity Handler sendMessage() Thread I.H.M Thread de traitement Activity sendMessage() message message OnDestroy() OnCreate() Handler Memory Leak
106. Fuite mémoire courante : Un Thread pointant vers l'IHM Conserver la Thread Thread I.H.M Thread de traitement Activity Handler sendMessage() Thread I.H.M Activity message message Thread de traitement Handler sendMessage() OnDestroy() OnCreate() !!!Attention ne pas utiliser en l’état !!! !!! Fuite mémoire !!! Memory Leak
107. Fuite mémoire courante : Non static inner class Utilisez les static inner class public class MainActivity extends Activity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); exampleOne(); } private void exampleOne() { new Thread() { public void run() { while (true) {SystemClock.sleep(1000); } }}.start(); }} Non Static Inner Class public class MainActivity extends Activity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); new MyThread().start(); } private static class MyThread extends Thread { public void run() { while (true) {SystemClock.sleep(1000);} }} } Memory Leak
108. Fuite mémoire courante : private static avec une référence implicite vers la classe englobante Ne pas le faire public class MainActivity extends Activity { private static Drawable sBackground; protected void onCreate(Bundle state) { super.onCreate(state); TextView label = new TextView(this); if (sBackground == null) { sBackground = getDrawable(R.drawable.largebitmap); } label.setBackgroundDrawable(sBackground); setContentView(label); }} Mem Leak Memory Leak
109. public class Cst { public static int MaConstante=1; } public class DamnedService extends Service { private void somewhere(int val){ if(val==Cst.MaConstante){...} } } Fuite mémoire courante : public static dans un objet lourd Extraire les constantes dans une classe dédiée Mem Leak Memory Leak public class MainActivity extends Activity { public static int MaConstante=1; } public class DamnedService extends Service { private void somewhere(int val){ if(val==MainActivity.MaConstante){...} } }
110. Architecture Activity est l'entrée principale de votre application. Don't fuck around with the system ! Un Service permet de dire au système "Je fais une longue opération, considère moi comme une Activité visible sans IHM." BroadcastReceiver indique au système qu'il est intéressé pour recevoir telle ou telle information.
111. Analysez Utilisation mémoire. Analysez votre application. Utilisation réseau. Utilisation CPU/GPU. Trace system (sysTrace). Analyse des écrans.
112. n-tiers MVP ou MVVM
113. Architecture: Objectif Simplicité Tests Séparation Maintenance Evolution Responsabilités Tests unitaires Tests Intégration Tests Fonctionnels Robustesse
114. Un peu d'histoire public class HistoryBattleActivity extends AppCompatActivity { private static final String TAG = "HistoryBattleActivity"; private static final int CONTEXT_CURRENT=110274; private static final int CONTEXT_HISTORY=131274; /*********************************************************** * Attributes **********************************************************/ BattleFragment battleFragment; /** * Current context History/current */ int currentContext=CONTEXT_CURRENT; /*********************************************************** * Managing RoundTrip animation (VectorDrawable1 to VectorDrawable 2 and back again ********************************************************** /** * The LevelList that contains only two AnimatedVectorDrawable, * the ones used to go from on to the other */ LevelListDrawable backupRoundTrip; /** * The current AnimatedVector diaplsyed by the RoundTrip */ AnimatedVectorDrawable contextDrawable; /** * To know is the animation have been already launched */ boolean backupRoundTripFirstLaunched=true; /** * Historical battles */ ArrayList<Long> battlesId=null; /*********************************************************** * Attributes for the ViewPager **********************************************************/ /** * The TabLayout itself :) */ TabLayout tabLayout; /** * The page Adapter : Manage the list of views (in fact here, it's fragments) * And send them to the ViewPager */ private MyPagerAdapter pagerAdapter; /** * The ViewPager is a ViewGroup that manage the swipe from left to right to left * Like a listView with a gesture listener... */ private ViewPager viewPager; /*********************************************************** * Managing the Life cycle **********************************************************/ **********************************************************/ @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.e(TAG, "onCreate() called"); setContentView(R.layout.activity_history); //find the Toolbar Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); //use it as your action bar setSupportActionBar(toolbar); getSupportActionBar().setSubtitle(getString(R.string.history_fragment_subtitle)); getSupportActionBar().setTitle(getString(R.string.history_fragment_title)); tabLayout = (TabLayout) findViewById(R.id.tabLayout); //Define its gravity and its mode tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); //Define the color to use (depending on the state a different color should be disaplyed) //Works only if done before adding tabs tabLayout.setTabTextColors(getResources().getColorStateList(R.color.tab_selector_color)); //instanciate the PageAdapter pagerAdapter=new MyPagerAdapter(this,true); //Find the viewPager viewPager = (ViewPager) super.findViewById(R.id.viewpager); // Affectation de l'adapter au ViewPager viewPager.setAdapter(pagerAdapter); viewPager.setClipToPadding(true); //Add animation when the page are swiped //this instanciation only works with honeyComb and more //if you want it all version use AnimatorProxy of the nineoldAndroid lib //@see:http://stackoverflow.com/questions/15767729/backwards-compatible-pagetransformer //TODO uncomment those lines and the opengl bug disappears // if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.HONEYCOMB){ // viewPager.setPageTransformer(true, new MyPageTransformer()); // } //AND CLUE TABLAYOUT AND VIEWPAGER tabLayout.setupWithViewPager(viewPager); } @Override protected void onStart() { super.onStart(); //track entrance Log.e(TAG, "onStart() has been called"); EventBus.getDefault().register(this); } @Override protected void onResume() { super.onResume(); //track entrance Log.e(TAG, "onResume() has been called"); } } @Override protected void onStop() { super.onStop(); //track entrance Log.e(TAG, "onStop() has been called"); EventBus.getDefault().unregister(this); } @Override public void onBackPressed() { if(((MyApplication)getApplication()).isCigaretPanelOpen){ //do nothing the fragment will just change its state battleFragment.onBack(); }else{ super.onBackPressed(); } } @Subscribe(threadMode = ThreadMode.MAIN)//EventBus public void updateUI(FullUpdateEvent event) { //TODO update properly Log.e(TAG, "fullUpdate() called with: " + "notUsed = [" + event + "]"); //rebuild every thing:$ pagerAdapter.notifyRebuildAll(); if(event.isSwitchActivity()){ switchContext(); }else{ tabLayout.setupWithViewPager(viewPager); } } /*********************************************************** * Managing menu **********************************************************/ @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater=getMenuInflater(); inflater.inflate(R.menu.history_menu, menu); return super.onCreateOptionsMenu(menu); } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()){ case R.id.menu_switch_context: switchContext(); break; } return super.onOptionsItemSelected(item); } /*********************************************************** * Managing backup button round trip **********************************************************/ /** * Switch context from history to current (and vis versa) * Launch the animation on the currentAnimatedVectorDrawable */ private void switchContext(){ Intent startNewContext=new Intent(this, CurrentBattleActivity.class); startNewContext.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(startNewContext); } } Au début, il y avait la classe dieu (God Class) On a une petite évol ! On va tester l'évol... Bref, on avait fait de la m***e
115. Un peu d'histoire public class HistoryBattleActivity extends AppCompatActivity { private static final String TAG = "HistoryBattleActivity"; private static final int CONTEXT_CURRENT=110274; private static final int CONTEXT_HISTORY=131274; /*********************************************************** * Attributes **********************************************************/ BattleFragment battleFragment; /** * Current context History/current */ int currentContext=CONTEXT_CURRENT; /*********************************************************** * Managing RoundTrip animation (VectorDrawable1 to VectorDrawable 2 and back again ********************************************************** /** * The LevelList that contains only two AnimatedVectorDrawable, * the ones used to go from on to the other */ LevelListDrawable backupRoundTrip; /** * The current AnimatedVector diaplsyed by the RoundTrip */ AnimatedVectorDrawable contextDrawable; /** * To know is the animation have been already launched */ boolean backupRoundTripFirstLaunched=true; /** * Historical battles */ ArrayList<Long> battlesId=null; /*********************************************************** * Attributes for the ViewPager **********************************************************/ /** * The TabLayout itself :) */ TabLayout tabLayout; /** * The page Adapter : Manage the list of views (in fact here, it's fragments) * And send them to the ViewPager */ private MyPagerAdapter pagerAdapter; /** * The ViewPager is a ViewGroup that manage the swipe from left to right to left * Like a listView with a gesture listener... */ private ViewPager viewPager; /*********************************************************** * Managing the Life cycle **********************************************************/ **********************************************************/ @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.e(TAG, "onCreate() called"); setContentView(R.layout.activity_history); //find the Toolbar Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); //use it as your action bar setSupportActionBar(toolbar); getSupportActionBar().setSubtitle(getString(R.string.history_fragment_subtitle)); getSupportActionBar().setTitle(getString(R.string.history_fragment_title)); tabLayout = (TabLayout) findViewById(R.id.tabLayout); //Define its gravity and its mode tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); //Define the color to use (depending on the state a different color should be disaplyed) //Works only if done before adding tabs tabLayout.setTabTextColors(getResources().getColorStateList(R.color.tab_selector_color)); //instanciate the PageAdapter pagerAdapter=new MyPagerAdapter(this,true); //Find the viewPager viewPager = (ViewPager) super.findViewById(R.id.viewpager); // Affectation de l'adapter au ViewPager viewPager.setAdapter(pagerAdapter); viewPager.setClipToPadding(true); //Add animation when the page are swiped //this instanciation only works with honeyComb and more //if you want it all version use AnimatorProxy of the nineoldAndroid lib //@see:http://stackoverflow.com/questions/15767729/backwards-compatible-pagetransformer //TODO uncomment those lines and the opengl bug disappears // if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.HONEYCOMB){ // viewPager.setPageTransformer(true, new MyPageTransformer()); // } //AND CLUE TABLAYOUT AND VIEWPAGER tabLayout.setupWithViewPager(viewPager); } @Override protected void onStart() { super.onStart(); //track entrance Log.e(TAG, "onStart() has been called"); EventBus.getDefault().register(this); } @Override protected void onResume() { super.onResume(); //track entrance Log.e(TAG, "onResume() has been called"); } } @Override protected void onStop() { super.onStop(); //track entrance Log.e(TAG, "onStop() has been called"); EventBus.getDefault().unregister(this); } @Override public void onBackPressed() { if(((MyApplication)getApplication()).isCigaretPanelOpen){ //do nothing the fragment will just change its state battleFragment.onBack(); }else{ super.onBackPressed(); } } @Subscribe(threadMode = ThreadMode.MAIN)//EventBus public void updateUI(FullUpdateEvent event) { //TODO update properly Log.e(TAG, "fullUpdate() called with: " + "notUsed = [" + event + "]"); //rebuild every thing:$ pagerAdapter.notifyRebuildAll(); if(event.isSwitchActivity()){ switchContext(); }else{ tabLayout.setupWithViewPager(viewPager); } } /*********************************************************** * Managing menu **********************************************************/ @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater=getMenuInflater(); inflater.inflate(R.menu.history_menu, menu); return super.onCreateOptionsMenu(menu); } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()){ case R.id.menu_switch_context: switchContext(); break; } return super.onOptionsItemSelected(item); } /*********************************************************** * Managing backup button round trip **********************************************************/ /** * Switch context from history to current (and vis versa) * Launch the animation on the currentAnimatedVectorDrawable */ private void switchContext(){ Intent startNewContext=new Intent(this, CurrentBattleActivity.class); startNewContext.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(startNewContext); } } On va découpler la vue du reste de l'application
116. Un peu d'histoire public class HistoryBattleActivity extends AppCompatActivity { private static final String TAG = "HistoryBattleActivity"; private static final int CONTEXT_CURRENT=110274; private static final int CONTEXT_HISTORY=131274; /*********************************************************** * Attributes **********************************************************/ BattleFragment battleFragment; /** * Current context History/current */ int currentContext=CONTEXT_CURRENT; /*********************************************************** * Managing RoundTrip animation (VectorDrawable1 to VectorDrawable 2 and back again ********************************************************** /** * The LevelList that contains only two AnimatedVectorDrawable, * the ones used to go from on to the other */ LevelListDrawable backupRoundTrip; /** * The current AnimatedVector diaplsyed by the RoundTrip */ AnimatedVectorDrawable contextDrawable; /** * To know is the animation have been already launched */ boolean backupRoundTripFirstLaunched=true; /** * Historical battles */ ArrayList<Long> battlesId=null; /*********************************************************** * Attributes for the ViewPager **********************************************************/ /** * The TabLayout itself :) */ TabLayout tabLayout; /** * The page Adapter : Manage the list of views (in fact here, it's fragments) * And send them to the ViewPager */ private MyPagerAdapter pagerAdapter; /** * The ViewPager is a ViewGroup that manage the swipe from left to right to left * Like a listView with a gesture listener... */ private ViewPager viewPager; /*********************************************************** * Managing the Life cycle **********************************************************/ **********************************************************/ @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.e(TAG, "onCreate() called"); setContentView(R.layout.activity_history); //find the Toolbar Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); //use it as your action bar setSupportActionBar(toolbar); getSupportActionBar().setSubtitle(getString(R.string.history_fragment_subtitle)); getSupportActionBar().setTitle(getString(R.string.history_fragment_title)); tabLayout = (TabLayout) findViewById(R.id.tabLayout); //Define its gravity and its mode tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); //Define the color to use (depending on the state a different color should be disaplyed) //Works only if done before adding tabs tabLayout.setTabTextColors(getResources().getColorStateList(R.color.tab_selector_color)); //instanciate the PageAdapter pagerAdapter=new MyPagerAdapter(this,true); //Find the viewPager viewPager = (ViewPager) super.findViewById(R.id.viewpager); // Affectation de l'adapter au ViewPager viewPager.setAdapter(pagerAdapter); viewPager.setClipToPadding(true); //Add animation when the page are swiped //this instanciation only works with honeyComb and more //if you want it all version use AnimatorProxy of the nineoldAndroid lib //@see:http://stackoverflow.com/questions/15767729/backwards-compatible-pagetransformer //TODO uncomment those lines and the opengl bug disappears // if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.HONEYCOMB){ // viewPager.setPageTransformer(true, new MyPageTransformer()); // } //AND CLUE TABLAYOUT AND VIEWPAGER tabLayout.setupWithViewPager(viewPager); } @Override protected void onStart() { super.onStart(); //track entrance Log.e(TAG, "onStart() has been called"); EventBus.getDefault().register(this); } @Override protected void onResume() { super.onResume(); //track entrance Log.e(TAG, "onResume() has been called"); } } @Override protected void onStop() { super.onStop(); //track entrance Log.e(TAG, "onStop() has been called"); EventBus.getDefault().unregister(this); } @Override public void onBackPressed() { if(((MyApplication)getApplication()).isCigaretPanelOpen){ //do nothing the fragment will just change its state battleFragment.onBack(); }else{ super.onBackPressed(); } } @Subscribe(threadMode = ThreadMode.MAIN)//EventBus public void updateUI(FullUpdateEvent event) { //TODO update properly Log.e(TAG, "fullUpdate() called with: " + "notUsed = [" + event + "]"); //rebuild every thing:$ pagerAdapter.notifyRebuildAll(); if(event.isSwitchActivity()){ switchContext(); }else{ tabLayout.setupWithViewPager(viewPager); } } /*********************************************************** * Managing menu **********************************************************/ @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater=getMenuInflater(); inflater.inflate(R.menu.history_menu, menu); return super.onCreateOptionsMenu(menu); } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()){ case R.id.menu_switch_context: switchContext(); break; } return super.onOptionsItemSelected(item); } /*********************************************************** * Managing backup button round trip **********************************************************/ /** * Switch context from history to current (and vis versa) * Launch the animation on the currentAnimatedVectorDrawable */ private void switchContext(){ Intent startNewContext=new Intent(this, CurrentBattleActivity.class); startNewContext.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(startNewContext); } } On va découpler la vue du reste de l'application Model Vue Controlleur Modifie Préviens Mets à jour Pour fêter ça, on a dansé la danse de la victoire Le modèle MVC était né!
117. Un peu d'histoire puis vint le modèle M(VC) swing Model Vue&Controller Modifie Mets à jour Vue Controlleur
118. Gère les données affichées Affiche les données interagit avec l'utilisateur Un peu d'histoire le modèle M(VC) swing Model Vue&Controller 1 1
119. Un peu d'histoire le modèle M(VC) swing Gère les données affichées Model Affiche les données interagit avec l'utilisateur Vue&Controller 1 1
120. Un peu d'histoire Apparition du MVP Gère les données affichées Model Affiche les données interagit avec l'utilisateur Vue&Controller Presenter La logique Business Et les données Model View
121. Un peu d'histoire Apparition du MVP Gère les données affichées Presenter Affiche les données interagit avec l'utilisateur View La logique Business Et les données Model 1 1 Modifie Mets à jour Dialogue
122. Un peu d'histoire Apparition de la programmation par contrat (Interfaces) Gère les données affichées Presenter Affiche les données interagit avec l'utilisateur View La logique Business Et les données Model 1 0 PresenterIntf ViewIntf 0 1
123. Un peu d'histoire Pour les tests !!! Model Presenter View PresenterIntf ViewIntf MockPresenter MockView
124. Saveur=TestPresenter Un peu d'histoire Avec Gradle, c'est le bonheur des tests. Saveur=TestVue Saveur=PROD Model Presenter View 0 1 MockPresenter MockView View Presenter 0 1 0 1 MockModel
125. Un peu d'histoire Apparition du MVVM Gère les données affichées Presenter Affiche les données interagit avec l'utilisateur View La logique Business Et les données Model 1 1 Modifie Mets à jour Dialogue ViewModel 1 n
126. Architecture Mais pourquoi tout ça ? Tester ! Séparer les responsabilités Réutiliser Simplifier
127. Architecture But wait ! Première remarque. MVC MVP MVVM FLUX On s'en fout !!! C'est pas ça l'important !!! C'est pareil à trois poils de *** prêt !
128. Tester ! Séparer les responsabilités Réutiliser Simplifier Architecture L'important c'est d'arriver à ça Avec le moins de complexité possible.
129. Architecture But wait ! Vous avez pas oublié un truc? Ce ne sont que des architectures de la couche VUE !!!
130. Architecture Vous avez oublié l'appli !
131. Modèle n-tier Application Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows starts starts knows View = MVP Transverse I N T F Service I N T F Communication Com D.A.O. I N T F DAO knows
132. Attention Mauvaise nomenclature La malédiction Services AndroidServices SingletonServices I N T F Service AndroidServices Service Métier Business Traitement Logique
133. Simplicité Séparation Maintenance Evolution Responsabilités Robustesse Rappel des objectifs Test Réutilisabilité Contrat Bouchon/Mock
134. Séparation Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
135. Simplicité Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
136. Responsabilités Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
137. Contrat Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
138. Réutilisabilité Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
139. Modularité Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
140. Evolution Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application I N T F I N T F I N T F
141. Modèle n-tier BroadcastReceiver Communication Com D.A.O. DAO ExceptionManager Tools Tester Tests JUNIT Tests Tests Transverse Transverse
142. Modèle n-tier Services AndroidServices SingletonServices Service knows Communication Com I N T F knows D.A.O. DAO I N T F Tests JUNIT Tester
143. Modèle n-tier MockView View = MVP Presenter ViewIntf 1 1 JUNIT Services AndroidServices SingletonServices Service I N T F Tests Tester
144. Modèle n-tier View = MVP Presenter View 1 1 Services AndroidServices SingletonServices Service I N T F Espresso AndroidTest SDK Tests Tester
145. Testabilité complète Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application
146. Maintenabilité Robustesse Modèle n-tier Services View Presenter AndroidServices SingletonServices BroadcastReceiver ExceptionManager POJO Tools knows knows knows starts starts knows View = MVP Service Communication Com D.A.O. DAO Transverse Application
147. Modèle n-tier Service Vues COM DAO Transverse Use case 1 Use case 2 Use case 3 Architecture en couches Architecture en sillots On s'en fout !!! On fait les deux. Naturellement.
148. Modèle n-tier Architecture en couches Architecture en sillots Service Vues COM DAO Transverse Use case 1 Use case 2 Use case 3
149. Modèle n-tier Architecture de la vraie vie Service Vues COM DAO Transverse Use case 1 Use case 2 Use case 3 On commence par un use case et après on réutilise dès qu'on peut
150. Aparté sur les Vues
151. Vues 163 Cohérence Rangez votre package view ! Soyez cohérent avec votre application
152. Vues 164 Rangez votre package view ! Un sous package par fragment Un sous package par composant graphique complexe de l'activité Au root du package, l'activité et son presenter Un package par vue
153. Limiter les dépendances 165 Couche IHM HumanViewParentIntf HumanPresParentIntf FamilyView FamilyPresenter 1 1 HumanView HumanPresenter 1 1 use use Vues Vue contenue et réutilisable Utilisez des interfaces Couche IHM HumanViewParentIntf HumanPresParentIntf FamilyActivity FamilyPresenter 1 1 HumanFragment HumanPresenter 1 1 use use
154. Fin de l'aparté
155. MVP + N-Tier mettre en place le principe de séparation des responsabilités Etre testable unitairement simplement permettre de s'adapter aux changements du framework Synthèse Sans impact, bref d'être indépendant de l'implémentation et de pouvoir la modifier et la tester permettre de faire évoluer les UI, la BD,... permettre de changer de librairies
156. Architecture But wait ! C'est pas un peu compliqué ton truc? et c'est que le début.
157. 10 Minutes