当前位置:网站首页>FairyGUI简单背包的制作
FairyGUI简单背包的制作
2022-07-06 09:18:00 【SQ刘】
FairyGUI简单背包的制作
效果预览:
一、创建新项目
重命名一下
二、制作背包弹窗
1、新建背包的容器组件(BagWindow)
2、新建窗口框架组件(WindowFrame)
3、导入素材资源
4、在WindowFrame中操作
(1)拖入背包的背景
并将n0重命名为BG(即背包背景)
(2)新建关闭按钮(ButtonClose)
(3)新建图形作为一个占位(dragArea——拖拽区域)
5、在BagWindow中操作
(1)将WindowFrame拖入BagWindow,并设置其组件大小
(2)拖入列表承载游戏物体
(3)在列表中制作格子——新建按钮Item
(4)编辑Item
拖入背景图
拖入Title
拖入装载器
6、在Main中操作
(1)制作图片显示按钮ItemView
(2)对ItemView做一些完善
(3)新建背包弹窗按钮BagButton
(4)双击BagButton按钮对它进行编辑
7、回到BagWindow,对其赋值
重命名,做一些小小的更改。
三、打包导出发布
四、Unity中显示
1、新建Unity项目
2、下载资源商店里的FairyGUI
下载后导入时,需要注意一下,要把Examples下面的Bag删除掉。因为之前导入的时候就是没有删除,导致后面出现一些奇奇怪怪的现象。
3、Unity中显示
五、代码控制
1、新建两个脚本
一个是背包弹窗脚本BagWindow,一个是主要脚本Bag。
2、编辑脚本
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、运行效果
4、加载背包里的内容
(1)更改一下BagWindow里的列表名字:itemList,以及ItemView里的title,并重新发布
(2)继续编码实现功能
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); //设置背包弹窗出现的初始位置
mainUI.GetChild("bagButton").onClick.Add(() => {
bagWindow.Show(); });
}
private void UseItem()
{
playerView.icon = null;
playerView.title = "空白";
}
}
六、最终效果图
边栏推荐
- Flink late data processing (3)
- History object
- . elf . map . list . Hex file
- Get the position of the nth occurrence of the string
- ES6 grammar summary -- Part 2 (advanced part es6~es11)
- RuntimeError: cuDNN error: CUDNN_ STATUS_ NOT_ INITIALIZED
- Imgcat usage experience
- Compilation principle: preprocessing of source program and design and implementation of lexical analysis program (including code)
- Knowledge summary of request
- Unity3d makes the registration login interface and realizes the scene jump
猜你喜欢
Naive Bayesian theory derivation
Idea problem record
JS Title: input array, exchange the largest with the first element, exchange the smallest with the last element, and output array.
Design and implementation of general interface open platform - (39) simple and crude implementation of API services
Compilation principle: preprocessing of source program and design and implementation of lexical analysis program (including code)
Arduino uno R3 register writing method (1) -- pin level state change
JS變量類型以及常用類型轉換
JS数组常用方法的分类、理解和运用
Walk into WPF's drawing Bing Dwen Dwen
SVN更新后不出现红色感叹号
随机推荐
[leetcode19]删除链表中倒数第n个结点
Unity3d makes the registration login interface and realizes the scene jump
Working principle of genius telephone watch Z3
Unity3D制作注册登录界面,并实现场景跳转
Classification, understanding and application of common methods of JS array
Important methods of array and string
如何给Arduino项目添加音乐播放功能
编译原理:源程序的预处理及词法分析程序的设计与实现(含代码)
Pat 1097 duplication on a linked list (25 points)
数据库课程设计:高校教务管理系统(含代码)
关于Gateway中使用@Controller的问题
HCIP Day 12
燕山大学校园网自动登录问题解决方案
Talking about the startup of Oracle Database
JS 函数提升和var变量的声明提升
Easy to use shortcut keys in idea
Basic operations of databases and tables ----- modifying data tables
2021.11.10汇编考试
Office提示您的许可证不是正版弹框解决
[offer9] implement queues with two stacks