【转】unity3d 在UGUI中制作自适应调整大小的滚动布局控件

转自 http://blog.csdn.net/rcfalcon/article/details/43459387

在游戏中，我们很多地方需要用到scroll content的概念：我们需要一个容器，能够指定布局方式（比如横排排列、竖排排列、网格排列）等。然后我们向其中填充内容，这个容器应该自己能够处理所有的元素布局，包括相关的滚动条等等概念。

一个经典的例子就是制作一个物品栏：

在UGUI中，我们要如何来制作呢？

UGUI原生态提供Scroll Rect Component、Mask、Content Size Filter、ScrollBar控件，我们需要将他们组合使用：

如上图，我们先制作一个能够自动适应大小的文本滚动框。

设置Panel的属性如下，加上ScrollRect、Mask组件，将content设置为我们的文本框

给文本框设置组件如下：（添加Content Size Filter组件）

注意，这样设置后文本多的情况下滚动条会直接初始在中间，我们需要顶部对齐，设置Text的RectTransform属性如下：

调整对齐和Anchors Pivot（X=0，Y=1）

同理，我们需要做Grid的话，只需要将scroll rect的content指向一个带GridLayout的GameObject，并且将这个GameObject设置Content Size Filter和锚点即可。

转载于:https://www.cnblogs.com/colourstar/p/8085009.html

【转】unity3d 在UGUI中制作自适应调整大小的滚动布局控件相关推荐

Android在Activity中动态增加xml自定义样式布局控件(引用xml布局文件和循环增加控件)
工程目录: MainActivity package com.example.test1121;import androidx.appcompat.app.ActionBar; import andr ...
vue树形结构html,怎么在vue中利用递归组件实现一个树形控件
怎么在vue中利用递归组件实现一个树形控件发布时间:2021-06-11 17:26:48 来源:亿速云阅读:81 作者:Leah 本篇文章为大家展示了怎么在vue中利用递归组件实现一个树形控件, ...
C#中如何将光标定位在某个控件中？
C#中如何将光标定位在某个控件中? 例子:当打开如下界面时,如何将光标定位在Form9界面中的用户名combox1框中? (1)首先将界面Form9事件中的shown选择Form9_Load,如下图所 ...
Windows Presentation Foundation(WPF)中的数据绑定（使用XmlDataProvider作控件绑定）
原文:Windows Presentation Foundation(WPF)中的数据绑定(使用XmlDataProvider作控件绑定) ------------------------------ ...
ASP.NET中共有哪几种类型的控件？其中，HTML控件、HTML服务器控件和WEB服务器控件之间有什么区别
[考点] ASP.NET中的控件类型理解. [出现频率] ★★★☆☆ [解答] ASP.NET的控件包括WEB服务器控件.WEB用户控件.WEB自定义控件.HTML服务器控件和HTML控件.HTML控 ...
WPF布局控件AvalonDock介绍以及应用中遇到的一个问题
在使用OpenExpressApp框架工作中,我们将开源的AvalonDock控件作为界面布局来应用. AvalonDock是在codeplex上的一个开源项目,专门用于WPF的界面布局,可以做成类似 ...
VS2017中创建使用 XRM 工具常用登录控件的WPF应用程序，适用CRM9.X版本
VS2017中创建使用 XRM 工具常用登录控件的WPF应用程序,适用CRM9.X版本前提条件创建WPF项目和修改版本添加按钮调用登录控件进行调试总结微软dynamics官网之前有个CRM ...
el-element布局控件layout中的el-row和el-col
在使用element组件中,layout布局控件能够很好的帮我们对页面进行布局.其中最常用到的就是栅格基础布局. 如下所示 <el-row :gutter='40'><el-col ...
PyQt5学习：Qtdesigner设计转换而来的界面.py文件与 2k等高分辨率屏幕不匹配或自适应问题，导致部分控件显示不完全解决办法
1.软件环境 Python3.7 PyQt5 5.13.0 2.问题和预览截图如下图1,在把Qtdesigner设计的界面.ui文件转换为.py文件再调用时按钮的文字显示不完全,而且界面有比在 ...

【转】unity3d 在UGUI中制作自适应调整大小的滚动布局控件

【转】unity3d 在UGUI中制作自适应调整大小的滚动布局控件相关推荐

最新文章

热门文章