UGUI Layout

妈天，我这弄个服务器的列表ui弄了一天多

今天长得最重要的教训就是一定要查官方手册。点击组件旁边的小书就行。

不是别的，就是滑动。

但好在总算是想出办法来了

首先，这是个滑动区域，把图中的深色区域作为父区域，创建image，然后将所有的列表grid（空gameobject）添加为子节点，在image中添加scrollrect并添加imagemask可以实现遮挡并滑动的方法，其中把MovementType设为Elastic可以自动确定滑动的边界，然后还要将Scroll Rect的content设为Image下面的一个子节点。

在设定万滑动区域后，就来修改grid。因为要自适应并且可以动态添加，所以给grid添加layout即可。layout共有horizontallayout，verticalLayout和gridLayout三种，其中gridLayout是限定element的大小的，不能改变即不能自适应。所以我的解决方案是给grid添加了HorizontalLayout，然后为其添加两个带VerticalLayout的Empty，命名为VerticalCell1与VerticalCell2。

在添加完成后，将其children force expand 全部取消勾选（不知道有啥作用...），然后为grid添加Content Size Fliter，并将Vertical Fit设置为Preferred来使Grid大小随着子物体的大小变化而变化。

在每个VerticalCell中的每个Cell增加Layout Element，设定Min width和MinHeight 并且将Preferred Height设为30.

时间： 2024-10-06 14:43:12

UGUI Layout的相关文章

U3D UGUI学习4 - Layout和文字适配

Layout这部分UGUI算是比NGUI做的到位 之前遇到了一个问题,NGUI做文字和背景框适配和容易,绑定一下就好了.UGUI你得弄Layout才可以,而且还需要配置. 但这个Layout使用场合是真的不多..感觉像是从CSS那套概念强行引入过来 1.简介: Content Size Fitter 这个是width/height = target的形式,宽高被动赋值. Aspect Ratio Fitter 高度放大,宽度放大 Layout Groups 用来设置Min,Preferred,F

【转帖】（三）unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout

原创至上,移步请戳:(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout 2. BasicLayout 在这一节我们会看到UI元素相对于画布的位置是怎样的.如果你想要自己在阅读时测试,您可以创建Image,使用游戏菜单中的GameObject > UI > Image.. 2.1 The Rect Tool 每个 UI元素被表示为一个矩形布局.在场景视图中使用工具栏中的Rect Tool,可以操纵此矩形.Rect Tool用于unity2D的UI功能

UGUI 列表控件 : Vertical Layout Group (垂直列表)

Spacing 表示 每个 Item 之间的距离. Child Alignment 表示对齐方式. Child Force Expand 表示 自适应 宽 和高 使用了 列表之后 ,它的每一个子物体都不能设置 Rect Transform ,如图 可以使用 Layout Element Ignore Layout : 为了不计算隐藏的cell 所以要先把 IngonreLaytout = true 再 setActivity = false  这一切都可以在代码里面来设置. Min Width

UGUI Auto Layout 自动布局

Layout Element 首先分配 Minimum Size 如果还有足够空间,分配 Preferred Size 如果还有额外空间,分配 Flexible Size 比较特别的是 Flexible,他是代表著整个大小的比例0~1

UGUI ScrollRect完美使用

第一次在正式项目里用UGUI,遇到不少问题.其中ScrollRect是比较让人恼火的.看了很多网上已有教程和原代码,终于做出满足项目需求的样子来了.简单分享一下.如有错误的地方,希望大家可以指出,一起进步! 制作一个滚动列表,首先就会想到ScrollRect这个组件.但与NGUI的不同,NGUI的UIScrollView把很多功能都写好了,或者都写到滚动列表专用的几个脚本里.但UGUI的各组件更加分离,比如ScrollRect里面的布局,不是在做滚动列表才使用,而是对所有布局情况下都通用的.我们

如何快速优化手游性能问题？从UGUI优化说起

WeTest 导读 本文作者从自身多年的Unity项目UI开发及优化的经验出发,从UGUI,CPU,GPU以及unity特有资源等几个维度,介绍了unity手游性能优化的一些方法. 在之前的文章<手游内存占用过高?如何快速定位手游内存问题>中提到,Mono内存和native内存是PSS内存主要的组成部分,mono内存更多的起到内存调用的功能,因此常常成为了开发人员优化内存的起点:而在游戏的其他的进程中,同样有很多因素影响着游戏的性能表现.本文将从UGUI的优化角度,介绍unity游戏性能优化的

unity 3D之ugui Scroll Rect拖拽消息冲突问题

如题. ugui的诞生很大程度的改变了NGUI一手遮天的现状.但是Ugui也由于与Ngui有极大的相似之处被人认为是Ngui的私生子.Ugui是unity亲生的UI系统,在各个地方都有照顾,所以也被越来越多的人认识.越来越多的游戏.应用也逐渐采用ugui去开发.但ugui始终没有Ngui的浑厚,很多功能也亟待改善. 1.Ugui界面开发之Scroll Rect 拖拽是游戏中需要显示较多物体的主要方式,表现在界面上就需要用到诸如Scroll Rect等方式. 2.创建一个Scroll Rect U

UGUI实现拼图游戏

首先看看效果图 拼图完成后,会显示game over 来看看工程结构图 Canvas:画布 kanpask:背包 cell 格子,每个格子上面放一个分割的图片 food就是要拖动的图片 这里cell-food创建一个预设体 准备一个图片.分割成精灵 kanpask:组建 因为这里是5x5的格子,表格布局(Grid Layout Group)x:100 y:100,spacing:x=1 y=1 所以款和高分别是504 food添加组建,来控制是否启用射线 创建createImge.cs脚本挂载在

UGUI 技术点笔记 (干货走起)

如果不太熟悉UGUI的同学,请补充一下UGUI教程,这里就不一一说明了. NGUI  与 UGUI 区分: // ------------------------------------------------- 打包图集: (为了优化图集,我们可以选择把带透明通道图片 和 不带透明通道的图片分开打图集,这样可以减少内存的占用量) NGUI:在打包图集的时候图集的默认格式是RGBA32,也就是支持带透明通道的图片,这样一张1024的图集也就是4M内存.(然而着一切的一切在NGUI上都需要手动操作