【Unity】背景图片随着背景里面内容大小而变化

今天制作项目里面的设置界面和暂停界面时,发现两个界面有很多重复部分,所以直接做一个界面就行了,但是两个界面的背景大小会有变化,图片在下面

这个是游戏暂停界面的,设置界面和这个界面有很多重复地方,仅仅是将下面两个按钮隐藏了,并在右上角增加一个x的关闭按钮,并且隐藏下面两个按钮后,背景跟随着向上缩小了,下面是我的设置界面

下面就是我的实现方法,直接一张图看懂

在背景图上直接加上这两个组件,实现自动排版布局和自动适应大小。

需要注意的是,因为是自动排版,会顶对齐或者按照其他对齐方式,如果需要每个单元的间隔大小有所不一样,可以修改其中元素的尺寸大小,也可以在一些元素之前或者之间插入空白大小的单元,自己调节空白单元的大小就可以实现自己想要的间隔和排版了

是不是很简单

Over~

有用的话记得点赞哦!

相关推荐
集成显卡1 天前
Lucide Icons:一套现代、轻量且可定制的 SVG 图标库
前端·ui·图标库·lucide
子春一1 天前
Flutter for OpenHarmony:构建一个高精度 Flutter 计时器:深入解析 Timer、状态同步与 UI 响应式设计
flutter·ui
雨季6661 天前
构建 OpenHarmony 简易文字行数统计器:用字符串分割实现纯文本结构感知
开发语言·前端·javascript·flutter·ui·dart
雨季6661 天前
Flutter 三端应用实战:OpenHarmony 简易倒序文本查看器开发指南
开发语言·javascript·flutter·ui
暮云星影1 天前
四、linux系统 应用开发:UI开发环境配置概述 (一)
linux·ui·arm
雨季6661 天前
构建 OpenHarmony 随机颜色生成器:用纯数学生成视觉灵感
开发语言·javascript·flutter·ui·ecmascript·dart
JIes__1 天前
Unity(二)——Resources资源动态加载
unity·游戏引擎
地狱为王1 天前
Unity使用NovaSR将沉闷的16kHz音频升频成清晰的48kHz音频
unity·游戏引擎·音视频·novasr
开开心心_Every1 天前
家长控制电脑软件:定时锁屏管理使用时长
网络协议·tcp/ip·游戏·微信·pdf·excel·语音识别
Xxtaoaooo2 天前
React Native 跨平台鸿蒙开发实战:UI 适配与响应式布局策略
react native·ui·harmonyos