UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法

lq1340817945

已于 2022-01-21 15:45:16 修改

阅读量5.1k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Unity客户端开发技术栈文章标签： unity lua ugui

于 2021-10-27 21:31:34 首次发布

本文链接：https://blog.csdn.net/lq1340817945/article/details/121001075

该博客介绍了如何结合Unity的UGUI ScrollView组件和DoTween库来创建一个动态缩放的滑动视图。通过Lua伪代码展示了在滑动事件中，根据元素与中心点的距离调整其缩放比例的实现方法。项目提供了实际的Demo资源，供学习者下载参考。此外，还提供了监听ScrollView滑动事件的代码示例，以及左右滑动时调用更新函数的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：在这里插入图片描述
使用到的技术：
UGUI的ScrollView
DoTween

实现原理：
首先创建一个ScrollView组件用于放置节点
在这里插入图片描述

创建一个空的RectTransForm作为中心标识组件
在这里插入图片描述
原理
将每个展示滑块和中心标识做距离的绝对值进行判断，中心点最小为0，滑块最大

贴上Lua伪代码

首先将生成在ScrollView的所有展示滑块保存到self.itemList
然后每次刷新的时候遍历所有子物体（展示滑块）
function HolidayItemCtrl:FreshItem(  )
    local centerPosX = self.view.UI.RectTransform_center.transform<