基础滚动视图水平方向0是左边垂直方向0是底部。如图所示滚动位置是0,0的时候content的底边和viewport的底边重合content的左边和viewport的底边重合。滚动时候viewport的位置不变是content的位置改变挪动content的位置来实现视图滚动。xMaxDist 和 yMaxDist 就是最大移动距离。(移动的距离x, 移动的距离y) / (xMaxDist, yMaxDist) normalizedPosition如图所示现在要把三角形从ContentPos移动到ViewportPos那里。为了方便计算把viewport和content左下角重合放在一起先把坐标都转换为相对于左下角(0,0)的坐标。这样一来MoveDir ViewportPos - ContentPos最后normalizedPosition.x -MoveDir .x / xMaxDistnormalizedPosition.y -MoveDir .y / yMaxDist最后要加一个负号因为前面算出来是个负数如果是正数不需要移动。如果用MoveDir ContentPos - ViewportPos就不用加负号了这里为了理解方便用的ViewportPos - ContentPos。如果Content移动了Content左下角和Viewport左下角不重合Content内点的位置依旧使用相对于左下角的位置然后按照MoveDir ViewportPos - ContentPos计算移动向量最后计算出normalizedPosition。NGUI就没有这么严格视口和内容在同时动定位是按滚动距离来搞的没有这个方便。对齐就是水平对齐和垂直对齐方式的控制。将content对齐到viewport 对应 content的pivot位置实现也是设置的normalizedPosition值。比如水平居中、垂直居上这种效果content的pivot是(0.5,1)那么就将content对齐到viewport的(0.5, 1)处也就是将normalizedPosition设置为(0.5,1) 就实现了。当content 填满viewprot和 未填满 viewport都是一样的处理。非常巧妙。 
长河君 · 2026/10/14 19:41:03 · 阅读 1.2k UGUI 滚动视图结构
基础滚动视图水平方向0是左边垂直方向0是底部。如图所示滚动位置是0,0的时候content的底边和viewport的底边重合content的左边和viewport的底边重合。滚动时候viewport的位置不变是content的位置改变挪动content的位置来实现视图滚动。xMaxDist 和 yMaxDist 就是最大移动距离。(移动的距离x, 移动的距离y) / (xMaxDist, yMaxDist) normalizedPosition如图所示现在要把三角形从ContentPos移动到ViewportPos那里。为了方便计算把viewport和content左下角重合放在一起先把坐标都转换为相对于左下角(0,0)的坐标。这样一来MoveDir ViewportPos - ContentPos最后normalizedPosition.x -MoveDir .x / xMaxDistnormalizedPosition.y -MoveDir .y / yMaxDist最后要加一个负号因为前面算出来是个负数如果是正数不需要移动。如果用MoveDir ContentPos - ViewportPos就不用加负号了这里为了理解方便用的ViewportPos - ContentPos。如果Content移动了Content左下角和Viewport左下角不重合Content内点的位置依旧使用相对于左下角的位置然后按照MoveDir ViewportPos - ContentPos计算移动向量最后计算出normalizedPosition。NGUI就没有这么严格视口和内容在同时动定位是按滚动距离来搞的没有这个方便。对齐就是水平对齐和垂直对齐方式的控制。将content对齐到viewport 对应 content的pivot位置实现也是设置的normalizedPosition值。比如水平居中、垂直居上这种效果content的pivot是(0.5,1)那么就将content对齐到viewport的(0.5, 1)处也就是将normalizedPosition设置为(0.5,1) 就实现了。当content 填满viewprot和 未填满 viewport都是一样的处理。非常巧妙。