Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:02
    Salut, comment ça va ?
  • 0:02 - 0:03
    Merci Colt.
  • 0:03 - 0:05
    Je suis content
    de pouvoir participer et
  • 0:05 - 0:08
    de régler un problème de développeur
    concernant la superposition.
  • 0:08 - 0:09
    Bon, pour suivre,
  • 0:09 - 0:13
    il vaudrait mieux cloner le bout de code
    à l'adresse donnée dans les consignes.
  • 0:13 - 0:16
    Bien, nous voici donc dans
    l'application avec mon bout de code.
  • 0:16 - 0:20
    Imaginons : on vient de créer
    une application pour bavarder, et
  • 0:20 - 0:23
    on veut savoir si on a bien géré
    ce qui concerne la superposition.
  • 0:24 - 0:27
    La première chose à faire,
    c'est Collecter des informations sur
  • 0:27 - 0:28
    l'exécution de l'application.
  • 0:28 - 0:31
    Pour ce faire, on va activer l'option
    de débogage de la superposition
  • 0:31 - 0:32
    GPU de l'appareil.
  • 0:32 - 0:36
    Elle se trouve dans la section
    Options développeur des paramètres
  • 0:36 - 0:37
    système, comme ici.
  • 0:41 - 0:43
    Ok, c'est lancé.
  • 0:43 - 0:44
    Bon, retour dans l'application.
  • 0:44 - 0:49
    Oh oh, regardez-moi cette quantité
    de superpositions inutiles.
  • 0:49 - 0:52
    On va diminuer ça,
    surtout sur les zones rouges.
  • 0:52 - 0:55
    Voilà déjà un petit rappel
    du code couleur.
  • 0:58 - 1:00
    Cool. Vous êtes prêts ?
  • 1:01 - 1:03
    Voyons comment l'interface
    est conçue actuellement,
  • 1:03 - 1:05
    on pourrait la nettoyer
    et baisser la superposition.
  • 1:06 - 1:08
    Alors comme l'a dit Colt,
  • 1:08 - 1:12
    une façon de faire est d'éliminer
    les fonds et drawables inutiles.
  • 1:12 - 1:13
    Tentons le coup.
  • 1:14 - 1:17
    Efforçons-nous de
    rendre Chatum comme ici.
  • 1:20 - 1:23
    Abordons le problème par étapes, déjà.
  • 1:23 - 1:26
    Par exemple, vous avez vu
    qu'on a un fond vert,
  • 1:26 - 1:29
    donc une superposition type deux ×,
    en fond de Chatum ? juste ici ?
  • 1:29 - 1:30
    Pourquoi ?
  • 1:30 - 1:33
    Et bien il s'avère que l'activité de base
    de Chatum utilise une trame disposée
  • 1:33 - 1:37
    avec un fond blanc opaque
    qui remplit tout l'écran.
  • 1:37 - 1:40
    On aime bien, mais la trame est en conflit
    avec le thème par défaut d'Android,
  • 1:40 - 1:43
    surtout le drawable
    pour le fond des fenêtres.
  • 1:43 - 1:45
    Ceci provoque une superposition inutile.
  • 1:45 - 1:49
    Du coup en développeur, on a
    une décision à prendre pour le design.
  • 1:49 - 1:51
    Mettons qu'on veuille
    garder notre fond blanc.
  • 1:51 - 1:54
    auquel cas le thème du téléphone
    n'a pas de réelle utilité.
  • 1:55 - 1:58
    Alors une optimisation possible ici,
    c'est de passer le drawable du fond
  • 1:58 - 2:00
    de notre activité à "null".
  • 2:00 - 2:02
    Je vais vous montrer
    comment faire dans le code.
  • 2:02 - 2:07
    Dans l'activité de base de Chatum,
    voyons la méthode onCreate.
  • 2:07 - 2:09
    Avec cette déclaration,
    on peut annuler le fond.
  • 2:11 - 2:12
    Voilà, joli.
  • 2:12 - 2:15
    En annulant le fond, on a réduit
    la superposition du vert au bleu,
  • 2:15 - 2:19
    ce qui passe la superposition
    à juste un × .
  • 2:19 - 2:20
    Joli.
  • 2:21 - 2:23
    Ça, c'était un changement programmé.
  • 2:23 - 2:27
    Voyons maintenant nos balises XML
    pour peut-être bricoler autre chose.
  • 2:27 - 2:31
    Vous avez sans doute déjà remarqué
    que trois fichiers XML définissent
  • 2:31 - 2:32
    l'interface de Chatum.
  • 2:33 - 2:37
    On a l'activité de base,
    "chatum_latinum" ; le XML pour
  • 2:37 - 2:42
    notre bout de discussion, et pour finir,
    un XML à part pour les éléments eux-mêmes.
  • 2:45 - 2:47
    Comme je l'ai dit,
  • 2:47 - 2:49
    nous, on veut garder
    notre fond blanc, juste ici.
  • 2:50 - 2:52
    Alors on ne va rien retirer.
  • 2:52 - 2:56
    On aura peut-être l'occasion de bricoler
    des trucs dans les deux autres XML ?
  • 2:56 - 2:57
    C'est là que vous m'aidez.
  • 2:59 - 3:01
    Faites-moi plaisir, parcourez
    les fichiers XML qui restent et
  • 3:01 - 3:05
    voyez si on peut retirer d'éventuels fonds
    déclarés mais inutiles.
  • 3:05 - 3:06
    À la fin,
  • 3:06 - 3:08
    notez combien de fonds
    vous avez pu retirer dans ce champ.
  • 3:10 - 3:12
    Si vous avez du mal,
    pas d'inquiétude,
  • 3:12 - 3:13
    allez voir la solution.
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

French subtitles

Revisions