在ScrollView中排列元素可以使用无限列表优化产出元素数量外,遇到商城等大量特殊item需全量加载的列表时将不再适用。可优化的点在减小Batches,动态控制其自身在屏幕上的可见性。
将元素rect与scrollview的rect判定是否重叠,使用Canvas Group控制其透明度指定可见性,优化Batches。
为所有的item挂在Canvas Group,用于统一控制透明度。
制作UI组件到屏幕矩形转化函数
/// <summary>
/// 传入UI组件,将其转化成屏幕坐标下的矩形
/// </summary>
public static Rect RectTransToScreenRect(RectTransform rt, Camera uiCamera)
{
Vector3[] corners = new Vector3[4];
rt.GetWorldCorners(corners);
Vector2 v0 = RectTransformUtility.WorldToScreenPoint(uiCamera, corners[0]);
Vector2 v1 = RectTransformUtility.WorldToScreenPoint(uiCamera, corners[2]);
Rect rect = new Rect(v0, v1 - v0);
return rect;
}
item脚本中检测在scrollView窗口中是否可见
private void Update()
{
//获取ScrollView下Viewport对应屏幕的矩形
Rect screenRect_Viewport = RectTransToScreenRect(rect_Viewport, uICamera);
//获取自身对应屏幕的矩形
Rect screenRect_Viewport = RectTransToScreenRect(rect_ItemRoot, uICamera);
//矩形相交可见,反之透明
canvasGroup.alpha = screenRect_Viewport.Overlaps(screenRect_Viewport) ? 1 : 0;
}