MuHua/MuHua-UIElements
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
MuHua-123
2025-09-25 09:24:28 +08:00
parent 1efe18db95
commit d940a18e13
9 changed files with 176 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Assets/ModuleCore/ModuleInventory/DataItem/DataEquipment.cs
+1 -1
View File
@@ -6,6 +6,6 @@ using UnityEngine;
/// 装备 - 物品
/// </summary>
public class DataEquipment : DataItem {
/// <summary> 装备类型 </summary>
/// <summary> 装备类型 （类型1/类型2） </summary>
public string type;
}
Assets/ModuleCore/ModuleInventory/Equipment.cs
+47 -5
View File
@@ -1,3 +1,4 @@
using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
@@ -12,10 +13,17 @@ public class Equipment {
/// <summary> 索引器 </summary>
public EquipmentSlot this[string key] => dictionary[key];
public bool ContainsKey(string key) => dictionary.ContainsKey(key);
/// <summary> 添加插槽 </summary>
public void AddSlot(EquipmentSlot slot) => dictionary.Add(slot.name, slot);
}
/// <summary>
/// 插槽类型
/// </summary>
public enum SlotType {
库存, 主手, 副手, 上衣, 头盔, 手套, 腰带, 鞋子, 项链, 戒指1, 戒指2, 手镯1, 手镯2
}
/// <summary>
/// 装备插槽
/// </summary>
public abstract class EquipmentSlot {
@@ -24,7 +32,14 @@ public abstract class EquipmentSlot {
/// <summary> 物品 </summary>
public DataEquipment item;
public EquipmentSlot(string name) => this.name = name;
public EquipmentSlot(SlotType slot) => name = slot.ToString();
/// <summary> 设置 </summary>
public void Settings(DataItem item, int count) {
if (item is DataEquipment equipment) { this.item = equipment; }
else { this.item = null; }
}
public abstract bool Verify(DataEquipment equipment);
}
/// <summary>
/// 武器 - 装备插槽
@@ -33,7 +48,14 @@ public class WeaponSlot : EquipmentSlot {
/// <summary> 副手插槽 </summary>
public DeputySlot deputy;
public WeaponSlot(string name) : base(name) { }
public WeaponSlot(SlotType slot) : base(slot) { }
public override bool Verify(DataEquipment equipment) {
string[] type = equipment.type.Split("/");
if (type[0] == WeaponType.单手.ToString()) { return true; }
if (type[0] == WeaponType.双手.ToString()) { return true; }
return false;
}
}
/// <summary>
/// 副手 - 装备插槽
@@ -42,21 +64,41 @@ public class DeputySlot : EquipmentSlot {
/// <summary> 主手插槽 </summary>
public WeaponSlot weapon;
public DeputySlot(string name) : base(name) { }
public DeputySlot(SlotType slot) : base(slot) { }
public override bool Verify(DataEquipment equipment) {
string[] type = equipment.type.Split("/");
if (type[0] == WeaponType.副手.ToString()) { return true; }
return false;
}
}
/// <summary>
/// 护甲 - 装备插槽
/// </summary>
public class ArmorSlot : EquipmentSlot {
/// <summary> 护甲类型 </summary>
public string armorType;
public ArmorSlot(string name) : base(name) { }
public ArmorSlot(SlotType slot, ArmorType armor) : base(slot) => armorType = armor.ToString();
public override bool Verify(DataEquipment equipment) {
string[] type = equipment.type.Split("/");
if (type[0] == armorType) { return true; }
return false;
}
}
/// <summary>
/// 饰品 - 装备插槽
/// </summary>
public class AccessorySlot : EquipmentSlot {
/// <summary> 饰品类型 </summary>
public string accessoryType;
public AccessorySlot(string name) : base(name) { }
public AccessorySlot(SlotType slot, AccessoryType accessory) : base(slot) => accessoryType = accessory.ToString();
public override bool Verify(DataEquipment equipment) {
string[] type = equipment.type.Split("/");
if (type[0] == accessoryType) { return true; }
return false;
}
}
Assets/ModuleCore/ModuleInventory/ModuleUIPanel/UIDragItem.cs
+13 -9
View File
@@ -9,17 +9,17 @@ using MuHua;
/// </summary>
public class UIDragItem : ModuleUIPanel, UIControl {
/// <summary> 画布 </summary>
private VisualElement canvas;
public VisualElement canvas;
/// <summary> 是否启用 </summary>
private bool isEnable;
public bool isEnable;
/// <summary> 鼠标位置 </summary>
private Vector2 mousePosition;
public Vector2 mousePosition;
/// <summary> 偏移位置 </summary>
private Vector2 offsetPosition;
public Vector2 offsetPosition;
/// <summary> 物品容器 </summary>
private DragContainer container;
public DragContainer container;
/// <summary> 目标容器 </summary>
private DragContainer targetContainer;
public DragContainer targetContainer;
public Label Count => Q<Label>("Count");
public VisualElement Image => Q<VisualElement>("Image");
@@ -36,8 +36,12 @@ public class UIDragItem : ModuleUIPanel, UIControl {
isEnable = false;
container?.Cancel();
element.EnableInClassList("document-page-hide", !isEnable);
// 交换物品
if (container == null || targetContainer == null) { return; }
container.Exchange(targetContainer);
int count = targetContainer.Count;
DataItem item = targetContainer.Item;
targetContainer.Settings(container.Item, container.Count);
container.Settings(item, count);
}
private void FloatingFunc(MouseMoveEvent evt) {
mousePosition = evt.mousePosition;
@@ -90,6 +94,6 @@ public interface DragContainer {
/// <summary> 取消拖拽 </summary>
public void Cancel();
/// <summary> 交换物品 </summary>
public void Exchange(DragContainer container);
/// <summary> 设置物品 </summary>
public void Settings(DataItem item, int count);
}
Assets/ModuleCore/ModuleInventory/ModuleUIPanel/UIEquipment.cs
+47 -24
View File
@@ -9,21 +9,45 @@ using MuHua;
/// </summary>
public class UIEquipment : ModuleUIPanel {
public VisualElement EquipmentSlot1 => Q<VisualElement>("EquipmentSlot1");// 主手
public VisualElement EquipmentSlot2 => Q<VisualElement>("EquipmentSlot2");// 副手
public VisualElement EquipmentSlot3 => Q<VisualElement>("EquipmentSlot3");// 衣服
public VisualElement EquipmentSlot4 => Q<VisualElement>("EquipmentSlot4");// 项链
public VisualElement EquipmentSlot5 => Q<VisualElement>("EquipmentSlot5");// 戒指1
public VisualElement EquipmentSlot6 => Q<VisualElement>("EquipmentSlot6");// 戒指2
public VisualElement EquipmentSlot7 => Q<VisualElement>("EquipmentSlot7");// 手镯1
public VisualElement EquipmentSlot8 => Q<VisualElement>("EquipmentSlot8");// 手镯2
public VisualElement EquipmentSlot9 => Q<VisualElement>("EquipmentSlot9");// 头盔
public VisualElement EquipmentSlot10 => Q<VisualElement>("EquipmentSlot10");// 手套
public VisualElement EquipmentSlot11 => Q<VisualElement>("EquipmentSlot11");// 腰带
public VisualElement EquipmentSlot12 => Q<VisualElement>("EquipmentSlot12");// 鞋子
public Equipment equipment;
/// <summary> 插槽字典 </summary>
public Dictionary<string, UIEquipmentSlot> dictionary = new Dictionary<string, UIEquipmentSlot>();
public UIEquipment(VisualElement element) : base(element) {
InitialSlot(1, SlotType.主手);
InitialSlot(2, SlotType.副手);
InitialSlot(3, SlotType.上衣);
InitialSlot(4, SlotType.项链);
InitialSlot(4, SlotType.戒指1);
InitialSlot(4, SlotType.戒指2);
InitialSlot(4, SlotType.手镯1);
InitialSlot(4, SlotType.手镯2);
InitialSlot(4, SlotType.头盔);
InitialSlot(4, SlotType.手套);
InitialSlot(4, SlotType.腰带);
InitialSlot(4, SlotType.鞋子);
}
public void Dispose() {
}
public void Settings(Equipment equipment) {
if (this.equipment != null) { Dispose(); }
this.equipment = equipment;
if (equipment == null) { return; }
foreach (var item in dictionary) {
if (!equipment.ContainsKey(item.Key)) { continue; }
EquipmentSlot slot = equipment[item.Key];
item.Value.Settings(slot);
}
}
private void InitialSlot(int index, SlotType type) {
VisualElement element = Q<VisualElement>($"EquipmentSlot{index}");
UIEquipmentSlot uiSlot = new UIEquipmentSlot(element);
dictionary.Add(type.ToString(), uiSlot);
}
}
/// <summary>
@@ -51,6 +75,7 @@ public class UIEquipmentSlot : ModuleUIPanel, DragContainer {
Image.EnableInClassList("equipment-image-drag", true);
}
private void MouseOverEvent(MouseOverEvent evt) {
if (!Verify()) { return; }
UIPopupManager.I.dragItem.EnterContainer(this);
}
private void MouseLeaveEvent(MouseLeaveEvent evt) {
@@ -64,24 +89,22 @@ public class UIEquipmentSlot : ModuleUIPanel, DragContainer {
this.value = value;
UpdatePreview();
}
public void Settings(DataItem item, int count) {
value.Settings(item, count);
UpdatePreview();
}
public void Cancel() {
Image.EnableInClassList("equipment-image-drag", false);
}
public void Exchange(DragContainer container) {
int count = container.Count;
DataEquipment item = container.Item as DataEquipment;
if (container is UIInventory.UIItem inventoryItem) {
inventoryItem.value.Settings(value.item, 1);
inventoryItem.UpdatePreview();
}
value.item = item;
UpdatePreview();
}
private void UpdatePreview() {
Sprite sprite = value == null || value.item == null ? null : value.item.sprite;
Image.style.backgroundImage = new StyleBackground(sprite);
}
private bool Verify() {
DragContainer container = UIPopupManager.I.dragItem.container;
if (container == null) { return false; }
if (container.Item is DataEquipment equipment) { return value.Verify(equipment); }
return false;
}
}
Assets/ModuleCore/ModuleInventory/ModuleUIPanel/UIInventory.cs
+50 -57
View File
@@ -10,13 +10,13 @@ using MuHua;
public class UIInventory : ModuleUIPanel {
public Inventory inventory;
public ModuleUIItems<UIItem, InventorySlot> items;
public ModuleUIItems<UIInventorySlot, InventorySlot> items;
public VisualElement Container => Q<VisualElement>("Container");
public UIInventory(VisualElement element, VisualTreeAsset templateAsset) : base(element) {
items = new ModuleUIItems<UIItem, InventorySlot>(Container, templateAsset,
(data, element) => new UIItem(data, element));
items = new ModuleUIItems<UIInventorySlot, InventorySlot>(Container, templateAsset,
(data, element) => new UIInventorySlot(data, element));
}
public void Dispose() {
items.Release();
@@ -35,58 +35,51 @@ public class UIInventory : ModuleUIPanel {
private void Inventory_OnChange(Inventory inventory) {
items.Create(inventory.slots);
}
/// <summary> UI项目 </summary>
public class UIItem : ModuleUIItem<InventorySlot>, DragContainer {
public Label CountLabel => Q<Label>("Count");
public VisualElement Image => Q<VisualElement>("Image");
public int Count => value.count;
public DataItem Item => value.item;
public VisualElement Anchor => element;
public UIItem(InventorySlot value, VisualElement element) : base(value, element) {
UpdatePreview();
element.RegisterCallback<MouseDownEvent>(MouseDownEvent);
element.RegisterCallback<MouseOverEvent>(MouseOverEvent);
element.RegisterCallback<MouseLeaveEvent>(MouseLeaveEvent);
element.RegisterCallback<ClickEvent>(ClickEvent);
}
private void MouseDownEvent(MouseDownEvent evt) {
UIPopupManager.I.dragItem.Settings(this);
Image.EnableInClassList("inventory-image-drag", true);
}
private void MouseOverEvent(MouseOverEvent evt) {
UIPopupManager.I.dragItem.EnterContainer(this);
}
private void MouseLeaveEvent(MouseLeaveEvent evt) {
UIPopupManager.I.dragItem.ExitContainer(this);
}
private void ClickEvent(ClickEvent evt) {
// Debug.Log("sss");
}
public void Cancel() {
Image.EnableInClassList("inventory-image-drag", false);
}
public void Exchange(DragContainer container) {
int count = container.Count;
DataItem item = container.Item;
if (container is UIItem inventoryItem) {
inventoryItem.value.Settings(value.item, value.count);
inventoryItem.UpdatePreview();
}
value.Settings(item, count);
UpdatePreview();
}
public void UpdatePreview() {
CountLabel.text = value.count.ToString();
CountLabel.EnableInClassList("inventory-count-hide", value.count <= 1);
Image.style.backgroundImage = new StyleBackground(value.Sprite);
}
}
}
/// <summary>
/// UI库存插槽
/// </summary>
public class UIInventorySlot : ModuleUIItem<InventorySlot>, DragContainer {
public Label CountLabel => Q<Label>("Count");
public VisualElement Image => Q<VisualElement>("Image");
public int Count => value.count;
public DataItem Item => value.item;
public VisualElement Anchor => element;
public UIInventorySlot(InventorySlot value, VisualElement element) : base(value, element) {
UpdatePreview();
element.RegisterCallback<MouseDownEvent>(MouseDownEvent);
element.RegisterCallback<MouseOverEvent>(MouseOverEvent);
element.RegisterCallback<MouseLeaveEvent>(MouseLeaveEvent);
element.RegisterCallback<ClickEvent>(ClickEvent);
}
private void MouseDownEvent(MouseDownEvent evt) {
UIPopupManager.I.dragItem.Settings(this);
Image.EnableInClassList("inventory-image-drag", true);
}
private void MouseOverEvent(MouseOverEvent evt) {
UIPopupManager.I.dragItem.EnterContainer(this);
}
private void MouseLeaveEvent(MouseLeaveEvent evt) {
UIPopupManager.I.dragItem.ExitContainer(this);
}
private void ClickEvent(ClickEvent evt) {
// Debug.Log("sss");
}
public void Settings(DataItem item, int count) {
value.Settings(item, count);
UpdatePreview();
}
public void Cancel() {
Image.EnableInClassList("inventory-image-drag", false);
}
private void UpdatePreview() {
CountLabel.text = value.count.ToString();
CountLabel.EnableInClassList("inventory-count-hide", value.count <= 1);
Image.style.backgroundImage = new StyleBackground(value.Sprite);
}
}
Assets/ModuleCore/ModuleSingle/SingleManager.cs
+12 -12
View File
@@ -20,25 +20,25 @@ public class SingleManager : ModuleSingle<SingleManager> {
inventory = new Inventory(40);
equipment = new Equipment();
WeaponSlot weaponSlot = new WeaponSlot("主手");
DeputySlot deputySlot = new DeputySlot("副手");
WeaponSlot weaponSlot = new WeaponSlot(SlotType.主手);
DeputySlot deputySlot = new DeputySlot(SlotType.副手);
weaponSlot.deputy = deputySlot;
deputySlot.weapon = weaponSlot;
equipment.AddSlot(weaponSlot);
equipment.AddSlot(deputySlot);
equipment.AddSlot(new ArmorSlot("上衣"));
equipment.AddSlot(new ArmorSlot("头盔"));
equipment.AddSlot(new ArmorSlot("手套"));
equipment.AddSlot(new ArmorSlot("腰带"));
equipment.AddSlot(new ArmorSlot("鞋子"));
equipment.AddSlot(new ArmorSlot(SlotType.上衣, ArmorType.上衣));
equipment.AddSlot(new ArmorSlot(SlotType.头盔, ArmorType.头盔));
equipment.AddSlot(new ArmorSlot(SlotType.手套, ArmorType.手套));
equipment.AddSlot(new ArmorSlot(SlotType.腰带, ArmorType.腰带));
equipment.AddSlot(new ArmorSlot(SlotType.鞋子, ArmorType.鞋子));
equipment.AddSlot(new AccessorySlot("项链"));
equipment.AddSlot(new AccessorySlot("戒指1"));
equipment.AddSlot(new AccessorySlot("戒指2"));
equipment.AddSlot(new AccessorySlot("手镯1"));
equipment.AddSlot(new AccessorySlot("手镯2"));
equipment.AddSlot(new AccessorySlot(SlotType.项链, AccessoryType.项链));
equipment.AddSlot(new AccessorySlot(SlotType.戒指1, AccessoryType.戒指));
equipment.AddSlot(new AccessorySlot(SlotType.戒指2, AccessoryType.戒指));
equipment.AddSlot(new AccessorySlot(SlotType.手镯1, AccessoryType.手镯));
equipment.AddSlot(new AccessorySlot(SlotType.手镯2, AccessoryType.手镯));
materialReward = new ItemReward();
materialReward.Settings(ManagerItem.I.materials);
Assets/ModuleCore/ModuleUI/ModuleUIPage/UIBackpackPage.cs
+4
View File
@@ -10,13 +10,16 @@ using MuHua;
public class UIBackpackPage : ModuleUIPage {
public VisualTreeAsset inventorySlot;
private UIEquipment equipment;
private UIInventory inventory;
public override VisualElement Element => root.Q<VisualElement>("BackpackPage");
public VisualElement Equipment => Q<VisualElement>("Equipment");
public VisualElement Inventory => Q<VisualElement>("Inventory");
protected void Awake() {
equipment = new UIEquipment(Equipment);
inventory = new UIInventory(Inventory, inventorySlot);
ModuleUI.OnJumpPage += ModuleUI_OnJumpPage;
@@ -25,6 +28,7 @@ public class UIBackpackPage : ModuleUIPage {
private void ModuleUI_OnJumpPage(Page page) {
Element.EnableInClassList("document-page-hide", page != Page.Backpack);
if (page != Page.Backpack) { return; }
equipment.Settings(SingleManager.I.equipment);
inventory.Settings(SingleManager.I.inventory);
}
}
Assets/UI Toolkit/GamePage/BackpackPage/BackpackPage.uxml
+1 -1
View File
@@ -4,7 +4,7 @@
<ui:Template name="ItemInfo" src="project://database/Assets/UI%20Toolkit/GamePanel/ItemInfo/ItemInfo.uxml?fileID=9197481963319205126&amp;guid=7b84b855a52611f4291ff7a90fdb83dd&amp;type=3#ItemInfo" />
<Style src="project://database/Assets/UI%20Toolkit/GamePage/BackpackPage/BackpackPage.uss?fileID=7433441132597879392&amp;guid=06b8f7d50f09d2f4b9f9d44aae8a0455&amp;type=3#BackpackPage" />
<ui:VisualElement style="flex-grow: 1; flex-direction: row; align-items: stretch; justify-content: center; padding-top: 100px; padding-right: 100px; padding-bottom: 100px; padding-left: 100px;">
<ui:Instance template="Equipment" name="Equipment" style="display: none;" />
<ui:Instance template="Equipment" name="Equipment" />
<ui:Instance template="Inventory" name="Inventory" style="width: 500px; margin-right: 10px; margin-left: 10px;" />
<ui:Instance template="ItemInfo" name="ItemInfo" style="width: 400px; display: none;" />
</ui:VisualElement>
Assets/UI Toolkit/GamePanel/Equipment/EquipmentSlot.uxml
+1 -1
View File
@@ -2,6 +2,6 @@
<Style src="project://database/Assets/UI%20Toolkit/GamePanel/Equipment/Equipment.uss?fileID=7433441132597879392&amp;guid=ea431661362425a4e9b547f470789774&amp;type=3#Equipment" />
<ui:VisualElement style="width: 90px; height: 90px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; background-color: rgb(102, 102, 102); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">
<ui:VisualElement name="Image" class="equipment-image" />
<ui:Label tabindex="-1" text="999" parse-escape-sequences="true" display-tooltip-when-elided="true" enable-rich-text="true" name="Count" class="equipment-count" />
<ui:Label tabindex="-1" text="999" parse-escape-sequences="true" display-tooltip-when-elided="true" enable-rich-text="true" name="Count" class="equipment-count equipment-count-hide" />
</ui:VisualElement>
</ui:UXML>