背景图片 和滚动区域图片
在滚动区域图片上添加Scroll Rect
添加Scrollbar 方向设置为bottom to top
设置好scrollbar大小 和handle与锚点的匹配
在ScrollRect 下创建空物体layout 铺满ScrollRect 设置好中心点 在layout上添加vertical layout group管理列表内物品
创建列表内物品的预制体 创建ShopItem
设置layout上的vertical layout group 取消勾选height
ScrollRect上面添加 mask组件进行遮罩调整scrollRect显示的范围,layout的大小要根据layout下item显示的大小用代码进行控制,同时scrollRect上的content设置为layout
设置Scrollbar 的value 和size
写代码对layout大小进行控制。
foreach (Item item in ShopItemList)
{
GameObject go=GameObject.Instantiate(ShopItemPrefab);
go.transform.SetParent(Layout,false);
go.GetComponent<ShopItem>().AddAShopItem(item);
go.GetComponent<ShopItem>().ShowAShopItem();
}
int shopItemCount = ShopItemList.Count;
Vector2 size = Layout.GetComponent<RectTransform>().sizeDelta;
Layout.GetComponent<RectTransform>().sizeDelta = new Vector2(size.x,
shopItemCount * (ShopItemPrefab.GetComponent<RectTransform>().sizeDelta.y + 5f));//space
ShopScrollBar.value = 1;