北京网站开发建设,做化工类网站内容,长沙 网站建设公司,聊城专业建设学校效果#xff1a; 说明#xff1a;
左右侧面板使用Animator组件控制滑入滑出。左侧面板中#xff0c;左的左里面是大类#xff0c;左的右有绿色的小类#xff0c;绿色的小类下有多个真正的UI图片按钮。
要点#xff1a;
结合了一点EasyGridBuilderPro插件的UI元素…效果 说明
左右侧面板使用Animator组件控制滑入滑出。左侧面板中左的左里面是大类左的右有绿色的小类绿色的小类下有多个真正的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工程见资源下载。
下载链接
