unity实战之循环列表item渐显

前言

最近在做评论功能，使用到了循环列表，需要一个动效表现：第一个item开始依次逐渐显示后面每个item。

思路

item的渐隐渐显，通常需要使用CanvasGroup来控制，方法如下：

local cg = item:GetComponent("CanvasGroup")

从0——>1渐显：

--先将透明度设置为0
cg.alpha = 0
--0.5s将透明度变为1
cg:DOFade(1, 0.5)

在上面需求中，下一个item需要等待上一个item完全显示出来再执行渐显操作，因此对于下一个item需要执行延迟操作

cg:DOFade(1, 0.5):SetDelay(index*0.5)

完整代码如下：

ui.discuss_scroll = base:findcom("discuss_scroll", "LoopScrollRect")
ui.discuss_content = base:findobj("discuss_scroll/Content")
ui.discuss_scroll.getScrollItem = base.GetScrollItem
ui.discuss_scroll.refreshItem = base.RefreshItem
ui.discuss_scroll.returnScrollItem = base.ReturnScrollItem

local barrageProto = {
    [1] = { word = "爱上游戏开发登场了", },
    [2] = { word = "小可爱来了", },
    [3] = { word = "为Unity而来", },
    [4] = { word = "小木好逗啊", },
    [5] = { word = "我永远喜欢做游戏", },
    [6] = { word = "爱上游戏开发登场了", },
}
local name = {"关注","微信","公众号","爱上游戏开发","小木","shirln"}

function base.GetScrollItem(index)
    local key = index + 1 
    local render = {}
    render.go = GameObject.Instantiate(prefab, parent.transform)
    local trans = render.go.transform
    render.line = utils.findobj(render.go,"line")
    render.name = utils.findtext(render.go,"name")
    render.des = utils.findtext(render.go,"des")
    local _group = render.go:GetComponent("CanvasGroup")
    _group.alpha = 0
    _group:DOFade(1, 0.5):SetDelay(index*0.5)
    discuss_Render[trans] = render
    base.RefreshItem(index, trans)
    return render.go
end

function base.RefreshItem(index, trans)
    local key = index + 1
    local render = discuss_Render[trans]
    local data = barrageProto[key]
    SetActive(render.line,key ~= 1)
    render.name.text = name[key]
    render.des.text = data.word
    -- render.likeNum.text = key
end

function base.ReturnScrollItem(trans)
    local go = discuss_Render[trans].go
    destroy(go)
end

效果