Siki_Unity_3-3_背包系统
Unity 3-3 背包系统(基于UGUI)
任务1&2&3:演示、介绍、类图分析
背包面板、箱子面板、锻造合成面板、装备佩戴面板、商店面板等
面板的显示和隐藏、保存和加载、拾起物品、物品移动、物品出售和购买等
导入素材UI.unitypackage
UML图设计:
物品Item分为几类:消耗品Consumable、装备Equipment、武器Weapon、材料Material
消耗品影响HP/MP
装备影响strength/ intelligence/ agility/ stamina等
装备类型有:head/ neck/ chest/ ring/ leg/ bracer/ boots/ shoulder/ belt/ offHand
武器影响damage
武器类型有:offHand/ mainHand
材料用于合成装备和武器
物品共有变量:
id/ name/ type/ quality/ description/ capacity/ buyprice/ sellprice
消耗品变量:
hp/ mp
装备变量:
strength/ intelligence/ agility/ stamina等/ 还有equipmentType
武器变量:
damage/ 还有weaponType
材料变量:无
任务5&6:开发Item类(根据类图创建类)
使用get;set;的方式,可以很灵活地控制变量的访问权限
public class Item {public int ID { get; set; }public string Name { get; set; }public ItemType Type { get; set; }public ItemQuality Quality { get; set; }public string Description { get; set; }public int Capacity { get; set; }public int buyprice { get; set; }public int sellprice { get; set; }public Item(int id, string name, ItemType type, ItemQuality quality, string desc, int capacity, int buyprice, int sellprice){this.ID = id;this.Name = name;...this.buyprice = buyprice;this.sellprice = sellprice;}public enum ItemType {Consumable, Equipment, Weapon, Material}public enum ItemQuality {Common, Uncommon, Rare, Epic, Legendary, Artifact }}
-- 注意:两个枚举类型ItemType和ItemQuality是在类内部声明的,在外部使用时需要通过类名,比如Item.ItemType来使用
而且声明的时候需要为public的
-- 改进:每个Item都有自己的UI图标
public string SpritePath { get; set; }
并在Project中创建Resources文件夹,将所有Item图标的Sprite移入该文件夹
其他类的构造函数里也得加上spritePath
public class Consumable : Item {public int HP { get; set; }public int MP { get; set; }public Consumable(int id, string name, ItemType type, ItemQuality quality, string desc, int capacity, int buyprice, int sellprice, int hp, int mp) : base(id, name, type, quality, desc, capacity, buyprice, sellprice) { this.HP = hp;this.MP = mp; }}
public class Equipment : Item {public int Strength { get; set; }public int Intelligence { get; set; }public int Agility { get; set; }public int Stamina { get; set; }public EquipmentType EquipType { get; set; }public Equipment(int id, string name, ItemType type, ItemQuality quality, string desc, int capacity, int buyprice, int sellprice, int strength, int intelligence, int agility, int stamina, EquipmentType equipType) : base(id, name, type, quality, desc, capacity, buyprice, sellprice) {this.Strength = strength;this.Intelligence = intelligence;this.Agility = agility;this.Stamina = stamina;this.EquipType = equipType;}public enum EquipmentType {Head, Neck, Chest, Ring, Leg, Bracer, Boots, Shoulder, Belt, OffHand }}
public class Weapon : Item {public int Damage { get; set; }public WeaponType WeapType { get; set; }public Weapon(int id, string name, ItemType type, ItemQuality quality, string desc, int capacity, int buyprice, int sellprice, int damage, WeaponType weapType): base(id, name, type, quality, desc, capacity, buyprice, sellprice) {this.Damage = damage;this.WeapType = weapType;}public enum WeaponType {OffHand, MainHand }}
-- 注意,这里因为Weapon不是继承与Equipment,因此这里使用的EquipmentType需要写成Equipment.EquipmentType
public class Material : Item {public Material(int id, string name, ItemType type, ItemQuality quality, string desc, int capacity, int buyprice, int sellprice): base(id, name, type, quality, desc, capacity, buyprice, sellprice) { }}
-- 因为子类必须提供一个构造方法去构造父类,而父类没有空的构造方法,所以Material必须写对应的构造方法去构造父类
否则需要在Item中写一个空的构造方法
任务7:Item类的Json文件 -- 策划
https://www.bejson.com/jsoneditoronline -- 在线Json编辑器
有很多种物品,在Json文件中保存成一个数组
属性根据类中成员变量来确定
[{"id": 1,"name": "血瓶","type": "Consumable","quality": "Common","description": "这个是用来加血的","capacity": 10,"buyprice": 10,"sellprice": 5,"hp": 10,"mp": 0,"spritePath": "Sprites/Items/hp"} ]
暂时先写一个物品,用于测试
在Project->Items下保存一个记事本Items.Json文件,编码格式改为UTF-8
任务8:InventoryManager物品管理器
&& 任务14:改进Knapsack和Chest的设计
创建空物体InventoryManager,添加脚本InventoryManager.cs -- 用于管理所有物品
之后还有两个分管理器:背包Knapsack,箱子Chest
Knapsack和Chest不是继承于InventoryManager的,只是功能结构关系而已
背包和箱子之间有一些交互,比如移动物品等,这些交互方法就在InventoryManager中实现
注意:InventoryManager和这些一般都为单例模式
InventoryManager.cs中
单例模式的实现
1. _instance为private,因为不能在外界访问
2. Instance为public,作为在外界访问的接口
3. 构造函数为private,不能在外界直接调用,而必须通过Instance进行调用
private static InventoryManager _instance;
public static InventoryManager Instance {
get {
if(_instance == null) {
// 第一次想要得到的时候,未赋值,给它赋值
_instance = GameObject.Find("InventoryManager").GetComponent<InventoryManager>();
}
return _instance;
}}
任务14:改进Knapsack和Chest的设计
因为Knapsack和Chest是有共有功能的,因此可以创建一个类Inventory作为他俩的父类
任务9&10&11:Json解析 -- LitJSON 和 JsonObject
InventoryManager需要进行Items.Json数据的解析
在Json官网 www.json.org中找到c#的 LitJSON
或前往 https://litjson.net/
额。。。下载失败,我直接在csdn下载了
https://download.csdn.net/download/blackbord/10016032
下载dll文件,导入unity中就可以使用dll中的相关类了
在Project文件夹下创建Plugins文件夹,这个文件夹下的文件会被预编译,一般用于放置插件
在InventoryManager中创建解析Json文件的方法:
ParseItemJson()
解析出来的结果为很多Item,新建一个List列表来存储
private List<Item> itemList;
itemList = new List<Item>();
取得Json文件的内容
TextAsset jsonTextAsset = Resources.Load<TextAsset>("Items");
string jsonString = jsonTextAsset.text; // 得到了文本文件中的字符串
解析
using LitJson;
LitJson的教程 -- https://www.cnblogs.com/Firepad-magic/p/5532650.html
// Siki老师下载失败后,从AssetStore上import了JsonObject
-- 会和LitJson有所区别
思路:
1. 通过API得到存储数据的对象(该对象为一个集合)
2. 通过遍历该对象,得到每一个数据对象
3. 通过"type"字段的值,判断Item的类型
4. 声明对应类型的对象,并通过构造函数新建对象
5. 将新建的对象添加到list中
LitJson版本:
// 得到的jsonData为一个集合,每一个元素也是JsonData类型 JsonData jsonData = JsonMapper.ToObject(jsonString); foreach (JsonData data in jsonData) {// 将JsonData对象中存储的值,通过Item或子类的构造函数,新建一个对应的Item对象// 先得到共有的属性int id = int.Parse(data["id"].ToString());string name = data["name"].ToString();string type = data["type"].ToString();Item.ItemType itemType = (Item.ItemType)System.Enum.Parse(typeof(Item.ItemType), type);Item.ItemQuality itemQuality = (Item.ItemQuality)System.Enum.Parse(typeof(Item.ItemQuality), data["quality"].ToString());string description = data["description"].ToString();int capacity = int.Parse(data["capacity"].ToString());int buyprice = int.Parse(data["buyprice"].ToString());int sellprice = int.Parse(data["sellprice"].ToString());string spritePath = data["spritePath"].ToString();Item item = null;// 首先需要通过"type"的值,确认该Item是什么类型的switch (itemType) {case Item.ItemType.Consumable:int hp = int.Parse(data["hp"].ToString());int mp = int.Parse(data["mp"].ToString());// 通过JsonData的数据,新建一个Consumable对象item = new Consumable(id, name, itemType, itemQuality, description, capacity, buyprice, sellprice, spritePath, hp, mp);break;case Item.ItemType.Equipment:break;case Item.ItemType.Weapon:break;case Item.ItemType.Material:break;default:break;}// 将新建的Item对象添加到list中 itemList.Add(item); }
JsonObject版本:
JsonObject讲解:readme.txt
直接通过JSONObject的构造函数进行Json数据的解析
得到的多个JsonObject对象会存储在list中
事实上Json数据中的任何一个整体都是一个JsonObject类的对象
比如一个键值对,或一个对象,或一个数组
对于每个对象,通过jsonObject["key"]访问对应的value,根据value类型
通过.n表示float,.b表示bool,.str表示string等等,还有Object、数组等类型
// 得到的jsonObject为一个list集合,每一个元素也是JsonObject类型 JSONObject jsonObject = new JSONObject(jsonString); // 遍历JSONObject.list,得到每一个对象 foreach(JSONObject elem in jsonObject.list) {// 将对象转换为Item类// 通过索引器得到的为JsonObject类型// ToString()后发现,数据带有引号""// 不能使用 elementObject["name"].ToString());int id = (int)elem["id"].n;string name = elem["name"].str;Item.ItemType type=(Item.ItemType)System.Enum.Parse(typeof(Item.ItemType),elem["type"].str);...Item item = null;switch (type) {case Item.ItemType.Consumable:int hp = (int)elem["hp"].n;int mp = (int)elem["mp"].n;item = new Consumable(id, name, type, quality, description, capacity, buyprice, sellprice, spritePath, hp, mp);break;...default:break;}itemList.Add(item); }
任务12&13:背包的UI
所有物品的信息都保存在了InventoryManager.itemList中,
现在开发数据和UI之间的连通,将item显示在UI上
开发背包的UI
新建UI->Panel,命名KnapsackPanel,SourceImage: panel,调节颜色
屏幕自适应
Canvas--CanvasScaler--UI Scale Mode = Scale With Screen Size
表示按控件占屏幕的比例来显示,而不是按像素来显示
Match = Width,表示按宽度的比例来,而高度的确定按照控件的宽高比而定
显示效果不好 -- 去掉天空盒子,Window->Lighting->Skybox选择None
新建子物体UI->Panel,命名ItemsContainer,作为所有物品的容器
调整大小
因为不需要显示,所以alpha=0;
新建子物体UI->Image,命名Slot,作为一个物品的容器
SourceImage: button_square
因为需要很多个Slot,因此在ItemsContainer中添加组件Grid Layout Group,用于排序
调整Cell大小,调整Spacing
新建Knapsack的子物体,UI->Image,命名TitleBg,SourceImage: button_long
新建子物体, UI->Text,背包,字体等微调
因为不需要交互,取消勾选Knapsack、TitleBg、Text、ItemsContainer的Raycast Target
只有Slot需要交互
Slot的完善:
实现鼠标移入的颜色变化效果
在Slot上添加组件Button
制作成prefab
在Slot下创建子物体UI->Image,命名Item,作为Slot中存储的物品
调整大小,SourceImage: 先随便选一个,因为最后是动态赋值的
在Item下创建子物体UI->Text,命名Amount,用于显示物品数量,微调颜色等
因为在Slot中做了交互,所以Item和Amount中的Raycast Target取消勾选
将Item制作成prefab
给Slot添加脚本Slot.cs,用于管理自身
给Item添加脚本ItemUI.cs,用于管理Item自身的显示等功能
因为ItemUI表示的为存在该Slot中的物体,因此需要保存该Item和数量
public Item Item {get; set; }
public int Amount {get; set; }
任务14~18:Inventory的实现 -- 物品存储功能
&任务19:物品存储后的UI更新显示
&任务25:Bugfixing
&任务39:添加物品时的动画显示
Inventory.cs脚本 -- 管理自身中所有的Slot
在Knapsack中添加脚本Knapsack 继承自 Inventory
// 存储所有的Slot
private Slot[] slotList;
// 在Start()中获取所有的Slot
public virtual void Start() {
slotList = GetComponentsInChildren<Slot>();
}
-- 因为在Knapsack等子类中也需要用到这个Start(),因此设置为virtural,方便子类访问
拾起物品并存储进背包的功能:
public bool StoreItem(int id)
public bool StoreItem(Item itemToStore)
// 返回bool表示是否存储成功,因为一些原因比如背包满了
-- InventoryManager 中根据item id返回Item对象的方法
public Item GetItemById(int id) {
foreach(Item item in itemList) {
if(item.ID == id) {
return item;
}}
return null;
}
public bool StoreItem(int id) {
// 先进行转换
Item item = InventoryManager.Instance.GetItemById(id);
return StoreItem(item);
}
public bool StoreItem(Item item) {
// 安全判断
if(item == null) { Debug.LogWarning("要存储的物品id不存在"); }
// 存储
// 两种情况
// 1. 之前背包没有该类物品
实例化一个该类物体,将其放入一个Slot
2. 背包已有该类物品
找到该Slot
若物品个数小于Capacity,Amount+1 (装备等capacity为1)
若放满了,则实例化另一个Item,并放入另一个Slot
if(item.capacity == 1) {
Slot slotToStore = FindEmptySlot();
if(slotToStore == null) { Debug.LogWarning("没有空位"); return false; }
else { // 将物品放入该slot
slotToStore.StoreItem(item);
}} else {
// 判断当前是否已经存在该类物体
Slot slotToStore = FindSlotWithSameItemType(item);
if(slotToStore != null) { // 找到已存在同类未满Slot
slotToStore.StoreItem(item);
} else { // 未找到
// 新建一个slot存储
slotToStore = FindEmptySlot();
if(slotToStore == null) { ... 警告已满; return false; }
else {
slotToStore.StoreItem(item);
}}}
如何找到空格子呢?
private Slot FindEmptySlot()
foreach(Slot slot in slotList) {
if slot.transform.childCount == 0) {
return Slot;
}}
return null;
}
如何找到类型相同的物品槽呢?
private Slot FindSlotWithSameItemType(Item item) {
foreach(Slot slot in slotList) {
if(slot.transform.childCount == 1) { // 有一个子物体
if(slot.GetItemId() == item.ID && !slot.IsSlotFilled()) { // 符合类型且数量未满
// ------- 在Slot中实现GetItemType()方法
// public Item.ItemType GetItemType() {
// return transfrom.GetChild(0).GetComponent<ItemUI>().Item.Type;
// }
// ------- 任务25中发现:不应该判断GetItemType()
// 这样如果血瓶和蓝瓶都是Consumable的Type,就会互相叠加了
// public int GetItemId() {
// return transfrom.GetChild(0).GetComponent<ItemUI>().Item.ID;
// }
// ------- 在Slot中实现IsSlotFilled()方法
// public bool IsSlotFilled() {
// ItemUI itemUI = transform.GetChild(0).GetComponent<ItemUI>();
// return itemUI.Amount >= itemUI.Item.Capacity;
// }
return slot;
}}}
return null;
}
如何将物品存入Slot呢?
在Slot.cs中
public void StoreItem(Item item) {
if(transform.ChildCount == 0) { // 空slot
// 实例化Item,并存入Slot
-- public GameObject itemPrefab;
GameObject itemObject = Instantiate(itemPrefab);
itemObject.transform.SetParent(transform);
itemObject.transform.localPosition = Vector3.zero;
// 这里的Scale显示会出现Bug,在任务39中(即本节最后)会详细说明
// 给实例化出来的空Item进行赋值
// ---------在ItemUI中实现Item的赋值 public void SetItem(Item item, int amount = 1) {
// this.Item = item;
// this.Amout = amount;
// // 更新UI
// }
itemObject.GetComponent<ItemUI>().SetItem(item);
} else { // 本身已经存储了物体
Item itemInSlot = transform.GetChild(0);
ItemUI itemUI = itemInSlot.GetComponent<ItemUI>();
// 这里不必判断Slot满的情况,因为在外界判断完了
// -------- 在ItemUI中实现数量+1的方法 public void AddAmount(int num = 1) {
// this.Amount += num;
// // 更新UI
// }
itemUI.AddAmount();
}
如何更新UI呢?
// 显示有两个部分,一个部分是Sprite,一个部分是Amount.text
private Image itemImage;
private Text amountText;
// 如果将初始化写在Start中,会报空指针,因为在一开始的时候就执行了赋值初始化
// 所以写成get的形式
public Image ItemImage {
get{
if(itemImage == null) {
itemImage = GetComponent<Image>();
}
return itemImage;
}
public Text AmountText {
// 相似
amountText = GetComponentInChildren<Text>();
}
public void UpdateUISprite() {
ItemImage.sprite = Resources.Load<Sprite>(Item.SpritePath);
public void UpdateUIText() {
AmountText.text = Amount.ToString();
测试:
新建脚本Player.cs
-- 因为操作物品的来源一般为Player(随意啦,一个解释而已)
-- 通过键盘按键G,随机得到一个物品放到背包中
在 Update()中
if(Input.GetKeyDown(KeyCode.G) {
// 随机生成一个id
int id = Random.Range(1, 2);
// 调用Knapsack (即Inventory中)的StoreItem(id)进行存储
// ---------- 将Inventory做成单例模式
// 但是不能在Inventory中实现,应该在Knapsack和Chest中实现
// 因为如果在Inventory中实现,那么Knapsack和Chest就会共用了
// 将Knapsack做成单例模式
// private static Knapsack _instance;
// public static Knapsack Instance {
// get{
// if(_instance == null) {
// _instance = GameObject.Find("KnapsackPanel").GetComponent<Knapsack>();
// }
// return _instance;
// }}
Knapsack.Instance.StoreItem(id);
代码:
Player.cs
public class Player : MonoBehaviour {void Update () {if(Input.GetKeyDown(KeyCode.G)) {// 随机生成一个idint id = Random.Range(1, 2);Knapsack.Instance.StoreItem(id); }}}
Knapsack.cs中只有单例模式的实现代码
Inventory.cs
public class Inventory : MonoBehaviour {private Slot[] slotList;public virtual void Start () {slotList = GetComponentsInChildren<Slot>();}public bool StoreItem(Item itemToStore) {// 存储一个Item,有两种情况// 1. 在Inventory中没有此类Item,则寻找空Slot存储// 2. 在Inventory中已有此类Item// 若数量已满,则寻找空Slot存储;若数量未满,则增加数量即可// 另一种判断:// 1. 若Item.Capacity为1,则需要寻找空Slot存储// 2. 若不为1,寻找是否已经存在该类物品// 已存在,则数量增加;没有存在,寻找空SlotSlot slotToStore = FindSlotWithSameItemType(itemToStore);if(slotToStore == null) {// 没有找到相同类型且未满的Slot -- 故寻找空slot存储slotToStore = FindEmptySlot();if(slotToStore == null) {Debug.LogWarning("空间已满,不可进行存储");return false;} else {//找到空slot,进行存储 slotToStore.StoreItem(itemToStore);}} else {// 找到相同类型且未满的Slot,存储 slotToStore.StoreItem(itemToStore);}return true;}public bool StoreItem(int itemId) {Item itemToStore = InventoryManager.Instance.GetItemById(itemId);if(itemToStore == null) { // 未找到该Itemreturn false;}return StoreItem(itemToStore);}private Slot FindSlotWithSameItemType(Item item) {foreach(Slot slot in slotList) {if(slot.transform.childCount == 1) {// 不是空slotif(slot.GetItemType() == item.Type && !slot.IsSlotFilled()) {// 相同类型的slot,且未满return slot;}}}return null;}private Slot FindEmptySlot() {foreach(Slot slot in slotList) {if(slot.transform.childCount == 0) {// 找到空slotreturn slot;}}return null; }}
Slot.cs
public class Slot : MonoBehaviour {public GameObject itemPrefab;public Item.ItemType GetItemType() {return transform.GetChild(0).GetComponent<ItemUI>().Item.Type;}public bool IsSlotFilled() {ItemUI itemUI = transform.GetChild(0).GetComponent<ItemUI>();return itemUI.Amount >= itemUI.Item.Capacity;}public void StoreItem(Item itemToStore) {// 两种情况下调用该方法:// 1. 本Slot为空,需要实例化Item进行存储// 2. 本Slot不为空,只需要增加数量即可if(transform.childCount == 0) {// 实例化ItemGameObject itemObject = GameObject.Instantiate(itemPrefab) as GameObject;itemObject.transform.SetParent(transform);itemObject.transform.localPosition = Vector3.zero;// 给该Item赋值itemObject.GetComponent<ItemUI>().SetItem(itemToStore);} else {// 数量增加transform.GetChild(0).GetComponent<ItemUI>().AddAmount(); }}}
ItemUI.cs
public class ItemUI : MonoBehaviour {public Item Item { get; set; }public int Amount { get; set; }private Text amountText;public Text AmountText {get { ... }}private Image itemImage;public Image ItemImage {get { ... }}public void SetItem(Item item, int amount = 1) {// amount默认为1,因为该方法意为被空Slot存储item时调用this.Item = item;this.Amount = amount;// UI更新 UpdateUISprite();UpdateUIText();}public void AddAmount(int num = 1) {// 默认+1,因为该方法意为存储item时调用,通常存储为1个this.Amount += num;// UI更新 UpdateUIText();}private void UpdateUIText() {AmountText.text = Amount.ToString();}private void UpdateUISprite() {ItemImage.sprite = Resources.Load<Sprite>(Item.SpritePath); }}
任务39:添加物品时的动画显示
-- 物品添加到Slot中时,会先放大一下物品表示强调,再缩小到应有大小
在ItemUI中控制动画的播放
流程解释:Player.Update() -> Knapsack.StoreItem(id/item) -> Slot.StoreItem(Item) -> ItemUI.SetItem(item)
ItemUI.SetItem(item)中,传递设置了item和amount,并更新了sprite和text的UI显示
因此在ItemUI.UpdateUISprite()中
添加
直接在UpdateUISprite()中完成动画效果吗?
不行,需要在Update()中不断调用Lerp来实现
定义属性
private float targetScale = 1;
Update() {
if(Mathf.Abs(transform.localScale.x - targetScale) > 0.05f) {
// 进行动画播放
transform.localScale = Vector3.one * Mathf.Lerp(transform.localScale.x, targetScale, Time.deltaTime*smooth);
} else {
transform.localScale = Vector3.one * targetScale; // 节约性能
if(targetScale != 1) {
// 每当添加物品时,会将targetScale设大,播放动画
// 结束动画后localScale=targetScale>1,此时自动将targetScale设为1,开始变小动画
targetScale = 1;
}}}
Bug修复:在Slot.cs的StoreItem()里有一个scale自动变化的问题
public void StoreItem(Item itemToStore) {if(transform.childCount == 0) {// 实例化ItemGameObject itemObject = GameObject.Instantiate(itemPrefab) as GameObject;// 大小显示一直有问题,在这里手动设置// 为什么呢,因为实例化的时候是在slot里面实例化的// 实例化出来的时候,首先会放在场景的根目录下// 然后设置位置的时候,比如设置Parent的时候才会移动到Parent下面// 因为Canvas自身是有scale的大小设置的,因此会影响到实例化物体的scale变化 itemObject.transform.SetParent(transform);itemObject.transform.localPosition = Vector3.zero;itemObject.transform.localScale = Vector3.one;// 给该Item赋值itemObject.GetComponent<ItemUI>().SetItem(itemToStore);} else {// 数量增加transform.GetChild(0).GetComponent<ItemUI>().AddAmount();} }
任务20&21:实现ToolTip
什么是ToolTip?
当光标悬浮在某个控件上时,会有一个弹窗显示对控件的解释说明
实现物品Item的ToolTip,显示对应的description
新建UI->Image,命名ItemDescToolTipPanel,SourceImage: panel
新建子物体UI->Text,命名ItemDescText,微调颜色大小等
这个时候,ToolTip的大小是固定的,不会随着Text而改变
子类会随着父类的变化而变化,当父类的大小不会受子类的大小影响
但是因为每个Item的desc长度不同,需要的Panel长度也不同
解决方法:取巧
将Image设置为Text的子物体
现在只需要实现Text框大小随着文字数量而改变即可
在Text添加组件Content Size Fitter
Horizontal/ Vertical Fit:
Preferred Size -- 让组件随着内容的变化而变化
Min Size
Unconstrained
现在,实现了大小的自适应变化
但是,Text的内容因为Image的覆盖而看不见了
解决方法:取巧
复制一份Text,命名Content,作为Image子物体,实现显示的功能
注意,要将Image的pivot设置为四周拉伸,才会随着Text而改变大小
因为鼠标悬浮时,ToolTip需要显示在鼠标的右下方而不是以鼠标为中心
-- 设置ToolTip的中心点为左上角
但是缩放的时候会发现,会随着缩放而跑偏了
原因:pivot会根据缩放的比例而定
解决方法:pivot设置在Text的左上角,而不是背景框的左上角
ToolTip不需要进行交互,因此将所有的Raycast Target取消勾选
代码实现:
1. ToolTip框的显示与隐藏
2. Desc文字的变化
ToolTip.cs 信息提示类
在InventoryManager.cs中进行调用
给ToolTip物品添加ToolTip.cs脚本
// 因为需要实现Desc内容的显示和隐藏,因此需要得到
private Text descSizeController = GetComponent<Text>();
private Text contentText = transform.GetChild(0).Find("ContentText").GetComponent<Text>();
// contentText为ToolTip.transform的子物体的子物体,因此需要先得到子物体,在使用transform.Find()
// 通过Canvas Group.Alpha组件控制显示和隐藏
-- 给ToolTip物体添加CanvasGroup组件,并取消Interactable和Blocks Raycasts的勾选
private CanvasGroup canvasGroup = GetComponent<CanvasGroup>();
// 显示和隐藏功能
private float targetAlpha = 0; // 默认不显示
public void DisplayToolTip(String content) {
// 改变框大小和显示内容
descSizeController.text = content;
ContentText.text = content;
targetAlpha = 1; // 显示
}
public void HideToolTip() {
targetAlpha = 0; // 不显示
}
Update() {
// 控制将Alpha变化成targetAlpha值
if(canvasGroup.alpha != targetAlpha) {
canvasGroup.alpha = Mathf.Lerp(canvasGroup.alpha, targetAlpha, Time.deltaTime * smooth);
if(Mathf.Abs(canvasGroup.alpha - targetAlpha) > 0.05f) {
// 因为Lerp是逐渐趋近而不会到达
canvasGroup.alpha = targetAlpha;
}}
public class ToolTip : MonoBehaviour {private Text itemDescSizeController;private Text contentText;private CanvasGroup canvasGroup;private float targetAlpha = 1;private float smoothing = 4;void Start () {itemDescSizeController = GetComponent<Text>();contentText = transform.GetChild(0).Find("ContentText").GetComponent<Text>();canvasGroup = GetComponent<CanvasGroup>();}void Update () {if(canvasGroup.alpha != targetAlpha) {// 改变透明度canvasGroup.alpha = Mathf.Lerp(canvasGroup.alpha, targetAlpha, Time.deltaTime * smoothing);if(Mathf.Abs(targetAlpha - canvasGroup.alpha) < 0.05f) {canvasGroup.alpha = targetAlpha;}}}public void DisplayToolTip(string content) {itemDescSizeController.text = content;contentText.text = content;targetAlpha = 1;}public void HideToolTip() {targetAlpha = 0; }}
任务22&23&24:使用InventoryManager管理ToolTip && 实现ToolTip的显示
为什么不将ToolTip写成单例模式呢?
private static ToolTip _instance;
public static ToolTip Instance {
get{
if(_instance == null) {
_instance = GameObject.Find("...").GetComponent<ToolTip>();
}
return _instance;
}}
Siki老师通过private ToolTip toolTip = GameObject.FindObjectOfType<ToolTip>(); 进行访问
创建两个方法进行Display和Hide
public void DisplayToolTip(string description) {
ToolTip(.Instance).DisplayToolTip();
}
public void HideToolTip() {
ToolTip(.Instance).HideToolTip();
}
检测鼠标的进入和移出:
UnityEngine.EventSystems -- Interfaces --
IPointerEnterHandler和IPointerExitHandler分别对应鼠标的进入和移出
在Slot.cs中监听这两个事件
因为Slot为button,且Item的Raycast Target取消勾选了
using UnityEngine.EventSystems;
public class Slot : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler
实现这两个接口的OnPointerEnter() 和OnPointerExit()方法
public void OnPointerEnter(PointerEventData eventData) {
// 如果Slot为空,就不进行任何操作
if(transform.childCount != 0) {
InventoryManager.Instance.DisplayToolTip(GetComponentInChildren<ItemUI>().Item.Description);
// ---------- 传递的参数可以为Item中的用来得到Item需要被显示的Content的方法
// public virtual string GetToolTipContent() {
// return Name + ": " + Description;
// }
}}
public void OnPointerExit(PointerEventData eventData) {
// 相似,先判断是否为空slot,若不是,则执行InventoryManager中的HideToolTip()
// 如果不判断也是可以的,因为如果Slot为空
// 那么InventoryManager.HideToolTip() -> ToopTip.Instance.HideToolTip() -> targetAlpha=0;
// 没有什么实质影响
}
控制提示ToolTip面板的跟随:
修改ToolTip的位置
通过RectTransformUtility.ScreenPointToLocalPointInRectangle(RectTransform rect, Vector2 screenPoint, Camera cam, out Vector2 localPos)
在InventoryManager中实现ToolTip位置的控制
上述方法参数为:
1. rect: The RectTransform to find a point inside
2. For a RectTransform in a Canvas set to ScreenSpace-Overlay mode, it should be null.
3. localPos: Point in local space of the rect
在UpdateToolTipPosition()中控制ToolTip的位置
private void UpdateToolTipPosition() {Vector2 position;RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas.transform as RectTransform, Input.mousePosition, null, out position);ToolTip.Instance.transform.localPosition = position; }
在Update()中判断是否需要调用UpdateToolTipPosition()
// 当需要显示ToolTip时,调用
// ---- private bool isToolTipDisplayed = false;
// ---- 在DisplayToolTip()中改变值isToolTipDisplayed = true;
// ---- 在HideToolTip()中改变值isToolTipDisplayed = false;
if(isToolTipDisplayed) {
UpdateToolTipPosition();
}
运行,发现现在实现了ToolTip的跟随鼠标显示效果
但是,鼠标会在ToolTip的右上角 (Text的右上角)显示,而不是在边框外显示
-- 添加一个偏移 private Vector2 toolTipPosOffset = new Vector2(18, -28);
任务25&26&27:添加蓝瓶、胸甲的Json && 完善Equipment类型
任务28&29&30:完善所有Json数据
{"id": 2,"name": "蓝瓶","type": "Consumable","quality": "Common","description": "这个是用来加蓝的","capacity": 10,"buyprice": 10,"sellprice": 5,"hp": 0,"mp": 10,"spritePath": "Sprites/Items/mp" }
{"id": 3,"name": "胸甲","type": "Equipment","quality": "Uncommon","description": "这个胸甲很牛逼","capacity": 1,"buyprice": 500,"sellprice": 250,"strength": 10,"intelligence": 2,"agility": 0,"stamina": 10,"equipType": "Chest","spritePath": "Sprites/Items/armor" }
case Item.ItemType.Equipment:int strength = int.Parse(data["strength"].ToString());int intelligence = int.Parse(data["intelligence"].ToString());int agility = int.Parse(data["agility"].ToString());int stamina = int.Parse(data["stamina"].ToString());Equipment.EquipmentType equipType = (Equipment.EquipmentType)System.Enum.Parse(typeof(Equipment.EquipmentType), data["equipType"].ToString());// 通过JsonData的数据,新建一个Consumable对象item = new Equipment(id, name, itemType, itemQuality, description, capacity, buyprice, sellprice, spritePath, strength, intelligence, agility, stamina, equipType);break;
改进 -- 这时可以显示胸甲和蓝瓶了
但是:胸甲的数量就不需要显示,因为恒为1
在ItemUI.UpdateUIText()中加入判断Item.Capacity的情况
private void UpdateUIText() {if (this.Item.Capacity == 1) {// 不需要显示Amount HideAmountText();} else {AmountText.text = Amount.ToString();} }
无论是已存在物品的AddAmount()或是未存在物品的SetItem(),都适用了
通过Equipment.EquipType,一共12种,一种对应一个即可
完善Json数据
Equipment的Json信息完善:
{"id": 3, "name": "胸甲", "type": "Equipment", "quality": "Uncommon","description": "这个胸甲很牛逼", "capacity": 1, "buyprice": 500, "sellprice": 250,"strength": 10, "intelligence": 2, "agility": 0, "stamina": 10,"equipType": "Chest", "spritePath": "Sprites/Items/armor" }, {"id": 4, "name": "皮腰带", "type": "Equipment", "quality": "Epic","description": "这个腰带很灵活哦", "capacity": 1, "buyprice": 200, "sellprice": 100,"strength": 0, "intelligence": 0, "agility": 10, "stamina": 5,"equipType": "Belt", "spritePath": "Sprites/Items/belts" }, {"id": 5, "name": "靴子", "type": "Equipment", "quality": "Legendary","description": "这个靴子很快很快", "capacity": 1, "buyprice": 300, "sellprice": 150,"strength": 0, "intelligence": 0, "agility": 30, "stamina": 5,"equipType": "Boots", "spritePath": "Sprites/Items/boots" }, {"id": 6, "name": "护腕", "type": "Equipment", "quality": "Rare","description": "这个护腕很聪明", "capacity": 1, "buyprice": 300, "sellprice": 150,"strength": 0, "intelligence": 20, "agility": 0, "stamina": 0,"equipType": "Bracer", "spritePath": "Sprites/Items/bracers" }, {"id": 7, "name": "神奇手套", "type": "Equipment", "quality": "Artifact","description": "这个手套很神奇", "capacity": 1, "buyprice": 5000, "sellprice": 2500,"strength": 50, "intelligence": 0, "agility": 0, "stamina": 35,"equipType": "OffHand", "spritePath": "Sprites/Items/gloves" }, {"id": 8, "name": "头盔", "type": "Equipment", "quality": "Rare","description": "这个头盔很重哦", "capacity": 1, "buyprice": 1000, "sellprice": 500,"strength": 10, "intelligence": 5, "agility": 0, "stamina": 25,"equipType": "Head", "spritePath": "Sprites/Items/helmets" }, {"id": 9, "name": "白银项链", "type": "Equipment", "quality": "Common","description": "这个项链只是镀了一层白银", "capacity": 1, "buyprice": 400, "sellprice": 200,"strength": 0, "intelligence": 15, "agility": 15, "stamina": 0,"equipType": "Neck", "spritePath": "Sprites/Items/necklace" }, {"id": 10, "name": "戒指", "type": "Equipment", "quality": "Rare","description": "这个戒指刮了一下,金色没了诶", "capacity": 1, "buyprice": 500,"sellprice": 250, "strength": 0, "intelligence": 30, "agility": 0, "stamina": 0,"equipType": "Ring", "spritePath": "Sprites/Items/rings" }, {"id": 11, "name": "皮裤", "type": "Equipment", "quality": "Common","description": "猪皮制成的裤子,汪峰最喜欢", "capacity": 1, "buyprice": 300,"sellprice": 150,"strength": 10, "intelligence": 0, "agility": 0, "stamina": 20,"equipType": "Leg", "spritePath": "Sprites/Items/pants" }, {"id": 12, "name": "皮护肩", "type": "Equipment", "quality": "Common","description": "猪皮制成的裤子,这次汪峰不喜欢了", "capacity": 1, "buyprice": 300,"sellprice": 150, "strength": 10, "intelligence": 0, "agility": 0, "stamina": 15,"equipType": "Shoulder", "spritePath": "Sprites/Items/shoulders" }
武器的Json信息完善:
{"id": 13,"name": "木斧","type": "Weapon","quality": "Common","description": "砍木头用的斧子","capacity": 1,"buyprice": 500,"sellprice": 250,"damage": 50;"weapType": "MainHand","spritePath": "Sprites/Items/axe" }, {"id": 14,"name": "玄铁剑","type": "Weapon","quality": "Artifact","description": "上古时期,蚩尤用玄铁锻造的剑","capacity": 1,"buyprice": 15000,"sellprice": 7500,"damage": 450;"weapType": "OffHand","spritePath": "Sprites/Items/sword" }
武器的Json解析:
case Item.ItemType.Weapon:int damage = int.Parse(data["damage"].ToString());Weapon.WeaponType weaponType = (Weapon.WeaponType)System.Enum.Parse(typeof(Weapon.WeaponType), data["weaponType"].ToString());item = new Weapon(id, name, itemType, itemQuality, description, capacity, buyprice, sellprice, spritePath, damage, weaponType);break;
材料的Json信息完善:
{"id": 15, "name": "铁块", "type": "Material", "quality": "Common","description": "用于合成装备和武器", "capacity": 20, "buyprice": 10,"sellprice": 5, "spritePath": "Sprites/Items/ingots" }, {"id": 16, "name": "玄铁剑的锻造秘籍", "type": "Material", "quality": "Artifact","description": "用来锻造玄铁剑的秘籍", "capacity": 5, "buyprice": 1000,"sellprice": 500, "spritePath": "Sprites/Items/book" }, {"id": 17, "name": "头盔的锻造秘籍", "type": "Material", "quality": "Rare","description": "用于合成装备和武器", "capacity": 5, "buyprice": 100,"sellprice": 50, "spritePath": "Sprites/Items/scroll" }
材料的Json信息解析:
因为Material中只有基类Item的成员属性,因此不需要进行Json解析
item = new Material(id, name, itemType, itemQuality, description, capacity, buyprice, sellprice, spritePath);
任务31&32:完善物品的提示信息显示
之前在Item.GetToolTipContent()中简单显示了物品的信息,现在来完善这个功能
实现效果:Item.Name + Item.Quality + Item.Desc + Item.prices
public virtual string GetToolTipContent() {return Name + '\n' + Quality + '\n' + Description + "\n购买价格: " + Buyprice + " 卖出价格: " + Sellprice; }
实现效果:对于不同品质的Item,显示的颜色、大小不同
对于部分文字的颜色修改:通过标记<color=...>...</color>
<color=red>text</color>
<size=16>text</size>
勾选Text中的Rich Text,表示需要解析标记
颜色列表
Quality 颜色
Common white
Uncommon lime
Rare navy
Epic megenta
Legendary orange
Artifact red
public virtual string GetToolTipContent() {string color;switch (Quality) {case ItemQuality.Common:color = "white";break;case ItemQuality.Uncommon:color = "lime";break;case ItemQuality.Rare:color = "navy";break;case ItemQuality.Epic:color = "megenta";break;case ItemQuality.Legendary:color = "orange";break;case ItemQuality.Artifact:color = "red";break;default:color = "white";break;}return string.Format("<color={0}><size=16>{1}</size></color>\n{2}\n购买价格: {3} 卖出价格: {4}", color, Name, Description, Buyprice, Sellprice); }
消耗品的自有属性显示:
override Item中的GetToolTipContent()
public override string GetToolTipContent() {string text = base.GetToolTipContent();return string.Format("{0}\n\n<color=red>HP + {1}</color>\n<color=blue>MP + {2}</color>", text, HP, MP); }
装备的自有属性显示:
public override string GetToolTipContent() {// Equipment.EquipmentType的中文string equipTypeText;switch (EquipType) {case EquipmentType.Head:equipTypeText = "头部";break;case EquipmentType.Neck:equipTypeText = "脖子";break;// ... "胸部" "戒指" "腿部" "护腕" "鞋子" "肩部" "腰带"case EquipmentType.OffHand:equipTypeText = "副手";break;default:equipTypeText = "";break;}string oldText = base.GetToolTipContent();return string.Format("{0}\n\n<color=blue>装备类型: {5}\n力量 + {1}\n智力 + {2}\n敏捷 + {3}\n体力 + {4}\n</color>", oldText, Strength, Intelligence, Agility, Stamina, equipTypeText); }
武器的自有属性显示:
public override string GetToolTipContent() {string oldText = base.GetToolTipContent();string weaponTypeText;switch (WeapType) {case WeaponType.OffHand:weaponTypeText = "副手";break;case WeaponType.MainHand:weaponTypeText = "主武器";break;default:weaponTypeText = "";break;}return string.Format("{0}\n<color=blue>武器类型: {2}\n攻击 + {1}</color>", oldText, weaponTypeText, Damage); }
任务33~38&40~43&48:PickedItem的移动功能实现
任务33:在InventoryManager中管理PickedItem
当物品被鼠标点击后,会被鼠标选中,随着鼠标位置的移动而移动
因为点击的是Slot,所以将Slot继承自IPointerDownHandler接口,并实现OnPointerDown()
在Canvas下创建一个Item物体PickedItem
在ItemUI中实现功能
在InventoryManager中控制该物体
在InventoryManager中:
private ItemUI pickedItem;
在Start中初始化
pickedItem = GameObject.Find("PickedItem").GetComponent<ItemUI>();
pickedItem.Hide();
// -------- ItemUI的一些基本功能,如显示自己、隐藏自己、控制自身位置等
// public void Hide/ Display() {
// gameObject.SetActive(false/ true);
// }
// -------- 设置自己的localPosition
// public void SetLocalPosition(Vector3 pos) {
// // 因为是设置在Canvas下的位置,因此为LocalPos
// transform.localPosition = pos;
// }
}
任务34:实现Slot中的OnPointerDown() -- 按下算选中一个Slot
分析物体移动的多种情况:
移动功能扩展:
当按住ctrl键,进行PickedItem选中时,会选择一半物品
当按住ctrl键,进行PickedItem放置时,会放置一个物品
1. 按下的Slot为空
1. 鼠标按下之前,已经选中了物品 -- 将PickedItem放入slot
按下Ctrl,会放置一个物品
没有按Ctrl,会放置鼠标上的所有物品
2. 鼠标按下之前,没有选中物品 -- 不做操作
2. 按下的Slot不为空
1. 鼠标按下之前,已经选中了物品
如果物品Id不同 -- 交换物品
如果物品Id相同
可叠加
可以完全叠加
按下Ctrl -- 叠加一个
没有按Ctrl -- 叠加所有
不可以完全叠加 -- 将当前物品数量设为capacity,原物品为剩下数量
不可叠加 -- 交换物品
2. 鼠标按下之前,没有选中物品
按下Ctrl,会选择一半物品
没有按Ctrl,会选择全部物品
代码实现:
任务35&36&37:物品的选中功能:
Slot不为空,且鼠标按下之前没有选中物品
if(transform.ChildCount != 0) { // 当前slot不为空
if(InventoryManager.Instance.IsPickedItemEmpty()) { // 还未选中物体
// -------- InventoryManager.IsPickedItemEmpty() {
// return pickedItem.Item == null;
// }
ItemUI currItemUI = transform.GetCompInChildren<ItemUI>()
if(Input.GetKey(KeyCode.LeftControl)) { // 注意是按住而不是按下
// 按下Ctrl,取走一半物品
// 捡起一半物品,放置在鼠标的PickedItem上
int amountPicked = (currItem.Amount+1) / 2; // 进一法,如果原个数为1,则取走1
int amountLeft = currItem.Amount - amountPicked;
InventoryManager.Instance.SetPickedItem(currItemUI.Item, amountPicked);
// ------- InventoryManager.SetPickedItem(Item item, int amount) {
// pickedItem.SetPickedItem(item, amount);
// }
// ------- ItemUI.SetPickedItem(Item item, int amount) {
// SetItem(item, amount);
// }
// 更新Slot中剩下的物品
if(amountLeft == 0) {
Destroy(currItemUI.gameObject);
} else {
currItem.SetAmount(amountLeft);
// ------- ItemUI.SetAmount(int amount) {
// Amount = amount;
// UpdateUIText();
// }
}
} else {
// 没有按Ctrl,取走所有物品
// 把当前Slot中的Item设置给PickedItem中的Item,还有Amount
InventoryManager.Instance.SetPickedItem(currItemUI.Item, currItemUI.Amount);
// 销毁原来空格中的物品显示
Destroy(transform.GetChild(0).gameObject);
}
}}
任务38:将选中的PickedItem显示出来,并更新位置
在InventoryManager.SetPickedItem(Item item, int amount) {
之前是做了pickedItem.SetPickedItem(item, amount);
设置了相关的Item给了PickedItem
那么现在,pickedItem中已经包含了当前选中的item,需要显示
pickedItem.Display();
}
在InventoryManager.Update()中控制pickedItem的位置跟随(和之前做的toolTip的跟随一样)
if(!IsPickedItemEmpty()) {
UpdatePickedItemPosition();
// ------- InventoryManager.UpdatePickedItemPosition() {
// Vector2 targetPos;
// RectTransformUtility.ScreenPointToLocalPointInRectangle(
// canvas.transform as RectTransform, Input.mousePosition, null, out targetPos);
// pickedItem.SetLocalPosition(targetPos);
// }
}
现在能够使pickedItem随鼠标移动了
但是,选中物品后,ToolTip仍然显示,需要将其自动隐藏
在InventoryManager.SetPickedItem(Item item, int amount) {
最后一句添加上
ToolTip.Instance.HideToolTip();
}
// Siki认为当pickedItem不为空时,即手上已经有选定物品时,移到其他物品时的ToolTip就不该显示
// 如果想实现的话,可以在InventoryManager.DisplayToolTip(string desc)中判断IsPickeItemEmpty()即可
// 但我认为还是需要显示的
任务40&41&42&43&48:放置物品
之前完成的是物品的选取
if(transform.childCount != 0) {
if(InventoryManager.IsPickedItemEmpty()) {
// 取走一定数量的物品
// ...上一节实现了
} else {
// 当前slot不为空,且手上已经有选中物品了
ItemUI pickedItemUI = InventoryManager.Instance.PickedItem;
if(currItemUI.Item.ID == pickedItemUI.Item.ID) {
// 当两个ID相同时
if(IsSlotFilled()) {
// 当前Slot满了,不可叠加,交换物品位置即可
// 任务48
ExchangeWithPickeItem();
// ------- Slot.ExchangeWithPickedItem() {
// ItemUI currItemUI = GetComponentInChildren<ItemUI>();
// Item tempItem = InventoryManager.Instance.PickedItem.Item;
// int tempAmount = InventoryManager.Instance.PickedItem.Amount;
// InventoryManger.Instance.SetPickedItem(currItemUI.Item, currItemUI.Amount);
// currItemUI.SetItem(tempItem, tempAmount);
// }
} else {
// 可进行叠加
int amount = currItem.Item.Amount; // 记录当前slot中item要变成的数量
int amountToAdd; // 需要添加到currItem中的数量
int leftAmount = pickedItemUI.Amount; // 记录pickedItem中item要变成的数量
if(Input.GetKey(KeyCode.LeftControl)) {
// 按下Ctrl,一次放一个
// if((1+currItemUI.Amount) > currItemUI.Item.Capacity) {
// 若放入,则超出数量 -- 无操作
// 这个无需判断,因为当slot未满,则必然slot数量+1不会超过capacity
amountToAdd = 1;
} else {
// 没有按Ctrl,全部放入
if((amount + leftamount) > currItemUI.Item.Capacity) {
// 需要放入的数量太多,不能完全叠加
amountToAdd = currItemUI.Item.Capacity - amount;
} else {
// 可以完全叠加
amountToAdd = leftAmount;
}
}
amount += amountToAdd;
leftAmount -= amountToAdd;
currItemUI.SetAmount(amount);
// 剩余个数判断
if(leftAmount == 0) {
// 销毁pickedItem
InventoryManager.Instance.ResetPickedItem();
// ------- InventoryManager.ResetPickedItem() {
// pickedItem.ResetItem();
// pickedItem.Hide();
// }
// ------- ItemUI.ResetItem() {
// this.Item = null;
// this.Amount = 0;
// }
} else {
InventoryManager.Instance.SetPickedItemAmount(leftAmount);
// 不知道为什么不直接通过pickedItem.SetAmount()解决
// 可能是因为pickedItem最好统一通过InventoryManager进行访问?
// ------- InventoryManager.SetPickedItemAmount(int amount) {
// pickedItem.SetAmount(amount);
// }
}
}
} else { // 当两个ID不同时 -- 交换物品
ExchangeWithPickedItem();
}
}
} else {
// 当前slot为空
if(!InventoryManager.Instance.IsPickedItemEmpty()) {
// pickedItem不为空,即已经选定了物品 -- 将物品放入该空slot
ItemUI pickedItemUI = InventoryManager.Instance.PickedItem;
if(Input.GetKey(KeyCode.LeftControl) {
// 按下Ctrl -- 一次放一个
// 通过StoreItem将pickedItem存入当前slot中
StoreItem(pickedItemUI.Item);
InventoryManager.Instance.SetPickedItemAmount(pickedItemUI.Amount - 1);
} else {
// 没有按Ctrl -- 一次性全放(因为不存在溢出的情况)
StoreItem(pickedItemUI.Item);
transform.GetComponentInChildren<ItemUI>().SetAmount(pickedItemUI.Amount);
InventoryManager.Instance.SetPickedItemAmount(0);
}}}
任务44:添加Chest箱子
复制Knapsack物体,改名Chest,设置位置大小
子物体TitleBg的Text修改为箱子
container中slot数量设置为8个
将附带的Knapsack.cs脚本替换为Chest.cs脚本
Chest.cs中实现单例模式
private static Chest _instance; public static Chest Instance {get {if(_instance == null) {_instance = GetComponent<Chest>();}return _instance; }}
任务45:物品的丢弃
思路:如果pickedItem不为空,且鼠标点击的位置没有UI,则进行丢弃操作
在哪里写代码呢?Slot
不,这个功能并不是跟Slot挂钩的,而是跟InventoryManager很相关
InventoryManager.Update()
// 物品丢弃操作 if (!IsPickedItemEmpty()) {if (Input.GetMouseButtonDown(0) && !UnityEngine.EventSystems.EventSystem.current.IsPointerOverGameObject(-1)) {// 按下鼠标左键,且点击处没有任何物体int amount = pickedItem.Amount;if(Input.GetKey(KeyCode.LeftControl)) {// 如果按住ctrl,一个一个扔amount--;} else {// 没有按住ctrl,全部扔掉amount = 0;}SetPickedItemAmount(amount); }}
BugFix --
运行,发现如果鼠标点击不精确,将pickedItem放置到slot之间的空位
会执行丢弃物品的操作
因为此时EventSystem没有得到点击的反馈
解决方法 -- 将Knapsack等Inventory的Image.RaycastTarget勾选上即可
任务46&47:控制背包、箱子的显示和隐藏
在父类Inventory中实现
在Knapsack和Chest物体上添加Canvas Group,通过alpla进行透明度控制
private float targetAlpha = 1;
private float smooth = 5;
在Inventory.Update中,实现显示和隐藏
if(Mathf.Abs(canvasGroup.alpha - targetAlpha) > 0.05f) {canvasGroup.alpha = Mathf.Lerp(canvasGroup.alpha, targetAlpha, Time.deltaTime * smooth); } else {canvasGroup.alpha = targetAlpha; }
两个方法实现显示和隐藏
public void Hide/ Display () {
targetAlpha = 0 / 1;
}
在Player中用I控制背包的显示和隐藏:
if(Input.GetKeyDown(KeyCode.I) {
// 这里要根据当前显示状态进行更换显示或隐藏状态
// 但是在这里实现不大好
// ------- Inventory.DisplaySwitch() {
// if(targetAlpha == 0) {
// Display();
// } else {
// Hide();
// }}
相同的,可以用C键控制Chest的显示和隐藏
发现bug -- 当箱子或背包隐藏以后,东西仍然可以移动给它
隐藏以后,将CanvasGroup.BlocksRaycasts = false;即可
在Hide和Display()的最后,添加一句
canvasGroup.blocksRaycasts = false/ true;
任务49&50&51:Character角色面板
角色面板会显示当前角色佩戴的装备和武器 -- 一共十一个部位
复制Chest
命名Character,修改Text
增加到11个slot
删除GridLayoutGroup,删除Container,因为slot不需要自动排列
删除脚本Chest,添加脚本Character.cs
运行,发现Slot里面没有存储限制,即其他物品也可以放入装备面板
解决方法 -- 创建Slot的子类EquipmentSlot
给每个装备添加对应的EquipmentType和WeaponType
public Equipment.EquipmentType equipmentType;
public Weapon.WeaponType weaponType;
修改EquipmentType和WeaponType,各添加一个None的选择,将不属于的slot赋值为None
注:OffHandSlot即可以放装备也可以放武器
角色面板的功能(策划)
1. 在其他地方直接右键,即可穿戴;在角色面板中直接右键,即可脱下
2. 拖拽方式
任务52&53&54:装备的穿戴与卸下 -- 拖拽方式
添加脚本Character.cs,继承自Inventory
需要使用Inventory中的slotList,就不能声明为private,改为protected
// 或者提供一个get方法
写成单例模式:
private static Character _instance;
public static Character Instance {
get {
if(_instance == null) {
_instance = GameObject.Find("Character").GetComponent<Character>();
}
return _instance;
}}
因为在装备槽中的判定方式不大一样
需要判定是否符合装备类型,而且不需要判断ctrl的情况
而且没有Amount的加减问题
override OnPointerDown()
分析:
1. pickedItem为空
当前slot为空 -- 无操作
当前slot不为空 -- 选取装备
2. pickedItem不为空
当前slot为空
判断是否符合类型,符合就放入,不符合则无操作
当前slot不为空
判断是否符合类型,符合就交换,不符合则无操作
using UnityEngine.EventSystems; public class EquipmentSlot : Slot {public Equipment.EquipmentType equipmentType;public Weapon.WeaponType weaponType;// 传入item的类型是否与当前slot的类型匹配public bool IsItemMatchedSlotType(Item item) {return (item is Equipment && ((Equipment)item).EquipType == equipmentType ||item is Weapon && ((Weapon)item).WeapType == weaponType);}public override void OnPointerDown(PointerEventData eventData) {ItemUI pickedItemUI = InventoryManager.Instance.PickedItem;ItemUI currItemUI = GetComponentInChildren<ItemUI>();if (InventoryManager.Instance.IsPickedItemEmpty() ) {if(transform.childCount == 1) {// pickedItem为空,且当前slot不为空// 选取装备InventoryManager.Instance.SetPickedItem(currItemUI.Item, currItemUI.Amount);Destroy(currItemUI.gameObject);}} else {// pickedItem不为空if(transform.childCount == 0) {// 当前slot为空if (IsItemMatchedSlotType(pickedItemUI.Item)) {// pickedItem满足slot的类型// 放入slot StoreItem(pickedItemUI.Item);InventoryManager.Instance.SetPickedItemAmount(pickedItemUI.Amount - 1);}} else {// 当前slot不为空if (IsItemMatchedSlotType(pickedItemUI.Item)) {// 交换物品 ExchangeWithPickedItem(); }}}}}
另一种override的思路(未验证可信性)
EquipmentSlot: Slot
将Slot.StoreItem()声明为virtual的
// 在StoreItem中判断是否符合slot的装备类型public override bool StoreItem(Item itemToStore) {// 判断是否为Equipment,否则不能存入if(IsItemTypeEquipment()) {base.StoreItem(itemToStore);return true;} else {return false; }}
因为之前StoreItem是肯定会将Item存入的,不存在不存入的情况
因此在Slot.OnPointerDown()中会报错。
解决方法:在Slot.StoreItem()最后返回return true;
任务55&56&57&58:装备的穿戴与卸下 -- 右键方式
之前对与鼠标按键的检测是通过IPointerDownHandler -- OnPointerDown()
该事件当鼠标的任意按键按下时触发
因此以上操作可以发生在鼠标左键/右键/滚轮按下时
要求:左键控制物品的移动,右键控制装备的穿戴
PointerEventData eventData.button表示当前按下的鼠标按键类型
if(eventData.button == PointerEventData.InputButton.Left) {
// 物品移动代码
} else if (eventData.button == PointerEventData.InputButton.Right) {
// 物品穿戴代码
}
在Slot中的物品穿戴代码 -- 因为物品的穿戴是在Slot上右键的而不是在Character中操作的
分析:
因为不需要判断pickedItem的状态,如果右键,就进行穿戴
-- 还是需要判断pickedItem的状态
当pickedItem不为空时,且当前slot不为空时,进行
当前slot不为空 -- 进行穿戴
} else if (eventData.button == PointerEventData.InputButton.Right) {// 右键按下,进行物品的穿戴if (transform.childCount == 1) {ItemUI currItemUI = transform.GetChild(0).GetComponent<ItemUI>();if (currItemUI.Item is Equipment || currItemUI.Item is Weapon) {// 当前slot不为空,且物品为可穿戴类型的 -- 进行穿戴Item currItem = currItemUI.Item;Debug.Log("currItem" + currItem.Name);// DestroyImmediate是立即销毁,立即释放资源,做这个操作的时候,会消耗很多时间的,影响主线程运行// Destroy是异步销毁,一般在下一帧就销毁了,不会影响主线程的运行。// 但是这里不能使用Destroy,否则在存回Knapsack时取得的EmptySlot就不准确了 DestroyImmediate(currItemUI.gameObject);Character.Instance.PutOnEquipOrWeapon(currItem); }}}
穿戴的方法Character.PutOnEquipOrWeapon(Item item):
public void PutOnEquipOrWeapon(Item item ) {EquipmentSlot slot = FindSlotWithSameItemEquipOrWeaponType(item);if (slot != null) {// 如果找到匹配类型的slotif(slot.transform.childCount == 1) {// 如果slot不为空// 存入物品,再将将原来装备面板中的物品放回到背包中Item itemToPutBack = slot.GetComponentInChildren<ItemUI>().Item;slot.GetComponentInChildren<ItemUI>().SetItem(item);Knapsack.Instance.StoreItem(itemToPutBack);} else {// 如果slot为空 -- 直接将pickedItem放入 slot.StoreItem(item); }}} public EquipmentSlot FindSlotWithSameItemEquipOrWeaponType(Item item) {foreach(EquipmentSlot slot in slotList) {if(slot.IsItemMatchedSlotType(item)) {Debug.Log(slot.name + " Matched!");return slot;}}return null; }
注意点:
1. 原来打算通过PickedItem来进行物品穿戴或交换,后来改为直接执行
2. 注意knapsack中currItem的销毁和storeBack的执行顺序,会导致FindEmptySlot()的结果
3. Destroy() 和 DestroyImmediate()的区别
BugFixing --
1.
发现当手上有pickedItem时,对其他装备进行右键,仍然可以进行穿戴,而且pickedItem不变
因为右键的操作没有通过pickedItem来执行
解决方法:
在Slot.OnPointerDown()中穿戴装备处进行判断
if(!InventoryManager.Instance.IsPickedItemEmpty() && ...)
2.
在穿戴装备后,仍然显示该装备的TooTip
解决方法:
在成功穿戴装备后,隐藏ToolTip
ToolTip.Instance.HideToolTip();
装备栏中装备的右键卸下:
因为卸下的操作只在Character面板中,因此在EquipmentSlot.cs中
} else if (eventData.button == PointerEventData.InputButton.Right) {// 按下右键时,进行物品的卸下if(InventoryManager.Instance.IsPickedItemEmpty() ) {// 当手上没有物品时,才能卸下装备if(transform.childCount == 1) {// 当当前slot不为空时if (Knapsack.Instance.FindEmptySlot()) {// 背包中有空位可以接收物品 Destroy(currItemUI.gameObject);Character.Instance.TookOffEquipOrWeapon(currItemUI.Item);ToolTip.Instance.HideToolTip(); }}}}
对应的Character中的TookOffEquipOrWeapon() -- 很简单,只需要存入背包即可
public void TookOffEquipOrWeapon(Item item) {
Knapsack.Instance.StoreItem(item);
}
任务59:角色面板的显示和隐藏
在Player.cs中通过E键控制装备面板的显示和隐藏
if(Input.GetKeyDown(KeyCode.E)) {
Character.Instance.DisplaySwitch();
}
在Canvas中显示所有按键的提示信息
在Canvas中新建Text,命名KeyTip
内容:"G 得到物品(换行)I背包显示 C箱子显示 E装备面板显示"
任务60:控制角色面板的属性显示
武器和装备对角色的属性影响,需要在角色面板上显示出来
在CharacterPanel下新建子物体UI->Panel,命名PropertyPanel
新建子物体UI->Text
居中,留些边距,大小颜色微调
属性的显示在Character.cs中进行控制
所有属性汇总:
装备影响:
strength力量
intelligence智力
agility敏捷度
stamina体力
武器影响:
damage攻击力
在Player中存放基础属性:
private int basicStrength = 10;
public int BasicStrength {
get {
return basicStrength;
}}
在Character.cs中
private void UpdatePropertyTextUI() { int strength = 0, intelligence = 0, agility = 0, stamina = 0, damage = 0; // 取得每一个装备的属性,并加到总属性值中 foreach (Slot slot in slotList) { if (slot.transform.childCount == 1) { // 如果该slot中有装备Item currItem = slot.GetComponentInChildren<ItemUI>().Item; if (currItem is Equipment) {strength += ((Equipment)currItem).Strength;......} else if (currItem is Weapon) {damage += ((Weapon)currItem).Damage;}}} // 加上基础属性Player player = GameObject.FindWithTag("Player").GetComponent<Player>();strength += player.BasicStrength;...... // 更新UIpropertyText.text = string.Format("攻击力:{0}\n力量:{1}\n智力:{2}\n敏捷:{3}\n体力:{4}\n", damage, strength, intelligence, agility, stamina); }
什么时候需要调用UpdatePropertyTextUI呢?
1. Start中
2. PutOn()和TookOff()中 -- 右键穿戴和卸下
3. EquipmentSlot中的OnPointerDown()中 -- 拖拽穿戴和卸下
在Start和PutOn()和TookOff()中,直接调用UpdatePropertyTextUI();即可
在EquipmentSlot中,在三个左键穿戴脱下装备的地方
transform.parent.SentMessage("UpdatePropertyTextUI");
// EquipmentSlot的父类是Character,向其发送消息,调用UpdatePropertyTextUI()
任务61&62:商店面板
复制ChestPanel,命名VendorPanel
Title Text内容为小贩
Slot个数改为12格
删除Chest.cs替换为Vendor.cs
小贩面板的功能:
不需要和其他面板进行交换,只负责买卖
小贩的Slot中只需要做
1. 右击购买的功能
2. 左键销售的功能
小贩面板的初始化 -- 开始时有自己售卖的物品
将12个格子改为VendorSlot,添加VendorSlot.cs,继承自Slot.cs
在Vendor.cs中声明数组,表示售卖的物品
public int[] itemIdArray; // 在Inspector面板中赋值
在Start()进行根据itemId进行实例化Item
base.Start();
InitVendor();
}
其中private void InitVendor() {
for(int i = 0; i < itemIdArray.Length; i++) {
StoreItem(itemIdArray[i]);
}}
运行,报错 --
NullReferenceException: Object reference not set to an instance of an object
InventoryManager.GetItemById (Int32 id)
原因:因为GetItemById()中的itemList是在ParseItemJson()中初始化的,
ParseItemJson()是在InventoryManager.Start()中被调用的
而InitVendor()中调用了GetItemById(),InitVendor()也是在Vendor.Start()中被调用的
-- 同时调用,因此会报空指针
解决方法:在InventoryManager中,将ParseItemJson()在Awake()中调用
任务63&64&65:角色的金币属性与购买贩卖的金币加减
在Canvas下,新建UI->Image
SourceImage: coin,颜色金色,调整大小,位于右上角,Anchor右上角
新建UI->Text,命名CoinAmount,金色
在Player中
private int coinAmount = 100;
private Text coinAmountText;
Start中coinAmountText = GameObject.Find("Coin").GetComponentInChildren<Text>();
coinAmountText.text = coinAmount.ToString();
// 金钱的加减
public bool Consume(int num) {
if(coinAmount >= num) {
coinAmount -= num;
coinAmountText.text = coinAmount.ToString();
return true;
}
return false;
}
public void EarnCoin(int num) {
coinAmount += num;
coinAmountText.text = coinAmount.ToString();
}
物品的购买:
如果直接在VendorSlot中调用Player的方法进行买卖,会比较麻烦
买卖的操作放在Vendor中,再由VendorSlot调用
Vendor.cs中实现private void Purchase(Item item) {}
在VendorSlot中,override OnPointerDown()
如果按下右键,且手上没有物品,且当前slot不为空时,即可购买物品
public override void OnPointerDown(PointerEventData eventData) {if (eventData.button == PointerEventData.InputButton.Right&& InventoryManager.Instance.IsPickedItemEmpty()) {// 当右键,且手上没有东西时if (transform.childCount == 1) {// 如果slot不为空// 买入物品Item currItem = transform.GetComponentInChildren<ItemUI>().Item;transform.parent.parent.SendMessage("Purchase", currItem); }}}
Vendor.Purchase(Item item):
如果Knapsack中有空位,则进行购买
若购买成功,将item存入knapsack
若购买不成功,不进行任何操作
private void Purchase(Item item) {if (Knapsack.Instance.FindEmptySlot() != null) {// 如果Knapsack中有空slotif (player.Consume(item.Buyprice)) {// 进行购买,成功购买 Knapsack.Instance.StoreItem(item); }}}
物品的售卖:
若当前pickedItem不为空,则进行售卖
若按下ctrl,则卖一个;若没有按ctrl,则全部卖掉
VendorSlot中
点击左键时,且手上有东西时,销售物品
} else if(eventData.button == PointerEventData.InputButton.Left&& !InventoryManager.Instance.IsPickedItemEmpty()) {// 当左键,且手上有东西时 -- 销售物品transform.parent.parent.SendMessage("Sell"); }
Vendor.SellItem()
// 注意pickedItem是有数量的
// 判断Ctrl的按下
private void Sell() {int sellAmount = 0;ItemUI itemToSellUI = InventoryManager.Instance.PickedItem;if (Input.GetKey(KeyCode.LeftControl)) {// 若Ctrl键按下,一次卖一个sellAmount = 1;} else {// Ctrl没有按下,全卖掉sellAmount = itemToSellUI.Amount;}player.EarnCoin(itemToSellUI.Item.Sellprice * sellAmount);InventoryManager.Instance.SetPickedItemAmount(itemToSellUI.Amount - sellAmount); }
任务66:锻造系统的UI设计
复制Chest,命名ForgePanel
修改Text内容为"锻造"
替换成脚本Forge: Inventory
包含两个Slot
删除Grid Layout Group
添加子物体UI->Button
SourceImage: button_square
Text: "合成"
任务67&68:锻造秘方的类和Json数据
秘方类 Fomula.cs
需要两个item的id和对应的数量,并完成完整的构造函数
public int item1ID { get; private set; } public int item2ID { get; private set; } public int item1Amount { get; private set; } public int Item2Amount { get; private set; }public int ResItemID { get; private set; }
(扩展:如果需要多种物品,可以声明两个数组,分别存储材料类型和材料数量 -- 这里不做展开)
Material类的种类一共有三种,id分别为15铁块、16玄铁剑的锻造秘籍、17头盔的锻造秘籍
Formulas.Json文件中的格式,跟Fomula类保持一致
[{"Item1ID": 15,"Item1Amount": 5,"Item2ID": 16,"Item2Amount": 1,"ResItemId": 14},{"Item1ID": 15,"Item1Amount": 3,"Item2ID": 17,"Item2Amount": 1,"ResItemId": 8} ]
解析Json数据 -- 放在Forge.cs中实现,因为只有在锻造面板才会使用到
需要将所有得到的Formula对象存放
private List<Formula> formulaList;
private void ParseFormulaJson() {TextAsset textAsset = Resources.Load<TextAsset>("ItemsData/Formulas");JsonData jsonData = JsonMapper.ToObject<JsonData>(textAsset.text);foreach(JsonData data in jsonData) {int item1ID = int.Parse(data["Item1ID"].ToString());int item1Amount = int.Parse(data["Item1Amount"].ToString());int item2ID = int.Parse(data["Item2ID"].ToString());int item2Amount = int.Parse(data["Item2Amount"].ToString());int resItemID = int.Parse(data["ResItemID"].ToString());Formula newFormula = new Formula(item1ID,item1Amount,item2ID,item2Amount,resItemID);formulaList.Add(newFormula); }}
在Forge.Start()中进行解析
public override void Start() {
base.Start();
ParseFormulaJson();
}
任务69&70:物品合成的匹配算法
点击合成按钮时会在Forge中进行ForgeItem()处理
Siki老师的算法:
得到当前拥有的Material及数量
一个Material存一个id,比如有五个铁块,就存5个15在list中
public void ForgeItemSikiVersion() {// 得到当前已有的材料List<int> currMaterialIdList = new List<int>();foreach (Slot slot in slotList) {if (slot.transform.childCount == 1) {// slot不为空ItemUI currItemUI = slot.GetComponentInChildren<ItemUI>();for (int i = 0; i < currItemUI.Amount; i++) {// 有多少个物品,就存入多少个id currMaterialIdList.Add(currItemUI.Item.ID);}}}foreach(Formula formula in formulaList) {if (formula.IsMaterialCompositionMatched(currMaterialIdList)) {// 得到了合成以后的物品 }}}
在Formula的构造函数中调用GetRequiredMaterialIdList(),初始化requiredMaterialIdList
private void GetRequiredMaterialIdList() {requiredMaterialIdList = new List<int>();for(int i = 0; i<Item1Amount; i++) {requiredMaterialIdList.Add(Item1ID);}for (int i = 0; i < Item2Amount; i++) {requiredMaterialIdList.Add(Item2ID);}}
在Formula中实现判断已有物品与本身Formula的配料是否匹配
// SikiVersion public bool IsMaterialCompositionMatched(List<int> idList) {GetRequiredMaterialIdList();List<int> tempIdList = new List<int>(idList);for (int i = 0; i < requiredMaterialIdList.Count; i++) {if (tempIdList.Contains(requiredMaterialIdList[i])) {tempIdList.Remove(requiredMaterialIdList[i]);} else {return false;}}return true; }
附:遍历List并删除指定元素的正确方式
https://blog.csdn.net/s_GQY/article/details/52273840
上述算法效率不高,特别是当一个材料需求数量很大的时候
但是优点是灵活 -- 如果后期修改了合成的Material种类,比如四五种,这段代码也可以完美执行
另一种方法(MyVersion)可以通过Dictionary的key:value键值对实现
void ForgeItem() {// 得到当前的材料Dictionary<int, int> currMaterialDict = new Dictionary<int, int>();foreach (Slot slot in slotList) {if (slot.transform.childCount == 1) {// slot不为空ItemUI currItemUI = slot.GetComponentInChildren<ItemUI>();currMaterialDict.Add(currItemUI.Item.ID, currItemUI.Amount);}}// 判断符合哪一个秘籍的要求foreach (Formula formula in formulaList) {if (formula.IsMaterialCompositionMatched(currMaterialDict)) {Debug.Log(formula.ResItemID);}}// 进行合成 }
private void GetRequiredMaterialDictionary() {requiredMaterialDict = new Dictionary<int, int>();requiredMaterialDict.Add(Item1ID, Item1Amount);requiredMaterialDict.Add(Item2ID, Item2Amount); }
public bool IsMaterialCompositionMatched(Dictionary<int, int> materialDict) {foreach (var requiredMaterial in requiredMaterialDict) {if (materialDict.ContainsKey(requiredMaterial.Key)) {int amount;materialDict.TryGetValue(requiredMaterial.Key, out amount);if(amount < requiredMaterial.Value) {// 没有足够数量return false;}} else {// 没有该类型材料return false;}}return true; }
找到了对应的Formula配方,
需要进行合成,并消耗对应的材料
在上述ForgeItem()得到matchedFormula后
// 判断符合哪一个秘籍的要求Formula matchedFormula = null;foreach (Formula formula in formulaList) {if (formula.IsMaterialCompositionMatched(currMaterialDict)) {matchedFormula = formula;break;}}// 进行合成if (matchedFormula != null) {// 有对应物品生成时if (Knapsack.Instance.FindEmptySlot()) {// 确保背包中有空slot可以放置物品// 将新生成的物品存入背包 Knapsack.Instance.StoreItem(matchedFormula.ResItemID);// 对应材料减少 ConsumeMaterials(matchedFormula);}} }
对应材料的减少:Forge.ConsumeMaterials(Formula formula)
private void ConsumeMaterials(Formula matchedFormula) {foreach (Slot slot in slotList) {if (slot.transform.childCount == 1) {// 若该slot不为空ItemUI currItemUI = slot.GetComponentInChildren<ItemUI>();if (currItemUI.Item.ID == matchedFormula.Item1ID) {// 减去对应的数量currItemUI.SetAmount(currItemUI.Amount-matchedFormula.Item1Amount);} else if (currItemUI.Item.ID == matchedFormula.Item2ID) {// 减去对应的数量currItemUI.SetAmount(currItemUI.Amount-matchedFormula.Item2Amount); }}}}
任务71:控制锻造界面和商店界面的显示和隐藏
通过T控制商店页面
通过F控制锻造页面
任务72&73&74:控制物品的存储和加载
将背包等Inventory所存的物品,和金币数量保存到本地文件中
在Inventory中创建两个方法:
public void SaveInventory() -- PlayerPrefs.SetString(string name, string value);
public void LoadInventory() -- PlayerPrefs.GetString(string name);
void SaveInventory() {StringBuilder sb = new StringBuilder();foreach(Slot slot in slotList) {if(slot.transform.childCount == 1) {// slot不为空ItemUI currItemUI = slot.transform.GetComponentInChildren<ItemUI>();// 用,隔开物品的id和amount// 用 / 隔开不同物品sb.AppendFormat("{0},{1}/", currItemUI.Item.ID, currItemUI.Amount);} else {// ID是从1开始的,如果为0,表示slot为空sb.Append("0/");}}// 将上述字符串保存到本地PlayerPrefs.SetString(this.gameObject.name, sb.ToString()); }public void LoadInventory() {if(PlayerPrefs.HasKey(this.gameObject.name)) {// 如果有匹配名称的本地文件// 读取本地文件到stringstring str = PlayerPrefs.GetString(this.gameObject.name);string[] stringArray = str.Split('/');for(int i=0;i<stringArray.Length;i++ ) {// 每一个片段的数据对应一个slot中的存储情况if(stringArray[i]!="0") {string[] tempStr = stringArray[i].Split(',');int itemID = int.Parse(tempStr[0]);int amount = int.Parse(tempStr[1]);slotList[i].StoreItem(InventoryManager.Instance.GetItemById(int.Parse(tempStr[0])));slotList[i].GetComponentInChildren<ItemUI>().SetAmount(int.Parse(tempStr[1])); }}}
任务74:BugFix
在运行时发现,对stringArray[i] == "0"的情况需要进行操作
如果在游戏中按下了加载按钮,本地文件中为空的slot不会被加载为空,而是不进行操作
解决方法:
} else {if (slotList[i].transform.childCount == 1) {// slot进行清空Destroy(slotList[i].transform.GetChild(0).gameObject);} }
在Start中调用LoadInventory()
因为itemList在InventoryManager.Awake()中初始化
slotList在Inventory.Start()中初始化
因此需要将LoadInventory等到这两个初始化之后再调用
// 或是手动进行加载,见下
在Canvas下创建保存按钮(和加载按钮)
在InventoryManager中提供两个方法
public void SaveInventory() {
Knapsack.Instance.SaveInventory();
Chest.Instance.SaveInventory();
Character.Instance.SaveInventory();
// Vendor.Instance.SaveInventory(); -- 商店是不需要保存的
Forge.Instance.SaveInventory();
}
public void LoadInventory() {
Knapsack.Instance.LoadInventory();
Chest.Instance.LoadInventory();
Character.Instance.LoadInventory();
// Vendor.Instance.LoadInventory(); -- 商店是不需要加载的
Forge.Instance.LoadInventory();
}
将这两个方法分别注册到上述两个按钮的点击事件下
运行,保存,加载 -- 报错:FormatException: Input string was not in the correct format
经过Debug.Log查证,出错位置为每个Inventory的最后stringArray
原因:
Save的时候,执行的是sb.AppendFormat("....../", ...);
因此,在最后一个slot保存后,string也是以'/'结尾
而在Load的时候,通过'/'进行了Split操作,分割出的最后一个string为 ""空字符
这个空字符在Load的时候就会报错
解决方法:
在Load中遍历str的时候忽略最后一个string即可
for(int i = 0; i < stringArray.Length - 1; i++)
任务74:金币数量的保存加载 和 游戏发布
金币数量的保存和加载:
在Player中(因为coin是Player的属性)
public int CoinAmount {
get {
return coinAmount;
}
set {
coinAmount = value;
coinAmountText.text = coinAmount.ToString();
}}
在InventoryManager中的SaveInventory()中的最后添加一句
PlayerPrefs.SetInt("CoinAmount", GameObject.FindWithTag("Player").GetComponent<Player>().CoinAmount);
在InventoryManager中的LoadInventory()中最后添加
if(PlayerPrefs.HasKey("CoinAmount")) {
GameObject.FindWithTag("Player").GetComponent<Player>().CoinAmount = PlayerPrefs.GetInt("CoinAmount");
}
游戏发布:
File -> BuildSettings -> 选择PC版本 -> 添加场景 -> 选择路径 -> Build
发现Bug -- 但是我好像视觉上没有发现。。。
Bug描述:
pick up item时,item会有一帧显示在另一个地方,然后才跟随鼠标
原因:
我们在设置pickedItem时,InventoryManager.SetPickedItem(...)中
设置了pickedItem的item和amount,并显示出pickedItem
在Update()中进行了PickedItem的位置跟随
因此前后相差了一帧
解决方法:
在SetPickedItem中,进行初始位置的设置
public void SetPickedItem(Item item, int amount) {pickedItem.SetPickedItem(item, amount);UpdatePickedItemPosition();pickedItem.Display();ToolTip.Instance.HideToolTip(); }
转载于:https://www.cnblogs.com/FudgeBear/p/8985628.html
Siki_Unity_3-3_背包系统相关推荐
- 在“3_人民日报语料”中统计“日语借词”的词频;
3. 在"3_人民日报语料"中统计"日语借词"的词频; pyhton方法 # -*- coding: utf-8 -*- import json japanes ...
- 去掉“3_人民日报语料”中每行前边的数字编号,改成“1, 2,......”
2. 去掉"3_人民日报语料"中每行前边的数字编号,改成"1, 2,......" pyhton处理 #coding=utf-8 index = 19 file ...
- 统计“3_人民日报语料”文本中的字符数和词数,把文件分别保存为 ansi, UTF8,UTF16,unicode 格式
统计"3_人民日报语料"文本中的字符数和词数,把文件分别保存为 ansi, UTF8,UTF16,unicode 格式; 首先,统计文件的字符数,有两种方法.第一种是将文件复制到w ...
- 2.3_ 1_ 进程同步、进程互斥
2.3_ 1_ 进程同步.进程互斥 文章目录 2.3_ 1_ 进程同步.进程互斥 1.知识概览 2.什么是进程同步? 2.什么是进程互斥 3.知识回顾 1.知识概览 2.什么是进程同步? 2.什么是进 ...
- unity3D-learning:UI背包系统
6.作业与练习 以下作业五选一: 1.血条(Health Bar)的预制设计.具体要求如下 分别使用 IMGUI 和 UGUI 实现 使用 UGUI,血条是游戏对象的一个子元素,任何时候需要面对主摄像 ...
- Unity背包系统-2:数据库存储方法ScriptableObject和显示背包物品InventoryManager
1. 数据库脚本 1.1 元素(item)代码: using System.Collections; using System.Collections.Generic; using UnityEngi ...
- 4.5.2.3_黑白滤镜
4.5.2.3_黑白滤镜 <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
- [运放滤波器]3_反相同相比例放大电路_Multisim电路仿真
[运放滤波器]3_反相同相比例放大电路_Multisim电路仿真 [运放滤波器]2_运放反馈原理 [运放滤波器]1_理想运放_虚短虚断 这篇介绍的是反相同相比例方法电路的理论计算和Multisim的电 ...
- 证券行业信息化17_我的香港游记3_交易系统技术支持部_会计与结算技术支持部都干些什么?
转自 https://stanleyyan.wordpress.com/category/%E8%AF%81%E5%88%B8%E4%BF%A1%E6%81%AF%E5%8C%96/ 总结:IT支持部 ...
- UE5 官方案例Lyra 全特性详解 16.背包系统Inventory System5
目录 0.前言 1.装备物品 2.调用 3.重构 0.前言 这一篇是做补充的,因为发现之前的几篇捋下来还有遗漏没有讲,所以赶紧抽时间修补这个漏洞.主要是针对Lyra源码的改进,所以会忽视掉. 1.装备 ...
最新文章
- 详解vue 路由跳转四种方式 (带参数)
- 发布json数据_技术分享 | MySQL 8.0.17 GA 发布!
- CometOJ-[Contest #10]鱼跃龙门【exgcd】
- Android Studio 2.2 HTTP proxy setting 提示异常
- 第10课 外边距和内边距
- 如何使用kafka增加topic的备份数量,让业务更上一层楼
- sqoop数据迁移(基于Hadoop和关系数据库服务器之间传送数据)
- Atitit 文件远程传输读写协议 scp http ftp nfs webdav smb D:\Program Files\Git\usr\bin\scp.exe 4.密码安全策略不完善 在
- php ziparchive类,PHP Zip ZipArchive 类_编程学问网
- Linux 命令 | 常用命令 tree
- 敏捷项目管理术语大全
- 足球足球裁判昏招大全裁判昏招大全
- 其实就是为了能有字幕特效,用MeGUI + AVS压制PSP MP4AVC视频02 - 安装准备篇
- 低效程序员的9个坏习惯
- web工程无法访问本地图片解决方案
- Java的Abstraction抽象类/方法-笔记
- 汽车租赁APP应用开发
- Ant(蚂蚁搬家)工具
- vue使用ts 引入组件_vue中使用TS实现父子组件直接的通信
- 瞄准托育供需矛盾,提供优质教育产品和普惠服务
热门文章
- WPF|如何在 WPF 中设计漂亮的社交媒体信息仪表板
- chatgpt赋能Python-python_descending
- 搜索引擎之ElasticSearch(es)入门学习、ELK 和 beats
- 怎么利用python输出星座符号_怎么利用python输出星座
- PR曲线和ROC曲线理解
- 即时通讯-语音录制及播放
- Optional int parameter 'id' is present but cannot be translated into a null value due to being
- 美团大象、头条Lark,为什么小巨头都要做自己的IM?
- Java开发微信小程序游戏,统统都会!
- linux zip命令(解压,压缩)