Vidéo: Concevoir le design d'une application mobile de A à Z ! (UI et UX) 2025
Votre application Android fonctionne, elle fonctionne très bien et fait ce qu'elle dit qu'elle va faire. Mais est-ce que ça va? Vous avez peut-être remarqué que chaque fois que vous cliquez sur le bouton bascule dans l'application, il n'y a pas de reconnaissance visuelle de votre clic. Bien sûr, l'image bascule, mais y a-t-il d'autres choses que vous pouvez faire?
Le langage de conception visuelle d'Android, appelé Material Design , consiste à faire en sorte que l'interface utilisateur de votre téléphone ressemble à du matériel physique. Les fonds devraient ressembler à du papier cartonné; les vues définies au-dessus de l'arrière-plan devraient être élevées pour projeter une ombre sur l'arrière-plan; les clics sur les boutons devraient provoquer des ondulations qui s'étendent sur la vue comme des ondulations sur un étang. Ce sont les petits détails qui rendent votre application un plaisir à utiliser.
Votre interface utilisateur est assez simple en ce moment, il n'est donc pas nécessaire d'en élever une partie par rapport à une autre. Mais ce dont vous avez besoin, c'est d'une sorte d'animation de clic.
Heureusement, il est facile d'en ajouter un. Revenez à votre activité_main. fichier de mise en page xml et modifiez votre FrameLayout pour ajouter la ligne suivante:
android: foreground = "? android: attr / selectableItemBackground">
L'attribut de premier plan de la classe FrameLayout vous permet de superposer un dessin au-dessus de est à l'intérieur du FrameLayout. En mettant votre premier plan à? android: attr / selectableItemBackground, vous placez le selectableItemBackground Android standard sur l'ensemble de votre image. Que fait le selectableItemBackground? C'est un dessinable généralement transparent qui, lorsqu'il est cliqué, affiche une animation ondulatoire à travers sa vue.
Le point d'interrogation (?) Dans une valeur d'attribut signifie que vous faites référence à une valeur dans le thème actuellement appliqué. Si vous modifiez le thème de votre application ou exécutez votre application sur un téléphone avec une autre version d'Android, l'application affichera et se comportera différemment (comme il se doit) car vous référençant des valeurs du thème approprié.
Allez de l'avant et relancez votre application, et vous verrez l'animation ondulation Android standard lorsque vous cliquez sur votre FrameLayout.
