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

侧面多级菜单(一个大类、一个小类、小类下多个物体)

效果:

说明:

  1. 左右侧面板使用Animator组件控制滑入滑出。
  2. 左侧面板中,左的左里面是大类,左的右有绿色的小类,绿色的小类下有多个真正的UI图片按钮。

要点:

  • 结合了一点EasyGridBuilderPro插件的UI元素:点击图片按钮的弹性效果和Tooltip。不要可以删掉。
  • 主要使用UGUI的scroll view、Vertical Layout Group、Content Size Flitter、Grid Layout Group三个组件实现。Layout组件有多层级嵌套。
  • 箭头的旋转动画用Dotween。
  • 单个折叠容器:Vertical Layout Group控制绿色标题和蓝色面板的垂直叠放。其中蓝色面板中嵌套Grid Layout Group控制UI按钮的排列。
  • 折叠容器的外一层需要一个面板,用来容纳多个折叠容器,用Vertical Layout Group和Content Size Flitter控制自适应堆叠。
  • 用了三层的layout组件,其中需要主意勾选height,不然无法适应高度 。

 DEMO工程见资源下载。

下载链接

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

相关文章:

  • 2-(脏读,不可重复读,幻读 ,mysql5.7以后默认隔离级别)、( 什么是qps,tps,并发量,pv,uv)、(什么是接口幂等性问题,如何解决?)
  • wpf devexpress 创建布局
  • Chrome 浏览器经常卡死问题解决
  • listbox控件响应鼠标右键消息
  • 设计模式(二)-创建者模式(2)-工厂模式
  • 2023年高压电工证考试题库及高压电工试题解析
  • 公网访问全能知识库工具AFFINE,Notion的免费开源替代
  • 数据存储模型
  • vue3+vant 实现树状多选组件
  • Git安装与常用命令
  • uni-app 使用vscode开发uni-app
  • 单线程的JS中Vue导致的“线程安全”问题
  • vue2 - SuperMap3D加载基于Nginx服务生成的3DTileset模型切片服务地址
  • 新版本Spring Security 2.7 + 用法,直接旧正版粘贴
  • JVM——类加载器(JDK8及之前,双亲委派机制)
  • (七)什么是Vite——vite优劣势、命令
  • vue之Error: Unknown option: .devServer.
  • 基于ssm的房屋租售网站(有报告)。Javaee项目,ssm项目。
  • LeeCode AutoX-4 计算几何
  • Vue3 动态设置 ref
  • fast lio 2 保存每一帧的点云PCD和里程计矩阵 Odom 在txt文件
  • 当前主流DDos方式有哪几类
  • 神经网络常见评价指标AUROC(AUC-ROC)、AUPR(AUC-PR)
  • Apache Doris安装部署
  • Excel查询时用vlookup或者xlookup时,虽然用的参数选择的是精确匹配,但是发现不能区分大小写,应该如何解决?
  • 4种经典的限流算法
  • <MySQL> 什么是数据库事务?事务该如何使用?
  • Linux 网络:PMTUD 简介
  • BatchNormalization:解决神经网络中的内部协变量偏移问题
  • DAC实验(DAC 输出三角波实验)(DAC 输出正弦波实验)