Introduction à la plateforme Android

Transcription

1 Introduction à la plateforme Android

2 Nazim Benbourahla Développeur Android chez BlaBlaCar Livre «Android 7 : Les fondamentaux du dev d app Java» Twitter benbourahla.nazim@gmail.com

3 Présentation du module Cours réparties sur 2 semestres 1er semestre : Introduction 2ème semestre : Cours avancée Chaque partie sera noté par un projet.

4 Projet Choix entre sujet proposé et sujet libre Tag pour contact par [EPITA-MTI][Android - Cours] [EPITA-MTI][Android - Projet] [EPITA-MTI][Android - MISC]

5 Notation Rendu du projet Qualité du projet (Plus de détail lors de la présentation du projet) Présence & Participation aux cours

6 Historique de la plateforme Android

7 Historique OS conçu pour les smartphones. Société «Android» créée en Rachetée par Google Android 1.0 : 2008

8 Versions Donut : 1.6 (Api 4) Eclair : 2.0 & 2.1 (Api 7) Froyo : 2.2.x (Api 8) Gingerbread : 2.3.x (Api 10) Honeycomb : 3.x (Api 11 à 13)

9 Versions Ice Cream Sandwich : 4.0.x (Api 14 et 15) Jelly Bean : 4.1.x, 4.2.x et 4.3.x (Api 16 à 18) KitKat : 4.4.x (Api 19) Lollipop : 5.x (Api 21 et 22) Marshmallow : 6.x (Api 23) Nougat 7.0 à (Api 24 à 26)

10 Répartition des versions

11 Environnement de développement

12 Environnement de développement JDK 8 Android Studio 2.3 SDK Android

13 Android Studio IDE basé sur intellij idea. Spécifique à Android.

14 SDK Android Télécharger / MàJ des versions d Android Télécharger / MàJ des outils servant pendant le développement Télécharger Documentations & Samples Télécharger / MàJ des émulseurs Télécharger / MàJ des bibliothèques annexes

15 Emulateurs Permet de créer / modifier / Supprimer des émulateurs Chaque émulateur possède plusieurs propriétés (version d Android, taille de l écran, résolution ).

16 Introduction aux concepts et principes

17 Principe Maitriser les ressources et la consommation (data, batterie ) Gestion des différentes spécificités matérielles (tailles d écran, rotation, présence ou absence de composants par exemple GPS) Gestion des différentes version d Android

18 Principe Un appareil Android affiche une vue à la fois Par défaut : Une application = Un processus

19 ART «Android RunTime» : Machine virtuelle Android AOT : Ahead Of Time Remplace Dalvik : JIT (Just In Time) Depuis Android 5.0

20 APK Android PacKage Binaire d une application Tester / installer et envoyer une application sur le store Code de l application compilé + resources + manifeste

21 Contexte Information globale sur l environnement d une vue / application.

22 Activité Représente une vue = Un ou plusieurs fichiers XML + un fichier Java L interface utilisateur est déclarée dans le XML. L implémentation, partie dynamique sont dans le fichier Java Une Application = Plusieurs activités avec un ou plusieurs points d entrées

23 Etat d une activité En cours d exécution En pause Arrêté

24 Back Stack Stock les pages (activités) visitées Nouvelle activité -> Ajouté à la BackStack Bouton «Retour» -> Activité en cours fermées et celle en dessous dans la back stack est ouvertes

25 Activité 1 Back Stack

26 Lancer une activité 2 Activité 1 Activité 2 Activité 1

27 Appuyer sur le Bouton Back Activité 1 Activité 2 Activité 1 Activité 1

28 Intents Message système asynchrone Communication entre des composants Android Description du comportement d un composant Intent explicite : Cible connue Intent implicite : Cible inconnue mais action connue Lancer une activité, un service, une autre application

29 Activité A Intents

30 Lancer l Activité B Intent Activité A Système Android

31 Lancement de l Activité B Intent Intent Activité A Système Android Activité B

32 Android Manifest Contient toutes les informations d une application : Icônes et nom. Points d entrées. Permissions. Composants. Tailles d écrans supportées (<support-screens>) Configuration matérielle (<uses-configuration). etc

33 Android Manifest <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.eni.chapitre14.myapplication">

34 Android Manifest <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.eni.chapitre14.myapplication"> <application android:allowbackup="true" android:supportsrtl="true"

35 Android Manifest <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.eni.chapitre14.myapplication"> <application android:allowbackup="true" android:supportsrtl="true" <activity android:name=".mainactivity"> <intent-filter> <action android:name="android.intent.action.main"/> <category android:name="android.intent.category.launcher"/> </intent-filter> </activity> </application> </manifest>

36 Cycle de vie d une activité

37 Cycle de vie d une activité

38 Les layouts

39 Principe Représente le conteneur. Permet d organiser les éléments (bouton, zone de texte ) d une vue.

