[Unity实战] UGUI 背景框(图片)尺寸自适应内容(图片、按钮、文字等)

第一次发布时间:2020-09-18
修改时间:

一、引言

在制作工会系统时,点击公会成员,会跳出管理按钮的窗口,根据成员在公会中不同的职位具有不同的权限,会长拥有所有权限,副会长拥有部分权限,普通成员只有少部分权限。直观的显示在UI界面上,是管理窗口的按钮数量不同,这时候就需要根据不同权限隐藏显示不同的按钮。
需要不适用代码来控制尺寸,完全使用UGUI自带插件完成,代码逻辑只需要负责权限按钮的显隐。

二、研究方法与过程

2.1 关键技术

第一种技术,可以选择制作三种窗口,分别对应不同权限的公会成员,但这样显得比较冗余,不容易对按钮扩展,窗口对象也多出几种,在代码处理逻辑上复杂,不够简明扼要。

第二种技术,将所有权限按钮放在一个窗口上,根据权限的不同来显示隐藏,同时要做好按钮的排序,背景框的自适应。
需要使用到两种组件,Content Size Fitter 和Vertical layout group
在这里插入图片描述
给panel背景图挂上如下两个脚本
在这里插入图片描述
给AdminBtn添加上如下脚本
在这里插入图片描述
最后的效果,从全部按钮,到隐藏专属会长权限的按钮,留下副会长权限的按钮
在这里插入图片描述
在这里插入图片描述

2.2 功能模块

2.3 数据结构

2.4 关键代码

三、研究结论和成果

四、收获和体会

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值