当前位置:网站首页>FairyGUI簡單背包的制作
FairyGUI簡單背包的制作
2022-07-06 12:38: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 = "空白";
}
}
六、最終效果圖
边栏推荐
- Get the position of the nth occurrence of the string
- idea问题记录
- Naive Bayesian theory derivation
- Minio文件下载问题——inputstream:closed
- 1041 be unique (20 points (s)) (hash: find the first number that occurs once)
- @The difference between Autowired and @resource
- Symbolic representation of functions in deep learning papers
- ES6 grammar summary -- Part 2 (advanced part es6~es11)
- Unity3d makes the registration login interface and realizes the scene jump
- Pytorch: tensor operation (I) contiguous
猜你喜欢
Easy to use shortcut keys in idea
(一)R语言入门指南——数据分析的第一步
Redis cache update strategy, cache penetration, avalanche, breakdown problems
Basic operations of databases and tables ----- creating data tables
2021.11.10汇编考试
ORA-02030: can only select from fixed tables/views
idea中好用的快捷键
FairyGUI摇杆
MySQL takes up too much memory solution
Lock wait timeout exceeded try restarting transaction
随机推荐
Redis based distributed ID generator
(the first set of course design) sub task 1-5 317 (100 points) (dijkstra: heavy edge self loop)
PT OSC deadlock analysis
(课设第一套)1-5 317号子任务 (100 分)(Dijkstra:重边自环)
Basic operations of databases and tables ----- classification of data
2022.2.12 resumption
Classification, understanding and application of common methods of JS array
Important methods of array and string
[golang] leetcode intermediate - fill in the next right node pointer of each node & the k-smallest element in the binary search tree
[offer78] merge multiple ordered linked lists
Idea problem record
[offer9]用两个栈实现队列
FairyGUI摇杆
[Offer18]删除链表的节点
Working principle of genius telephone watch Z3
Gateway 根据服务名路由失败,报错 Service Unavailable, status=503
@Autowired 和 @Resource 的区别
JS變量類型以及常用類型轉換
(1) Introduction Guide to R language - the first step of data analysis
Intermediate use tutorial of postman [environment variables, test scripts, assertions, interface documents, etc.]