IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> Unity UI自动拓展布局 -> 正文阅读

[游戏开发]Unity UI自动拓展布局

Unity UI自动拓展布局

最近策划又改了一版UI设计,增加了很多需要根据文字数量、道具数量等自动拓展的UI,Unity自带的组件就可以很轻松的实现这样的效果。

首先文字自动拓展很简单,只需要在Text物体里增加个ContentSizeFItter组件,选择你需要的拓展方式(横向和纵向)将其选择PreferredSize选项就可以了。

那么再往上,如果需要文字拓展带动上层拓展的话,就需要在文字父物体上加上两个组件,第一个是LayoutGroup组件,这个组件有三个,分别是Grid(网格)、Horizontal(横向)、Vertical(纵向)布局,根据需要添加合适的就可以。另一个组件就是ContentSizeFItter了。当你加上这两个组件后,你会发现文字上的ContentSizeFItter组件会出现黄色的感叹号,大致意思是你父物体已经有布局组件了,你应该用这个布局组件来控制。这个时候你其实就可以把Text上的ContentSizeFItter组件移除了,在父物体的布局组件中ControlChildSize勾选你需要控制的方向。一般来说就没有问题了。

如果你的UI布局很复杂,有好几层需要拓展的,只需要最上层的那个物体增加ContentSizeFItter组件,其他子物体都不需要增加该组件。每一层的布局组件中的ControlChildSize都是独立的,如果你发现当你选择控制子物体大小后,子物体有缩在一起的情况,那么一定是你的子物体存在空物体的情况,也就是你用空物体作为父物体来做层级管理。出现这种情况你可以给这个空物体也增加个布局组件,让他继续管理他下面的子物体。

最后,如果你按照我说的做了之后,发现还是有个别的特别不听话,怎么整都整不好,还有个终极办法,所有的布局组件不勾选ControlChildSize,全都增加ContentSizeFItter组件,然后等需要刷新布局的时候,在代码中调用:LayoutRebuilder.ForceRebuildLayoutImmediate(RectTransform);
这个代码,RectTransform是你的最上层带有布局组件的RectTransform。这段代码最好是延迟一帧调用,当然你也可以Update中刷新。

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2022-10-17 13:05:24  更:2022-10-17 13:07:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 -2025/1/17 5:48:11-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码