Ajout de l'élément suivant : fonction de liste des abonnés
En utilisant l'API sociale de ZEPETO.Module, les créateurs de mondes peuvent charger les listes d'amis des utilisateurs.
Les créateurs de mondes peuvent également suivre de nouveaux utilisateurs ou se désabonner des utilisateurs qu'ils ont suivis.
Veuillez d'abord installer Window → Package Manager → ZEPETO.World Package version 1.21.0 ou ultérieure.
Ensuite, installez le package ZEPETO.Module.
Le package ZEPETO.Module offre des prefabs d'interface utilisateur pour vous permettre de créer facilement la liste des suivis/suiveurs.
1) Dans le panneau Projet, allez dans Packages > ZEPETO.Module > Social > Runtime > UI > _Resources > dossier Prefab.
2) Parmi les prefabs dans le dossier, faites glisser et déposez FollowScrollView.prefab dans la scène.
❗️ Avertissement Lorsque l'objet EventSystem n'existe pas dans la scène, cette fonctionnalité peut ne pas fonctionner correctement. Ajoutez l'objet en allant dans GameObject > UI > EventSystem.
3) Cliquez sur le bouton Play pour voir la fenêtre de la liste d'amis apparaître à l'écran.
- FollowScrollView.prefab, qui crée le popup de la liste d'amis, utilise le composant FollowScrollView pour charger et afficher la liste d'amis et le nombre total d'utilisateurs à l'écran.
- Les informations configurées dans le composant FollowScrollView sont les suivantes.
1 | Hauteur | La valeur de la distance verticale entre les cellules d'informations utilisateur dans la vue de défilement |
|---|---|---|
2 | Nombre de chargement | Nombre de chargement des cellules : Le nombre de données de cellules chargées lorsque la vue de défilement est défilée. Configurer un nombre élevé pour cette valeur peut affecter la vitesse de chargement. |
3 | Prefab d'informations utilisateur | Le prefab de l'interface utilisateur pour les cellules individuelles affichant les informations utilisateur |
4 | Prefab de compte total | Le prefab qui affiche le nombre total d'utilisateurs. Le texte peut être automatiquement traduit et affiché en plusieurs langues. |
5 | Échelle de canevas | Peut sélectionner l'apparence du canevas pour l'interface utilisateur de la liste d'amis. Peut utiliser des canevas préfabriqués. |
6 | Vertical | Enregistrer le prefab d'interface utilisateur d'écran vertical incluant le contrôleur de vue de suivi. |
7 | Horizontal | Enregistrer le prefab d'interface utilisateur d'écran horizontal incluant le contrôleur de vue de suivi. |
8 | Arrière-plan | Écran noir semi-transparent qui apparaît lorsque l'interface utilisateur de la liste d'amis est affichée |
Si l'écran du monde est en mode horizontal lorsque la liste d'amis est générée via FollowScrollView, FollowScrollView_Landscape est appliqué.
- Lorsque l'écran est en mode vertical, FollowScrollView_Portrait est appliqué.
- Les informations configurées dans le composant FollowView Controller appliquées à FollowScrollView_Landscape et FollowScrollView_Portrait sont les suivantes.
1 | Onglet Abonnés | Groupe d'onglets abonnés |
|---|---|---|
2 | Onglet Suivant | Groupe d'onglets suivants |
3 | Défileur | Vue de défilement de la liste d'amis |
4 | Image Vide | Une image affichée lorsque la liste d'amis est vide |
5 | Indicateur de Chargement | Une image affichée pendant le chargement de la liste d'amis |
6 | Bouton Fermer | Un bouton pour fermer la fenêtre contextuelle de la liste d'amis |
7 | Titre | Un titre pour la fenêtre contextuelle de la liste d'amis |
8 | Abonné | Un texte de bouton pour afficher l'état actif/caché du panneau d'abonnés |
9 | Suivant | Un texte de bouton pour afficher l'état actif/caché du panneau suivant |
10 | Texte Vide | Un texte affiché lorsque la liste d'amis est vide. |
11 | Panneau | Panneau UI entier |
Comme montré ci-dessous, la cellule où les informations de l'ami sont affichées a les composants Follow Cell View et UserInfo Cell View appliqués. Les informations dans chaque composant sont les suivantes.
1 | Nom de la vue | Texte du nom d'utilisateur |
|---|---|---|
2 | Voir le profil | Image de profil de l'utilisateur |
3 | Bouton Suivre | Bouton de suivi de l'utilisateur |
4 | Bouton Ne plus suivre | Bouton de désabonnement de l'utilisateur |
5 | Voir le badge | Image de l'icône de badge |
6 | Voir le badge de bienvenue | Image de l'icône de bienvenue |
7 | Voir Suivre | Texte du bouton Suivre |
8 | Voir Est Suivant | Texte du bouton Ne plus suivre |
👍 Conseils
- Le texte ZEPETO hérite de UnityEngine_UI.Text et fournit quelques fonctionnalités supplémentaires pour la commodité de l'interface utilisateur dans le monde. Les textes peuvent être facilement modifiés en mode d'édition du prefab FollowScrollView.
- Les icônes de badge affichées à côté du nom d'utilisateur sont des icônes utilisées pour marquer des utilisateurs spéciaux tels que les créateurs et les hôtes de ZEPETO.
Vous pouvez personnaliser votre liste d'amis en modifiant les éléments de l'interface utilisateur.
Sélectionnez un prefab dans les Packages et faites glisser le prefab dans le dossier Assets pour copier le prefab.
👍 Conseils Les prefabs ne peuvent pas être modifiés lorsqu'ils se trouvent dans le dossier Packages, mais ils peuvent être modifiés une fois copiés dans des sous-dossiers du dossier Assets.
