Выпадающая анимация для изображения при нажатии

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.

Держите кодирование ............... :)