Unity Scroll View 滑动边界透明度渐变效果

最近有个需求,就是要求内容在滑动的时候边界Item透明度要有渐变效果,效果如下
在这里插入图片描述

有好的新鲜玩意不妨分享出来,方便自己(备忘)也方便他人!!!

#首先搭建个简单UI
在这里插入图片描述

各主要组件属性:
注意相机模式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
好了,这样UI方便的准备工作就完成了,接着创建一个入口(挂载)脚本:TestGradientChange
下面展示一些 内联代码片

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TestGradientChange : MonoBehaviour
{
   
    Transform   rect;
    GameObject go;
    TestData2[] datas;
    // Start is called before the first frame update
    void Start()
    {
   
        go = transform.Find("Item").gameObject;
        go.SetActive(false);
        rect = transform.Find("Scroll View").GetComponent<RectTransform>();
        datas = new TestData2[]
        {
   
            new TestData2("1","Item1"),
            new TestData2("2","Item2"),
            new TestData2("3","Item3"),
            new TestData2("4","Item4"),
            new TestData2("5","Item5"),
            new TestData2("6","Item6"),
            new TestData2("7","Item7"),
            new TestData2("8","Item8"),
            new TestData2("9","Item9"),
            new TestData2("10","Item10"),
            new TestData2("11","Item11"),
            new TestData2("12","Item12"),
            new TestData2("13","Item13"),
            new TestData2("14","Item14"),
            new TestData2("15","Item15"),
            new TestData2("16","Item16"),
            new TestData2("17","Item17"),
            new TestData2("18","Item18"),
            new TestData2("19","Item19"),
        };
        Show();
    }

   private void Show()
    {
   

        foreach (var info in datas)
        {
   
            GameObject obj = GameObject.Instantiate(go, rect.transform.Find("Viewport/Content"));
            obj.transform.Find("Id").GetComponent<Text>().text = info.Id;
            obj.transform.Find("Text").GetComponent<Text>().text = info.name;
            obj.SetActive(true);
        }

        ScrollRectHelper.Instance.Init(rect.GetCompo
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Unity中的ScrollView组件可以实现滑动效果,可以用于显示大量内容的列表或者滚动视图。用户可以通过手势或者鼠标滚轮来滑动视图,从而查看不同的内容。ScrollView组件需要包含一个Content子对象,用于存放要显示的内容。可以通过设置Content的大小和位置来控制滑动视图的范围和滚动条的位置。在代码中,可以通过调用ScrollViewScrollTo方法来控制滑动位置。 ### 回答2: Unity Scroll ViewUnity中提供的一种用于滚动界面的工具。使用Scroll View可以轻松实现在界面内显示过长的内容,从而增加界面的可读性和互动性。Scroll View可以用于多种类型的内容,例如文本、图像、列表等等。 在Unity中使用Scroll View非常简单。首先,在场景中创建一个Scroll View对象,然后将需要滚动的内容添加到Scroll View的视图框内。接着,设置Scroll View的属性,如滚动速度、边界等等。最后,在脚本中调用Scroll View的方法,即可实现滚动。 Scroll View滑动可以通过鼠标、触摸屏或键盘进行操作。在移动设备上,用户可以通过手指在屏幕上滑动来实现滚动。而在PC上,则可以通过鼠标滚轮或方向键来进行滚动。 Scroll View除了支持基本的滚动功能外,还支持多种扩展功能。例如,可以通过代码来动态添加、删除和修改视图框中的内容;也可以通过代码来控制滚动条的显隐和位置等等。 总之,Scroll ViewUnity中非常实用的一个工具,可以用于各种类型的应用程序和游戏。掌握Scroll View的使用方法,可以大大提升界面的交互性和用户体验。 ### 回答3: UnityScrollViewUnity中常用的滑动控件,它通常用于展示大量的内容,同时也能够进行滚动浏览。下面我们来详细了解一下UnityScrollView的相关知识。 首先,在使用ScrollView前需要先在场景中选择一个空的GameObject,并将其添加上ScrollView组件。接下来在ScrollView组件中可以看到一个RectTransform,我们需要在其中添加一个Panel,这个Panel就是ScrollView滑动容器,所有需要展示的内容都要添加到这个Panel中。同时在ScrollView的组件中,需要设置Viewport的值,将其指向我们添加的Panel。 接下来就是设置ScrollView滑动属性,其中Scroll Rect组件表示滑动的属性,可以设置滑动的速度,以及在滑动时是否需要惯性效果。 Content Size Fitter组件表示ScrollView滑动区域的大小,可以根据内容的实际大小进行自适应设置。Horizontal Layout Group和Vertical Layout Group分别表示横向和纵向的布局方式,可以根据需要选择不同的布局方式。Scrollbar组件表示ScrollView中的滚动条,可以设置滚动条的样式和位置等。 在ScrollView中添加内容也很简单,只需要在Panel中添加需要展示的内容即可,同时需要注意设置好Content Size Fitter以及Layout Group等属性,确保内容能够正常显示和适应不同屏幕的大小。同时,ScrollView还提供了一些事件,例如On Value Changed事件,在滚动时会触发,可以用于实现一些自定义的逻辑。 总之,使用UnityScrollView可以快速地实现复杂的滚动功能,同时它的设置和使用也不难,只需要注意ScrollView的各个组件的设置以及添加内容时的一些细节即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值