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参数。

继续编码...............：）

下拉动画像动画

1 个答案: