下拉水龙头图像的动画

Question

我在某些特定位置声明了图像。

local deselectButton = display.newImage ("images/nutritional info/deselectButton.png") 
deselectButton.x = display.contentWidth/2 - 15 
deselectButton.y = display.contentHeight/2 - 172 
deselectButton.id = "0" 
nutriinfo:insert(nutriNavBar) 

当我的形象一敲，我要显示另一幅图像。也就是说，每当我点击上面的图片时，第二张图片就会淡入淡出。

local dropDown1 = display.newImage ("images/nutritional info/dropDown.png") 
dropDown1.x = display.contentWidth/2 - 75 
dropDown1.y = display.contentHeight/2 - 65 
dropDown1:setReferencePoint(display.TopCenterReferencePoint) 

Answer 1

你的代码后，只要做如下...这可能会帮助您：

local function addListener() 
    deselectButton:addEventListener("tap",clickFunction) 
end 

local clickCount = 0 
function clickFunction() 
    deselectButton:removeEventListener("tap",clickFunction) 
    clickCount = clickCount + 1 
    if(clickCount%2==1)then 
    -- show the image 
    transition.to(dropDown1,{time=200,x=dropDown1.x,y=dropDown1.y+100,alpha=1,onComplete=addListener}) -- or parameters as you like 
    else 
    -- hide the image 
    transition.to(dropDown1,{time=200,x=dropDown1.x,y=dropDown1.y-100,alpha=0,onComplete=addListener}) 
    end 
end 
deselectButton:addEventListener("tap",clickFunction) 

注：上面的代码为您提供了两个下拉以及淡入/淡出影响。但是，如果您只需淡入淡出效果，则可以从过渡中消除y参数，并且如果需要下拉式效果，则可以消除alpha参数。

保持编码............... :)