unity滚动视图不同大小item优化

   更新日期:2024.05.12

1 先设置一下UGUI的屏幕自适应 

2 看看下面的架构,照着搭 

3 在第2步把滚动视图的位置和区域确定后,接着就可以建一个Item,然后将其做成预设体,供后续使用



6 通过上面的步骤,一个滚动视图的架子已经搭好了,下面就是程序中为滚动视图添加内容

我在做的过程中,按照上面步骤,发现滚动视图是有了,但是视图总是可以滚动到视野的最下边,最后发现还是锚点(Anchors)的问题,锚点要严格比照demo来

Scroll Rect 层级锚点的设置

UI Wrap Content层级 

Content层级 

预设体层级 

特别注意:

经过上面的步骤,你已经可以做一个经过优化了的滚动试图,但是可能你会遇到我这样的问题,在非拖动条件下,滚动视图中的第一个Item只出现一半,或者滚动视图中最后一个Item只出现一半,可以尝试这样解决

有时候,你会发现左边太贴边啦,而插件又没有margin这一说,因此对Item采取以下办法 

注意在拖动过程中,每一个Item身上的数据都变化啦,但是这些变化后的数据要及时的应用,那么就需要手动触发应用 



  • 13489439310 :unity滚动视图不同大小item优化
    谭欧肃1888 :答:1 先设置一下UGUI的屏幕自适应 2 看看下面的架构,照着搭 3 在第2步把滚动视图的位置和区域确定后,接着就可以建一个Item,然后将其做成预设体,供后续使用 4 5 6 通过上面的步骤,一个滚动视图的架子已经搭好了,下面就是程序中为滚动视图添加内容 我在做的过程中,按照上面步骤,发现滚动视图...
  • 13489439310 :unity中ui界面,使用的是ugui插件,创建的界面,如何自适应不同的窗口大小...
    谭欧肃1888 :答:3.Canvas Scaler组件:a.当UIScaleMode为Constant Pixel Size时,UI在任何分辨率下都不会进行缩放拉伸,只有通过改变Scale Factor才会进行缩拉,因此不推荐使用该模式(而这种模式的优点就是你可以通过写自适应算法来改变Scale Factor的值,代替unity的自适应算法)b.当UIScaleMode为Scale With Screen Size时,...
  • 13489439310 :Unity3d如何实现滚动文本框?
    谭欧肃1888 :答:1、打开unity3d场景,选择“GameObject”--“UI”--“Image”创建一个图片。设置这个图片大小,作为滚动列表的背景面板。2、创建一个panel,作为数据列表显示区域。在panel上添加Scroll Rect以及mask。3、在panel里面再创建一个面板panel2,并设置列表内容区域的宽度高度。在panel2上面添加“Vertical Layout ...
  • 13489439310 :Unity3d如何实现滚动文本框?
    谭欧肃1888 :答:一、在Canvas新建一个Panel,add scroll Rect和mask组件,Rect Transform设成 middle-center,因为这样才能设置大小和text控件相同大小 二、Panel下新建一个Text,Vertical Overflow设置成Overflow,然后add Content Size Fitter这个Layout,该Layout的Vertical Fit设置为Perferred Size,然后调整大小和在Panel中的...
  • 13489439310 :讲解怎么在Unity的Inspector面板中用滑动条来控制变量的大小
    谭欧肃1888 :答:Inspector中的变量的视图形式一般是固定的,int、float 就是文本框。要实现你这个功能,要写 UnityEditor 插件(引入 UnityEditor 的 namespace),滑动条是 EditorGUILayout.Slider // Editor script that lets you scale the selected GameObject between 1 and 100//缩放选择的游戏物体,在1-100之间...
  • 13489439310 :Unity怎么实现滚动球面
    谭欧肃1888 :答://限制size大小 Camera.main.orthographicSize = Mathf.Clamp(Camera.main.orthographicSize, minmum, maximum);//滚轮改变 Camera.main.orthographicSize = Camera.main.orthographicSize - Input.GetAxis ("Mouse ScrollWheel") * ChangeSpeed;} } } Unity是一款由Unity Technologies研发的跨...
  • 13489439310 :unitygame视图跟创建出来的不一样
    谭欧肃1888 :答:1、要检查的地方,就是Build里的BuildSettings点开看里面的对目标平台的分辨率的设置,是否支持全屏,限制有哪些分辨率等。2、在Unity编辑器里测试时,也应该以目标平台为准来设置Game窗口的分辨率,在Game窗口上方有个箭头,点开后可以选择或输入分辨率,这样Game窗口里的所测试的才和构建后发布的游戏的...
  • 13489439310 :unity放大之后出现很多像素图
    谭欧肃1888 :答:unity放大。1、在Unity软件,先打开Unity的文件。2、在这里进行视图的放大和缩小。3、放大视图的话,将鼠标向前滚动。4、缩小视图的话,将鼠标向后滚动。
  • 13489439310 :unity怎么切换4视图
    谭欧肃1888 :答:1、打开Unity编辑器,进入场景视图。2、在场景视图的右上角,可以看到4个小方框,分别代表4视图。3、点击其中一个小方框,即可切换到对应的视图。4、需要在多个视图之间进行同步,可以在场景视图的右上角勾选“同步视图”选项。5、需要在某个视图中进行操作,可以在该视图中进行选择、移动、旋转等操作...
  • 13489439310 :Unity视图介绍
    谭欧肃1888 :答:旋转操作:按住Alt+鼠标左键,以当前轴心点来旋转场景 移动操作:按住鼠标的滚轮键或按Q可进行移动 缩放操作:使用滚轮,按住Alt+鼠标右键可以放大或缩小视角 居中显示所选物体:按F键会最大化显示 Console(控制台)视图是Unity中重要的调试工具,当用户测试项目或导出项目时,在Console视图状态栏都会有...
  • 相关链接

    欢迎反馈与建议,请联系电邮
    2024 © 视觉网