40 Principe Chaque élément (Layout ou Composant) doit posséder au minimum une largueur (android:layout_width) et une hauteur (android:layout_height). Peuvent posséder les valeurs suivantes : match_parent : L élément possède la même taille que son conteneur. wrap_content : L élément possède la même taille que son contenu. valeur : Vous pouvez spécifier la taille d un élément (par exemple 20).

41 Principe Un élément peux posséder un identifiant Intéragir avec un élément avec son id Depuis un fichier XML : android:layout_below="@id/header" Depuis un fichier Java : R.id.select_country_button

42 FrameLayout Permet d afficher un seul élément Possibilité d utiliser la propriété android:layout_gravity <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android=" android:layout_height="match_parent"> <Button android:text="hello World!" android:layout_width="wrap_content" android:layout_gravity="right center_vertical" android:layout_height="wrap_content" /> </FrameLayout>

43 LinearLayout Aligne ces éléments fils dans une ligne (verticale / horizontale). Vous devez définir l orientation (android:orientation).

44 LinearLayout <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="bouton 1" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="bouton 2" /> </LinearLayout>

45 LinearLayout

46 LinearLayout Vous pouvez aussi définir le poids des éléments (android:layout_weight). La proportion de l espace qui sera prise par une vue. L attribut ciblé par la proportion (largueur ou auteur) doit avoir une taille de 0dp. Plus le poids est élevé, plus l élément prendra de la place.

47 LinearLayout

48 LinearLayout <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <Button android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="2" android:text="bouton 1" /> <Button android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:text="bouton 2" /> </LinearLayout>

49 LinearLayout Vous pouvez aussi utiliser les attributs : android:layout_gravity : Position de l élément dans son conteneur. android:gravity : Position du contenu de l élément (Par exemple position d un texte dans un bouton).

50 RelativeLayout Place les éléments les uns par rapport aux autre. Par rapport au conteneur. Par rapport aux autres éléments

51 RelativeLayout Alignement aux 4 coins de l écrans : android:alignparentright (ou alignparentend). android;alignparenttop. android:alignparentbottom. android:alignparentleft (ou alignparentstart).

52 RelativeLayout Centrer dans le conteneur : android:layout_centervertical. android:layout_centerhorizontal. android:layout_centerinparent.

53 RelativeLayout Le positionnement des éléments les uns par rapport aux autres, nécessite de référencer un élément via son id. android:layout_below. android:layout_above. android:layout_toleftof. android:layout_torightof.

54 RelativeLayout

55 RelativeLayout <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingleft="16dp" android:paddingright="16dp" > <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:hint="login" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="password" /> <Button android:layout_width="wrap_content" android:text="login" android:layout_alignparentright="true" android:layout_height="wrap_content" /> </RelativeLayout>

56 ScrollView Permet à un conteneur de devenir scrollable. Ne peux posséder qu un seul fils.

57 ScrollView?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" activity_vertical_margin"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="hello World!" /> </RelativeLayout> </ScrollView>

58 Composants basiques d une vue

59 Bouton <Button android:layout_width="match_parent" android:layout_height="wrap_content" tools:text="continue" />

60 Zone de texte <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textstyle="bold" tools:text="igor P." />

61 Zone d édition de texte <EditText android:id="@+id/current_password_edittext" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputtype="textpassword" android:hint="@string/old_password" />

62 Image <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:scaletype="centercrop" />

63 Création d une vue

64 Créer une vue Créer la vue statique XML. Externaliser les ressources (chaînes de caractère, ressources, tailles ). Créer l activité et implémenter la partie dynamique et interaction. Déclarer l activité dans le fichier Manifeste.

65 Introduction à Gradle

66 Gradle Décris comment se compile et se construis le projet. Décris comment se créer l apk de l application. Gérer les dépendances du projet (bibliothèques). Se compose de plusieurs fichiers.

67 Settings.gradle Contient la liste des modules (sous projet) de votre application. Les seuls sous modules pris en compte sont ceux listés dans ce fichier. include ':core' include ':feature'

68 Build.gradle Celui se trouvant à la racine de l application. Contient les différentes repos pour récupérer vos dépendances Contient la version du plugin gradle utilisée. Contient les dépendances communes à tout vos sous modules.

69 Build.gradle buildscript { } repositories { } mavencentral() dependencies { classpath 'com.android.tools.build:gradle:2.3.0' } allprojects { } repositories { } mavencentral()

70 gradle.properties Contient des valeurs de configuration (par exemple, RAM utilisé par gradle). Peux aussi être utilisé pour stocker des constants (version des dépendances, de l application)

