web-dev-qa-db-fra.com

Android: meilleur moyen d'inclure plusieurs fragments avec des boutons d'action flottants dans l'écran de la tablette

J'ai 3 écrans dont j'aimerais quelle serait la meilleure méthode pour les organiser.

Dans le téléphone mobile, c'est simple, seulement 3 activités pour chaque écran seraient suffisantes.

Dans les tablettes, le système est différent. Je sais que la plupart des applications Tablet utilisent un fragment de liste à gauche et le fragment de détails à droite.

Mais dans mon cas, le fragment de détails comprend une autre liste. Les deux dans le téléphone utiliseront des boutons d'action flottants pour ajouter plus d'éléments à la liste. Cependant, je comprends qu'avoir 2 FAB dans le même écran n'est pas une bonne pratique.

Ensuite, je vais montrer un tirage de ces 3 écrans:

Picture 1

Comme vous pouvez le voir, l'écran 1 est le premier écran. Lorsque j'appuie sur le FAB, nous passons à l'écran 2. Dans l'en-tête, nous introduisons les détails des éléments de l'écran 1, et il y a une liste d'éléments. Dans le FAB de l'écran 2, nous allons à l'écran 3, où nous remplissons les détails, puis nous ajoutons l'élément à la liste de l'écran 2.

Cependant, je veux le faire sur tablette:

Picture 2

Et l'écran 3 en serait un autre à part.

Donc, après avoir vu les écrans, je veux poser ces questions:

  • Est-il correct d'inclure deux FAB comme indiqué dans l'image 2? Ou dois-je simplement quitter l'écran 2 FAB, et inclure la fonction de FAB de l'écran 1 dans la barre d'outils par exemple?

  • Quoi de mieux, laissez les écrans 1 et 2 dans la même activité et ouvrez une autre activité pour l'écran 3; ou inclure les 3 fragments sur la même activité, et donc les afficher tous sur le même écran dans la tablette?

3
programmer23

Comme vous pouvez le voir, l'écran 1 est le premier écran. Lorsque j'appuie sur le FAB, nous passons à l'écran 2. Dans l'en-tête, nous introduisons les détails des éléments de l'écran 1, et il y a une liste d'éléments.

Quel type de contenu figure sur l'écran 1? Un FAB ne semble pas être le modèle correct pour passer à l'écran 2. Les boutons d'action flottants sont utilisés pour manipuler le contenu sur l'écran actuel, pas pour la navigation. Les FAB peuvent être utilisés pour créer un article, changer un statut (global, non spécifique à l'article), etc. Vous devez nous fournir plus de détails et/ou repenser le concept de navigation dans son ensemble de cette application. L'utilisation d'un FAB pour la navigation sera source de confusion pour vos utilisateurs.

1
Jonas Köritz

Je pense que vous devrez peut-être repenser l'interaction que vous proposez ici.

Je vais d'abord expliquer l'utilisation du bouton d'action flottante.

  1. Il ne peut y avoir qu'un un FAB selon la meilleure pratique.
  2. FAB est utilisé comme raccourci pour les tâches les plus fréquemment utilisées par rapport à cette page/écran.
  3. Il n'est pas utilisé pour la navigation.

Voici ma compréhension de votre question.

  • vous utilisez FAB pour naviguer de l'écran 1 à l'écran 2.

  • lorsque vous cliquez sur le FAB, il vous amène à l'écran suivant lorsque vous entrez les détails des éléments affichés dans l'écran 1.

Si ma compréhension est bonne, je peux vous suggérer comment résoudre votre scénario. Utilisez des cartes. Lorsque vous cliquez sur la carte, elle peut se développer et afficher les champs pour les détails. Cela pourrait très bien fonctionner aussi sur les tablettes.

Recherchez des cartes sur la façon d'utiliser les cartes comme interface et recherchez FAB si vous voulez apprendre à les utiliser sur le lien

1
Aravind JR