TreeViewer.cs 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. #if UNITY_2019_4_OR_NEWER
  2. using System;
  3. using System.Linq;
  4. using System.Collections.Generic;
  5. using UnityEditor;
  6. using UnityEngine;
  7. using UnityEditor.UIElements;
  8. using UnityEngine.UIElements;
  9. namespace YooAsset.Editor
  10. {
  11. //[UxmlElement]
  12. public partial class TreeViewer : VisualElement
  13. {
  14. private readonly ListView _listView;
  15. private readonly List<TreeNode> _flattenList = new List<TreeNode>(1000);
  16. private readonly List<TreeNode> _rootList = new List<TreeNode>(100);
  17. /// <summary>
  18. /// 制作列表元素
  19. /// </summary>
  20. public Action<VisualElement> makeItem { get; set; }
  21. /// <summary>
  22. /// 绑定列表数据
  23. /// </summary>
  24. public Action<VisualElement, object> bindItem { get; set; }
  25. public TreeViewer()
  26. {
  27. this.style.flexShrink = 1f;
  28. this.style.flexGrow = 1f;
  29. // 创建ListView
  30. _listView = new ListView();
  31. _listView.style.flexShrink = 1f;
  32. _listView.style.flexGrow = 1f;
  33. _listView.itemsSource = _flattenList;
  34. _listView.makeItem = MakeItemInternal;
  35. _listView.bindItem = BindItemInternal;
  36. this.Add(_listView);
  37. }
  38. /// <summary>
  39. /// 设置根节点数据
  40. /// </summary>
  41. public void SetRootItem(TreeNode rootNode)
  42. {
  43. _rootList.Add(rootNode);
  44. }
  45. /// <summary>
  46. /// 设置根节点数据
  47. /// </summary>
  48. public void SetRootItems(List<TreeNode> rootNodes)
  49. {
  50. _rootList.AddRange(rootNodes);
  51. }
  52. /// <summary>
  53. /// 清理数据
  54. /// </summary>
  55. public void ClearAll()
  56. {
  57. _rootList.Clear();
  58. }
  59. /// <summary>
  60. /// 重新绘制视图
  61. /// </summary>
  62. public void RebuildView()
  63. {
  64. _flattenList.Clear();
  65. foreach (var treeRoot in _rootList)
  66. {
  67. FlattenTree(treeRoot, 0);
  68. }
  69. _listView.Rebuild();
  70. }
  71. /// <summary>
  72. /// 将树形结构扁平化为列表
  73. /// </summary>
  74. private void FlattenTree(TreeNode node, int depth)
  75. {
  76. _flattenList.Add(node);
  77. if (node.IsExpanded)
  78. {
  79. foreach (var child in node.Children)
  80. {
  81. FlattenTree(child, depth + 1);
  82. }
  83. }
  84. }
  85. private VisualElement MakeItemInternal()
  86. {
  87. var container = new VisualElement();
  88. container.style.flexDirection = FlexDirection.Row;
  89. // 折叠按钮
  90. var toggle = new ToggleFoldout();
  91. toggle.text = string.Empty;
  92. toggle.name = "foldout";
  93. toggle.style.alignSelf = Align.Center;
  94. toggle.style.width = 15;
  95. toggle.style.height = 15;
  96. toggle.RegisterValueChangedCallback((ChangeEvent<bool> callback) =>
  97. {
  98. var treeNode = toggle.userData as TreeNode;
  99. treeNode.IsExpanded = toggle.value;
  100. RebuildView();
  101. });
  102. container.Add(toggle);
  103. // 用户自定义元素
  104. if (makeItem != null)
  105. {
  106. makeItem.Invoke(container);
  107. }
  108. return container;
  109. }
  110. private void BindItemInternal(VisualElement item, int index)
  111. {
  112. var treeNode = _flattenList[index];
  113. // 设置折叠状态
  114. var toggle = item.Q<ToggleFoldout>("foldout");
  115. toggle.SetValueWithoutNotify(treeNode.IsExpanded);
  116. toggle.userData = treeNode;
  117. toggle.style.marginLeft = treeNode.GetDepth() * 15;
  118. // 隐藏折叠按钮
  119. if (treeNode.Children.Count == 0)
  120. {
  121. toggle.style.visibility = Visibility.Hidden;
  122. }
  123. // 用户自定义元素
  124. if (bindItem != null)
  125. {
  126. bindItem.Invoke(item, treeNode.UserData);
  127. }
  128. }
  129. }
  130. }
  131. #endif