Fabrication d'un sac à dos simple fairygui

FairyGUIFabrication de sacs à dos simples

Aperçu des effets：

Un.、Créer un nouveau projet

Renommer

2.、 Faire des fenêtres de sac à dos

1、 Composant conteneur du nouveau sac à dos （BagWindow）

2、 Nouveau composant de cadre de fenêtre （WindowFrame）

3、 Importer des ressources matérielles

Cliquez ici pour télécharger

4、InWindowFrameOpération centrale

（1） Glissez dans l'arrière - plan du sac à dos

Et van0Renommer enBG（ C'est l'arrière - plan du sac à dos ）

（2） Nouveau bouton d'arrêt （ButtonClose）

（3） Nouveau dessin comme occupation （dragArea——Zone de traînée）

5、InBagWindowOpération centrale

（1）Oui.WindowFrameGlisser dansBagWindow, Et définir la taille de ses composants

（2） Glisser dans la liste pour transporter des objets de jeu

（3） Faire une grille dans la liste ——Nouveau boutonItem

（4）ÉditionItem

Glisser dans la carte de fond

Glisser dansTitle


Glisser dans le chargeur

6、InMainOpération centrale

（1） Créer un bouton d'affichage d'image ItemView

（2）C'est exact.ItemView Faites quelques améliorations

（3） Nouveau bouton pop - up du sac à dos BagButton

（4）Double - clicBagButton Bouton pour l'éditer

7、RetourBagWindow,Assigner une valeur à

Renommer, Faites quelques petits changements .

Trois、 Package Export Publishing

Quatre、UnityAffichage en

1、NouveauUnityProjets

2、 Télécharger le FairyGUI

 Lors de l'importation après téléchargement ,Il faut faire attention,- Oui.ExamplesEn bas.BagSupprimer. Parce qu'il n'a pas été supprimé lors de l'importation précédente , Ce qui a conduit à des phénomènes étranges .

3、UnityAffichage en

Cinq、Contrôle du Code

1、 Créer deux nouveaux scripts

 L'un est un script de fenêtre de sac à dos BagWindow, L'un est le script principal Bag.

2、Modifier le script

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;

public class BagWindow : Window
{
    
    public  BagWindow()
    {
    

    }
    
    protected override void OnInit()
    {
    
        this.contentPane = UIPackage.CreateObject("Bag", "BagWindow").asCom;
    }
}

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;

public class Bag : MonoBehaviour
{
    
    private GComponent mainUI;
    private GButton playerView;
    private BagWindow bagWindow;
    void Start()
    {
    
        mainUI = GetComponent<UIPanel>().ui;
        playerView = mainUI.GetChild("playerView").asButton;
        playerView.onClick.Add(UseItem);
        bagWindow = new BagWindow();
        mainUI.GetChild("bagButton").onClick.Add(() => {
     bagWindow.Show(); });
    }

    // Update is called once per frame
    void Update()
    {
    
        
    }

    private void UseItem()
    {
    

    }
}

3、Effets de fonctionnement

4、 Charger le contenu du sac à dos

（1）Changez.BagWindow Nom de la liste dans ：itemList,EtItemViewÀ l'intérieur.title, Et republié

（2） Continuer à coder les fonctions de mise en oeuvre

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;

public class BagWindow : Window
{
    
    private GList list;
    private GButton playerView;
    public BagWindow(GButton targetButton)
    {
    
        playerView = targetButton;
    }
    
    protected override void OnInit()
    {
    
        this.contentPane = UIPackage.CreateObject("Bag", "BagWindow").asCom;
        list = this.contentPane.GetChild("itemList").asList;
        list.itemRenderer = RenderListItem;
        list.numItems = 20;
        for (int i = 0; i < list.numItems - 10; i++) 
        {
    
            GButton button = list.GetChildAt(i).asButton;
            button.onClick.Add(() => {
     ClickItem(button); });
        }
    }

    private void RenderListItem(int index, GObject obj)
    {
    
        GButton button = obj.asButton;
        button.icon = UIPackage.GetItemURL("Bag", "i" + index);
        button.title = index.ToString();
    }

    private void ClickItem(GButton button)
    {
    
        playerView.title = button.title;
        playerView.icon = button.icon;
    }
}

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;

public class Bag : MonoBehaviour
{
    
    private GComponent mainUI;
    private GButton playerView;
    private BagWindow bagWindow;
    
    void Start()
    {
    
        mainUI = GetComponent<UIPanel>().ui;
        playerView = mainUI.GetChild("playerView").asButton;
        playerView.onClick.Add(UseItem);
        bagWindow = new BagWindow(playerView);
        bagWindow.SetXY(121, 63);  // Définir la position initiale de la fenêtre contextuelle du sac à dos 
        mainUI.GetChild("bagButton").onClick.Add(() => {
     bagWindow.Show(); });
    }

    private void UseItem()
    {
    
        playerView.icon = null;
        playerView.title = "Blanc";
    }
}

Six、Résultats finaux