【Unity3D-UGUI】Scrollbar

结构

在这里插入图片描述
Scrollbar就是滑动条组件
Sliding Area负责控制滑块的滑动区域
Handle就是滑块

Scrollbar组件

整个Scrollbar中最重要的部分就是Scrollbar组件
在这里插入图片描述
这里面interactable到navigation的属性属于通用属性,很多ui组件都有。先介绍一下Scrollbar独有的属性。

Handle Rect:

设置滑块,默认就是Handle。

Direction:

用于控制滑动条的方向,一共有四种(从左到右,从右到左,从上到下,从下到上)。

Value:

滑块当前的位置,即滑动条的进度。

Size:

滑块占滑动条的比例。

Number Of Setps:

滑块可以滑到的位置数量,0和1不生效。超过1以后值是几就总共有几个可以滑到的位置,比例平均分配。比如值是2,那么滑块就只能在最前面或者最后面。

On Value Changed:

可以添加监听函数,在添加监听函数时选择上面那个会自动传入value值。


        // Start is called before the first frame update
        void Start()
        {
            _scrollbar = transform.Find("Scrollbar").GetComponent<Scrollbar>();//可以在代码中获取滑动条并且修改对应参数
            _scrollbar.interactable = false; //控制不可交互
            _scrollbar.value = 0.5f; //控制默认进度位置
            _scrollbar.direction = UnityEngine.UI.Scrollbar.Direction.RightToLeft; //控制滑动方向
            _scrollbar.size = 0.5f; //控制滑块占的比例
            _scrollbar.numberOfSteps = 1;
        }

        private Scrollbar _scrollbar;

        public void Scrollbar(float value)//把这个函数加入On Value Changed中,滑块移动时就会调用该函数并传入值
        {
            Debug.Log(value);
        }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实现一个item列表可以通过 Unity3D 中的UGUI组件来完成,以下是一个简单的实现步骤: 1. 创建一个ScrollView对象,它会成为你的item列表的容器。 2. 在ScrollView对象下创建一个Content对象,用于放置所有的item。 3. 创建一个item的Prefab,包含你需要显示的元素。 4. 在运行时,动态生成多个item对象,将它们放置在Content对象下,以此来构建item列表。 5. 根据需要,可以对item列表进行滚动、添加或删除item等操作。 具体实现可以参考以下步骤: 1. 创建ScrollView和Content对象 在场景中创建一个空对象,命名为ScrollView。将Canvas组件的Render Mode设置为Screen Space - Overlay,然后将ScrollView对象的RectTransform组件的Anchors和Pivot都设置为(0, 0)。这样,ScrollView对象的左下角就会位于屏幕左下角。在ScrollView对象下创建一个空对象,命名为Content。将Content对象的RectTransform组件的Anchors和Pivot也都设置为(0, 0),以便于它能够与ScrollView对象的位置重合。 2. 创建item的Prefab 在项目资源中创建一个新的Prefab,将你需要显示的元素放入其中。例如,可以在Prefab中添加一个Text对象,用于显示item的标题。确保这个Prefab的RectTransform组件的Anchors和Pivot都设置为(0, 0),以便于在生成item时它们能够正确地布局。 3. 动态生成item对象 在脚本中,使用Instantiate()方法动态生成多个item对象,并将它们作为Content对象的子对象。例如: ```csharp public GameObject itemPrefab; public int itemCount = 20; void Start() { for (int i = 0; i < itemCount; i++) { GameObject item = Instantiate(itemPrefab, content.transform); // 设置item的位置和大小 item.GetComponent<RectTransform>().anchoredPosition = new Vector2(0, -i * item.GetComponent<RectTransform>().rect.height); } } ``` 这段代码会生成20个item对象,将它们放置在Content对象下,并设置它们的位置和大小。这里假设item的高度是固定的。 4. 对item列表进行滚动 为了让item列表能够滚动,需要将ScrollView对象下的Scrollbar组件与Content对象的RectTransform组件相绑定。在ScrollView对象下添加一个Scrollbar组件,将它的Direction设置为Vertical,并将它的Size设置为0.2(或根据需要调整)。然后将Scrollbar组件的Value属性绑定到Content对象的RectTransform组件的anchoredPosition.y属性上。这样,当拖动Scrollbar时,Content对象就会相应地向上或向下滚动。 5. 添加或删除item 如果需要动态地添加或删除item,可以在脚本中使用Instantiate()和Destroy()方法来完成。例如: ```csharp public void AddItem() { GameObject item = Instantiate(itemPrefab, content.transform); // 设置新的item的位置和大小 item.GetComponent<RectTransform>().anchoredPosition = new Vector2(0, -itemCount * item.GetComponent<RectTransform>().rect.height); itemCount++; } public void RemoveItem() { if (itemCount > 0) { Destroy(content.transform.GetChild(itemCount - 1).gameObject); itemCount--; } } ``` 这样,就可以在运行时动态地添加或删除item了。当添加一个新的item时,只需生成一个新的GameObject,并将它放置在Content对象下;当删除一个item时,只需销毁Content对象下的最后一个子对象即可。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值