unity 一级二级菜单控制脚本,一级菜单按钮为toggle 有多个,控制对应二级菜单父物体显隐,二级菜单父物体下为二级菜单分类父物体,二级菜单分类父物体之下为二级菜单按钮,按钮分toggle和button两类,分别绑定不同方法,关闭二级菜单时对二级菜单按钮做初始化,编写控制脚本并挂载到unity场景,使用MVC框架
时间: 2023-08-07 08:02:50 浏览: 76
首先,我们需要定义菜单的数据模型和视图模型。
```c#
// 菜单项的数据模型
public class MenuItemModel
{
public string name; // 菜单项名称
public List<MenuItemModel> subItems; // 子菜单项
public bool isToggle; // 是否是 toggle 类型的按钮
}
// 菜单的视图模型
public class MenuViewModel
{
public List<MenuItemModel> items; // 菜单项列表
public int selectedToggleIndex = -1; // 当前选中的 toggle 按钮的索引
public bool isMenuOpen = false; // 是否打开菜单
}
```
接下来,我们可以编写控制脚本了。
```c#
public class MenuController : MonoBehaviour
{
private MenuViewModel viewModel;
private void Start()
{
// 初始化视图模型
viewModel = new MenuViewModel();
viewModel.items = new List<MenuItemModel>();
// 添加菜单项
MenuItemModel item1 = new MenuItemModel();
item1.name = "一级菜单1";
item1.isToggle = true;
item1.subItems = new List<MenuItemModel>();
item1.subItems.Add(new MenuItemModel() { name = "二级菜单1-1", isToggle = false });
item1.subItems.Add(new MenuItemModel() { name = "二级菜单1-2", isToggle = true });
item1.subItems.Add(new MenuItemModel() { name = "二级菜单1-3", isToggle = true });
viewModel.items.Add(item1);
MenuItemModel item2 = new MenuItemModel();
item2.name = "一级菜单2";
item2.isToggle = true;
item2.subItems = new List<MenuItemModel>();
item2.subItems.Add(new MenuItemModel() { name = "二级菜单2-1", isToggle = false });
item2.subItems.Add(new MenuItemModel() { name = "二级菜单2-2", isToggle = true });
viewModel.items.Add(item2);
// 绑定视图模型到 UI
BindViewModel();
}
private void BindViewModel()
{
// 绑定一级菜单项
for (int i = 0; i < viewModel.items.Count; i++)
{
int index = i; // 闭包,避免 lambda 表达式引用同一个变量
Toggle toggle = transform.Find($"Toggle{index + 1}").GetComponent<Toggle>();
toggle.isOn = false;
toggle.onValueChanged.AddListener((value) =>
{
OnToggleValueChanged(index, value);
});
}
// 绑定二级菜单项
for (int i = 0; i < viewModel.items.Count; i++)
{
Transform parent = transform.Find($"Submenu{ i + 1 }");
for (int j = 0; j < viewModel.items[i].subItems.Count; j++)
{
int subIndex = j;
Transform child = parent.Find($"Submenu{ i + 1 }-Item{ j + 1 }");
if (viewModel.items[i].subItems[j].isToggle)
{
Toggle toggle = child.GetComponent<Toggle>();
toggle.isOn = false;
toggle.onValueChanged.AddListener((value) =>
{
OnSubToggleValueChanged(i, subIndex, value);
});
}
else
{
Button button = child.GetComponent<Button>();
button.onClick.AddListener(() =>
{
OnSubButtonClick(i, subIndex);
});
}
}
}
// 绑定关闭菜单按钮
Button closeButton = transform.Find("CloseButton").GetComponent<Button>();
closeButton.onClick.AddListener(() =>
{
OnCloseButtonClick();
});
}
private void OnToggleValueChanged(int index, bool value)
{
if (value)
{
// 关闭其他的 toggle
for (int i = 0; i < viewModel.items.Count; i++)
{
if (i != index)
{
Toggle toggle = transform.Find($"Toggle{ i + 1 }").GetComponent<Toggle>();
toggle.isOn = false;
}
}
// 更新选中的 toggle 索引
viewModel.selectedToggleIndex = index;
// 显示对应的二级菜单
ShowSubmenu(index);
}
else
{
// 隐藏当前的二级菜单
HideSubmenu(index);
}
}
private void OnSubToggleValueChanged(int index, int subIndex, bool value)
{
// do something
}
private void OnSubButtonClick(int index, int subIndex)
{
// do something
}
private void OnCloseButtonClick()
{
// 关闭菜单
viewModel.isMenuOpen = false;
// 隐藏所有的二级菜单
for (int i = 0; i < viewModel.items.Count; i++)
{
HideSubmenu(i);
}
}
private void ShowSubmenu(int index)
{
Transform submenu = transform.Find($"Submenu{ index + 1 }");
submenu.gameObject.SetActive(true);
}
private void HideSubmenu(int index)
{
Transform submenu = transform.Find($"Submenu{ index + 1 }");
submenu.gameObject.SetActive(false);
}
}
```
最后,我们需要在 UI 中添加对应的组件。以一级菜单为例,我们可以在 Canvas 中添加多个 Toggle 组件,并将它们的 GameObject 名称分别设置为 "Toggle1"、"Toggle2" 等。在每个 Toggle 的子对象中添加一个 Text 组件,用于显示菜单项的名称。接着,我们需要添加二级菜单的父物体,并将它们的 GameObject 名称分别设置为 "Submenu1"、"Submenu2" 等。在每个二级菜单的父物体下添加多个 Toggle 或 Button 组件,用于显示二级菜单项的名称。在关闭菜单的按钮下添加一个 Button 组件,并将它的 GameObject 名称设置为 "CloseButton"。
阅读全文