71 VERSION_MAJOR=4 VERSION_MINOR=21 VERSION_PATCH=3 VERSION_CODE=33691 ANDROID_BUILD_TARGET_SDK_VERSION=24 ANDROID_BUILD_TOOLS_VERSION= ANDROID_COMPILE_SDK_VERSION=25 ANDROID_MIN_SDK_VERSION=15 ##### SPEED UP GRADLE OPTIONS #### org.gradle.parallel=true org.gradle.jvmargs=-xmx6144m #Dependancies version ANDROID_GRADLE_PLUGIN_VERSION=2.3.0 RX_JAVA=1.2.7 DAGGER_VERSION=2.8 gradle.properties

72 build.gradle Présent dans chaque module d une application. Décris les spécificités du modules, ces dépendances, sa compilation

73 build.gradle Parmis ces propriétés : compilesdkversion : Version d Android utilisée pour compiler votre projet. buildtoolsversion : La version des build tools utilisée. minsdkversion : La version minimum du sdk supportée. targetsdkversion : La version android ciblé par votre application. versionname : Nom public de la version (par ex ) versioncode : Numéro de la version (interne, non visible par l utilisateur, doit être unique par version).

74 build.gradle compilesdkversion Integer.parseInt(project.ANDROID_COMPILE_SDK_VERSION) buildtoolsversion project.android_build_tools_version defaultconfig { } minsdkversion Integer.parseInt(project.ANDROID_MIN_SDK_VERSION) targetsdkversion Integer.parseInt(project.ANDROID_BUILD_TARGET_SDK_VERSION) versioncode Integer.parseInt(project.VERSION_CODE) versionname project.version_name

75 build.gradle compile 'com.android.support:support-v4:25.2.0' compile 'com.android.support:appcompat-v7:25.2.0' compile com.android.support:design:25.2.0'

76 Création du premier projet Android

77 Création d un projet

81 Explication

87 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.epita.mti.cours1.mainactivity" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="hello World!" /> </LinearLayout>

88 MainActivity public class MainActivity extends AppCompatActivity protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); } }

89 AndroidManifest <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.epita.mti.cours1"> <application android:supportsrtl="true" <activity android:name=".mainactivity"> <intent-filter> <action android:name="android.intent.action.main"/> <category android:name="android.intent.category.launcher"/> </intent-filter> </activity> </application> </manifest>

90 colors.xml <?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorprimary">#3f51b5</color> <color name="colorprimarydark">#303f9f</color> <color name="coloraccent">#ff4081</color> </resources>

91 strings.xml <resources> <string name="app_name">cours1</string> </resources>

92 styles.xml <resources>  <style name="apptheme" parent="theme.appcompat.light.darkactionbar">  <item <item <item </style> </resources>

93 build.gradle apply plugin: 'com.android.application' android { compilesdkversion 25 buildtoolsversion "25.0.2" defaultconfig { applicationid "com.epita.mti.cours1" minsdkversion 16 targetsdkversion 25 versioncode 1 versionname "1.0" testinstrumentationrunner "android.support.test.runner.androidjunitrunner" } buildtypes { release { minifyenabled false proguardfiles getdefaultproguardfile('proguard-android.txt'), 'proguardrules.pro' } } }

94 build.gradle dependencies { compile filetree(dir: 'libs', include: ['*.jar']) androidtestcompile('com.android.support.test.espresso:espresso-core:2.2.2', { exclude group: 'com.android.support', module: 'support-annotations' }) compile 'com.android.support:appcompat-v7:25.3.1' compile 'com.android.support.constraint:constraint-layout:1.0.2' testcompile 'junit:junit:4.12' }

95 Gestion du clic

96 Gestion du clic Plusieurs possibilité pour brancher un clic listener sur un élément (bouton par exemple)

97 Gestion du clic Button loginbtn = (Button) findviewbyid(r.id.login_btn); loginbtn.setonclicklistener(new View.OnClickListener() public void onclick(view v) { //Effectuer l'action suite au clic } });

98 Gestion du clic public class MainActivity extends AppCompatActivity implements View.OnClickListener protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); Button loginbtn = (Button) findviewbyid(r.id.login_btn); loginbtn.setonclicklistener(this); public void onclick(view v) { switch (v.getid()) { case R.id.login_btn : //Effectuer l'action suite au clic break; default: break; } } }

99 Changement de vue

100 Gestion du clic Changement de vue s effectue à l aide d Intent Intent prends en paramètre un context (l activité courante par exemple) et une référence vers l activité cible Intent intent = new Intent(MainActivity.this, TargetActivity.class); startactivity(intent);

101 TP

102 TP Créer un projet Android. Ce projet doit posséder deux activités (SignupActivity and LoginActivity) La première activité contient un formulaire d inscription ( , password, confirmer le password et deux bouton «signup» et «connexion») -> Créer à l aide d un RelativeLayout Lors du clic sur le bouton «Connexion» l activité «LoginActivity» s ouvre.

103 TP L activité B contient un formulaire de login ( , password et deux boutons «se connecter» et «s inscrire») Lors du clic sur le bouton «s inscrire» l activité «SignupActivity» s ouvre.

104 TP