当前位置: 首页 > news >正文

Unity如何实现TreeView

前言

最近有一个需求,需要实现一个TreeView的试图显示,开始我一直觉得这么通用的结构,肯定有现成的UI组件或者插件可以使用,结果,找了好久,都没有找到合适的插件,有两个效果差强人意。
最后在回家的路上突然灵光一闪,想到了一种简单的实现方式,什么插件都不用,仅使用Unity自带的Button和Layout。不仅可以实现一级树形目录,还能实现二级,三级等等,只要你有需要,都可以自定义实现。

原理

好了废话不多说,我来说一下原理
我们先来看一下一个基本的TreeView基本结构如下:
在这里插入图片描述
我们看左侧的菜单,TreeView有一级标题和二级标题,其中一级标题的点击可以控制二级标题的显示与折叠。
我这里的原理就是给一级标题和二级标题放到一个VerticalLayout父节点V1中,然后我们给V1再添加一个ContentSizeFilter,可以动态控制这组标题的大小。然后多个不同的标题组,我们再用一个大的VerticalLayout控制。
当我们点击一级标题是,就同时控制它同一个父节点下的所有二级子标题的显示与隐藏,当显示这些二级标题节点时,由于ContentSizeFilter的控制,它们的父节点VerticalLayout就会变大尺寸,这样外层Layout就会控制下层的标题组重新刷新位置,树形结构就会正确显示了。

http://www.lryc.cn/news/178928.html

相关文章:

  • Android widget 小部件使用指南强化版
  • Linux下C语言操作网卡的几个代码实例?特别实用
  • noip2011选择旅馆
  • vue造轮子完整指南--npm组件包开发步骤
  • 28 drf-Vue个人向总结-1
  • 线性代数(七) 矩阵分析
  • myArm 全新七轴桌面型机械臂
  • tomcat乱码解决
  • 【Linux】详解线程第三篇——线程同步和生产消费者模型
  • k8s 安装
  • 红队打靶:THE PLANETS: MERCURY打靶思路详解(vulnhub)
  • 【网络协议】IP
  • Python 布尔类型
  • iOS设备管理器iMazing比iTunes好用吗?有哪些优势
  • Opengl之深度测试
  • 利用ICG-NH2/Amine进行DNA标记1686147-55-6星戈瑞
  • Pyecharts数据可视化
  • 集合-List集合
  • vuex的使用
  • raw图片处理软件:DxO PhotoLab 6 mac中文版支持相机格式
  • ReactPortals传送门
  • 【GDB】 command 命令
  • 1038 统计同成绩学生
  • git报错:Failed to connect to 127.0.0.1 port 1080
  • php eayswoole node axios crypto-js 实现大文件分片上传复盘
  • 《Upload-Labs》01. Pass 1~13
  • v-for中的key
  • MySQL学习笔记17
  • 跨境电商建站:选择域名需要注意什么?
  • jupyterlab