一、首先创建一个Scroll View,把横向拖拽条删掉,其他的根据喜好自己设定 Scroll View设置要修改一下,否则子物体位置会有问题 二、在Content下创建一个InputField再把它撑满设置得很长 三、把两个子物体也撑满,防止位置有问题 四、设置InputField为多行并且回车可换行 五、最精彩的来了,给Content添加Tex
1:创建一个Scroll View组件 2:在游戏物体Content上添加Text组件用于显示文本 3:在游戏物体Content添加Content Size Fitter组件用于动态控制文本大小 4:想要单方向滑动,更改游戏物体Scroll View上的Content组件上的Horizontal和Vertical
content.GetComponent<RectTransform>().sizeDelta = new Vector2(0, overallLength); //重新计算Content的宽高用来装Item,但是这个x轴的宽度很神奇填0是ok的但是不规范坐等大神解决(自行调试发现问题我暂时没有解决) ScrollRect scrollRect = rootTransform.GetComponent<ScrollRect>(); if (scrollRect != null) {...
首先创建Scroll View ,Grid并把他们设置为竖向的,调整好尺寸。 在创Grid下建一个我们想要的item,不要忘记添加BosCollider和UIDragScrollView,BosCollider要勾选IsTrigger。并制作成预制体。 制作完后运行场景,一切顺利的话我们可以看到一个item,并且可以在ScrollView范围内拖拽. 现在开始编写脚本: 创建一个数据类ScrollVi...
5.在Content中添加所需的UI元素,例如Text、Image等。 6.在Scroll View下创建一个Scrollbar对象,用于控制滚动。 7.在Scrollbar对象中添加一个Slider组件,并将其连接到Scroll View的Scrollbar属性上。 8.在代码中,获取Scroll View对象,并使用ScrollRect组件来操作滚动。 注意事项: 1.在Scroll View中,Viewport对象的...
例如,您可以添加Text组件来显示文本,Image组件来显示图像等。您可以根据需要来添加不同的组件。 第四步:调整ScrollView的大小和位置 要调整ScrollView的大小和位置,选择ScrollView对象,并通过在Scene视图中拖动和调整边框来使其适应您的预期大小和位置。确保在调整ScrollView时不要遮挡其他重要的UI元素。
layout.childAlignment = TextAnchor.UpperLeft; layout.constraintCount =1;if(scrollType == ScrollType.Horizontal) { scrollRect.horizontal =true; scrollRect.vertical =false; layout.constraint = GridLayoutGroup.Constraint.FixedRowCount; }elseif(scrollType == ScrollType.Vertical) ...
但是NGUI提供的Scroll View很难实现类似Android 与 IOS 中的Scroll View 滚动相册的那种效果,至少MOMO没有很快的找到方法,不过程序猿的力量是伟大无穷的。虽然不能用它提供的API做出来,但是我们可以通过另外的手打巧妙的实现。不用担心MOMO会在这篇文章仔细向大家介绍如何实现自制Scroll View实现滚动相册。
这里我是比着NGUI的官方Demo(下载NGUI插件并导入untiy,然后会有一个Example7-Scroll View(Panel).unity)制作的。如下图所示,官方Demo是一个可以横向滚动的滚动列表,而我要做成一个竖向滚动的列表(一般排行榜、商城都是竖向显示数据的哈哈哈,再来自己动手做一遍效果比较好)。
TextAnchor.UpperLeft ; layout.constraintCount = 1; if (scrollType == ScrollType.Horizontal) { scrollRect.horizontal = true; scrollRect.vertical = false; layout.constraint = GridLayoutGroup.Constraint.FixedRowCount ; } else if (scrollType == ScrollType.Vertical) { scrollRect.horizontal = false...