uGUI ScrollView

Scroll View + Grid Layout Group 滑动列表，与NGUI类似

ScrollView上所需组件：Scroll Rect + Mask + Image。Scroll Rect指定滑动的目标Rect Transform，并指定滑动方向horizontal或vertical，指定滑动条并进行一些参数的设置。Mask：对指定的滑动区域中Grid下的item进行遮罩，使得区域外的items不显示。image：显示滑动区域内的物体，若不激活image组件，那么滑动区域内的物体对应地就不显示了。image还有个Color属性，是对滑动区域的底色进行设置的。如果不想要底色，那么可以把Color的Alpha值设置得小一些，我设置的是3，Alpha值设置得太小也会造成items一起变透明而不显示了，多调节一下找到合适值即可。

Gird所需组件: Grid Layout Group，对子物体item进行排列。

时间： 2024-10-20 12:46:20

uGUI ScrollView的相关文章

UGUI ScrollView中显示模型和特效

游戏开发中有时候会遇到在UI上显示模型和特效的需求,这次需要在ScrollView上显示.我们使用UGUI的Screen Space - Camera模式,修改模型和特效的layer使之显示在UI上面,但是会遇到ScrollView的mask无法剔除模型和特效的问题. 解决思路:计算出ScrollView的显示矩形框的世界坐标和尺寸,传给模型和特效的shader,在shader里判断这个像素的世界坐标是否超过矩形框,来判断是否显示图像. C#代码部分: using System.Collecti

Unity3D UGUI之ScrollView弹簧效果

unity3d版本5.3.2p4 UGUI中ScrollView包含Viewport(Content) ScrollView包含脚本.其Movement Type一共3个选项.Elastic就是弹簧效果. viewport含有Mask脚本. Content如果需要实现根据内容自适应高度就要添加Content Size Fitter脚本.脚本里面选择Preferred Size即可. 注:如果Content没有根据内容自适应高度,内容高度大于Content的高度的话 会出现ScrollView滚动

ugui学习——可动态改变Content大小的ScrollView

首先,scrollView 根据需要的可以自己改.Horizontal代表水平方向滚动,vertical代表竖直方向. MovementType 移动模式 Inertia 鼠标放下后还可以动一点点. scrollbar可以根据需要的自定义,也可以不要. 然后,在content里面加入GridLayOutGroup,使底下的东西按照网格排放. Padding的概念和写网页时padding的概念一样,代表边距. Cell size和NGUI中差不多,是网格的大小. Spacing是间距.这里我做了一

ugui之scrollview

关于ugui的scrollview 在ugui里面创建scrollview,文件结构将如图所示 Viewpoint表示可见区域 Content 表示范围大小,有时候,你发现scollview无法滑动,是因为content区域太小了 Layout group一般挂在content组件上,可以让元素自动排列 除了crid layout group之外,还有vertical layout group, horizontal layout group 最重要的是,为了动态适配,千万记得加上Content

Unity3d UGUI 滚动视图ScrollView的使用教程之简易背包

Unity3d中,UGUI提供了 Scroll Rect.Grid Layout Group.Mask这三个组件,我们用来实现滚动视图,这里用一个简易的背包作为示例. 文章转自 http://blog.csdn.net/huutu/  星环游戏 http://www.thisisgame.com.cn 首先我们放置好背包的底层方框,如下图. 我们在红色的那一块,作为物品栏的滑动区域.   文章转自 http://blog.csdn.net/huutu/  星环游戏 http://www.this

UGUI制作动态ScrollView注意点

关于在Scene中创建ScrollView就不在赘述了. 需要注意以下两点. 1. Content的Pivot的X(横向滚动)或Y(竖向滚动)必须设置为最大值1.否则后面设置Size后会导致ScrollView不是在起始位置,而是已经拖动过的状态. 2. 在脚本中动态增加Content中的元素后,需要设置Content的Size,否则ScrollView无法判断Content的尺寸而无法滚动. content.GetComponent<RectTransform>().sizeDelta =

unity ugui如何用scrollview展示多个不同的3d物体

将三维物体直接做成scrollview的item子物体,mask遮挡不了三维物体.用rawimage,只有一台摄像机的情况下,又不太方便裁切摄像机的rendertexture 这种情况我用了一个摄像机,一个创建的Render Texture 显示在UI界面上:具体如图 Scroll View的布局 创建RawImage的遮罩,只显示固定区域 创建承载RenderTexture的相机 最后动态创建RenderTexture,并设置大小,分别给Camera和RawImage的Textrue赋值,就可

Unity实现滑动列表(ScrollView)-UGUI

步骤: 第一步 创建一个Image,改名为"ScrollView". 添加ScrollRect组件,设置组件:把horziontal(水平方向移动)关闭. 添加Mask组件. 第二步 在ScrollView下添加Image,改名为"Viewport" 第三步 在Viewport下添加Image,改名为"Content",content的大小最好和viewport一样. 设置锚点为与Pivot如下图: 设置这两个的作用是为了让每次添加子元素可以显示

uGUI练习(五) ScrollView

一.相关组件 ScrollRect Mask Grid Layout Group Scrollbar 二.步骤 1.创建一个Panel,命名为ScrollRect,添加 ScrollRect组件 2.在ScrollRect下创建一个子Panel,命名为Grid,添加Grid Layout Group 组件 3.在Grid下,创建一个Image,按Ctrl+D ,Copy出多个Image 4.在Scene视图,可以看到Image的排列(注意:排列成了两行) 5.让Grid下的Image排列成一行: