Hide/Unhide Object in a group

Hendrix000007 · March 12, 2015, 12:13am

the eventListener you have asigned to the joy display objects listen to a function called abortTouch and not the function called toggleJoy() so there will not happen mouch conciddering this piece of code.

I must also say that the expression --joy.isVisible = not(joy.isVisible) is something I have never seen before, do you mean:

–joy.isVisible = false ? isVisible is a boolean expression while alpha is a grade of opacity

I know that these lines is commented out but just felt like clearing out this

If you have a display obj like you have here you make either a table or a function-listener on the object and make it listen for an event like touch or tap and then attach it to a function. If joy should fire the toggleJoy() function you should do like this:

[lua]

local joy = display.newImageRect(“logo1.png”, 250, 250)
joy.x = display.contentCenterX
joy.y = display.contentCenterY
local function toggleJoy(e)
if e.phase == “began” then
if joy.alpha == 1 then
joy.alpha = joy.alpha - 0.5
elseif joy.alpha < 1 then
joy.alpha = 1
return true
end
end
end
joy:addEventListener(“touch”, toggleJoy)

[/lua]

This shows how to use .alpha but if you like to use the bool isVisible you can do this instead:

(I use two displayObjects that works as a switch for eachother)

[lua]

local joy = display.newImageRect(“logo1.png”, 250, 250)
local joy2 = display.newImageRect(“logo2.png”, 250, 250)

joy.x = display.contentCenterX
joy.y = display.contentCenterY * 0.5

joy2.x = display.contentCenterX
joy2.y = display.contentCenterY * 1.5

joy.isVisible = true
joy2.isVisible = false

local function toggleJoy(e)
if e.phase == “began” then
if joy.isVisible == true then
   joy.isVisible = false
   joy2.isVisible = true
elseif joy.isVisible == false then
   joy.isVisible = true
   joy2.isVisible = false
return true
end
end
end

joy:addEventListener(“touch”, toggleJoy)
joy2:addEventListener(“touch”, toggleJoy)

[/lua]

If you like you can download the code here:

www.hideawayspa.no/hendrix/kurs/buttons.zip

Hope this helps you out

NB!

Keep in mind that in real life I would do the if conditions more robust this is just to point out a way to do it very stripped down

damfodeky1 · March 16, 2015, 8:44pm

Greetings to All members, First of all let me express my sincere gratitude to you all for the support. I’m highly honoured and so appreciative to you all, espercially @Hendrix000007. I have implemented the code as shown in the “isVisible” function in the last post. However, as the listerner is executed in the “touch” events, until i touch it, the action is not performed automatically in the timer.performWithDelay as i wanted it. So the issue here is how can i make it trigger on timer event, without the user touching it. Secondly, how can i reference a display object in a ‘Composer’ scene group?, do i have to get all the objects on stage, and then loop to get the object’s key or index to reference it? Thanks so much in advance. More so, sorry for the long delay in my reply, i travelled on an assignment mission. Meanwhile, i’m sorry, but --joy.isVisible = not(joy.isVisible) was suggested by a member on this topic, so may be i did not get it right.

Hendrix000007 · March 17, 2015, 10:31pm

@damfodeky1

Nice to hear that I could help you out

You can use a timer.performWithDelay in numerous ways. The timer works like this:

The timer has 3 arguments: delay (how long in milliseconds between each repetition), the function it will trigger and finally how many times it will be repeated before it stops.

Here´s an example with the base in the prior example earlier over here:

[lua]

local joy = display.newImageRect(“logo1.png”, 250, 250)

joy.x = display.contentCenterX
joy.y = display.contentCenterY

– The function we later will trigger with the timer:

local function toggleJoy(e)
if joy.alpha == 1 then
joy.alpha = joy.alpha - 0.5
elseif joy.alpha < 1 then
joy.alpha = 1
return true
end
end

timer.performWithDelay( 200, toggleJoy, 50 )

– the timer will now execute the function toggleJoy 50 times with a delay of 0,2 seconds between

[/lua]

I like to mention that there are some things you should know about timers that I also point out in the script in the download file under here and I just paste it here:

REMEMBER:
timers that run while shifting pages in i.e. Composer can be tricky and lead to hickups in your scripts during runtime and it can also be hard to debug too.
My advice is to always declare a variable for the timerobject like:
local tmr = timer.performWithDelay({your args goes here})
after this is done you can adress the var tmr and cancel it right before leaving the page/script like this:
timer.cancel( tmr ) and remove the variable tmr like:
tmr=nil

If you like you can download the code here:

www.hideawayspa.no/hendrix/kurs/timer.zip

damfodeky1 · March 18, 2015, 6:31pm

@Hendrix000007 Thanks so much for the excellent support. You are undoubtedly a perfect trainer…thank you!

Your excellent guide is truly shaping me so fast.

Everything is now intact at exactly where I have gotten to.

The directives you gave to me are working perfectly and in order. Thanks!!!

I pray that I succeed in what I intend doing quickly, so that I can acknowledge you in my app for the support. I’m most grateful.

I hope you wish to know what I am working on, but don’t worry, I want to take you by a surprise

All the same, to everyone willing to help, how can I center a text in the newText Object?, cos I have tried all the available alignments, but to no success. What I mean is, I want to do something like this:

CORONA SOFTWARE DEVELOPMENT KIT!

THE ULTIMATE

AMONGST THEM ALL

Unfortunately, I have tried every possible attempt I can, but I can’t get it to work.

Thanks in advance.

Hendrix000007 · March 18, 2015, 7:52pm

@damfodeky1

Thanx for the kind words

The display.newText() has the feature of center text if you first set the width and height of the textbox and the set the alignment to center.

Read about it here:

http://docs.coronalabs.com/api/library/display/newText.html

This will solve the problem

damfodeky1 · March 19, 2015, 11:46pm

:huh: Hmmmm…I’m getting a bit disturbed, coz it appears like I am asking too many questions, but I don’t have any option too.

One, unfortunately I have assigned the width and height as suggested, but to no success. Still struggling to get it to work.

Two, please what am I not doing right in this my orientation handler:

local function onOrientationChange(e) local stage = display.getCurrentStage() stage.anchorX = 0 stage.anchorY = 0 if e.type then local newAngle = stage.rotation - e.delta transition.to(stage, {time = 500, rotation = newAngle, transition=easing.inOutQuad}) end end Runtime:addEventListener("orientation", onOrientationChange)

I want to support all orientations and also have the content resize accordingly on orientation changes, but it is not working right.

I know for sure that something is wrong somewhere with my code, but just can’t figure what I am not doing right out, and that is where I am a corona newbie (precisely, a toddler to the SDK).

Any help on my two current issues please :D, at least a sample will do!

Meanwhile, please @Hendrix000007, thanks too for accepting my kind gesture, I am most appreciative for the support given!!

Hendrix000007 · March 21, 2015, 6:55pm

Hi damfodeky1

I didn´t have the time to get the width of the textbox to work on orientatin change

What you have to do when you´re dealing with device change stuff, you need to set the device to support all orientations in build.settings first:

[lua]

settings =
{
        orientation =
        {
default = “portraitRight”,
   supported =
   {
   “landscapeLeft”, “landscapeRight”, “portraitLeft”, “portraitRight”
}

},

}

[/lua]

And in config.lua I put scale param to letterbox:

[lua]

application =
{
content =
{
fps = 60,
width = 320,
height = 480,
scale = “letterbox”,
},
}

[/lua]

Here´s the code in main file:

[lua]

local _W = display.contentWidth
local _H = display.contentHeight*.5
local _cW = display.viewableContentWidth
local _cH = display.viewableContentHeight

local myText, options, myTextData

local function onOrientationChange(e)
local stage = display.getCurrentStage()

    if e.type then
    local newAngle = stage.rotation - e.delta
    transition.to(stage, {time = 1500, transition=easing.inOutQuad})
    stage.x = _cW   * 0.5
    myText.x = stage.x * 0.5
    end
    return true
end

myTextData = “Experience Hendrix LLC and Legacy Recordings, the catalog division of Sony Music Entertainment, will release, on DVD and Blu-ray , the expanded home video edition of the American Masters documentary Jimi Hendrix - Hear My Train A Comin’ http://smarturl.it/JH_Train_amznBR, combined with a host of never-before-released special performance features, on Tuesday, November 5, 2013.”

options =
{
    text = myTextData,
    x   = _W/2,
    y   = 0,
    width = _W,
    font = native.systemFontBold,
    fontSize = 18,
    align = “center”
}

myText = display.newText( options )
myText.anchorX = 0.5
myText.anchorY = 0
myText:setFillColor( 1, 1, 1 )

Runtime:addEventListener(“orientation”, onOrientationChange)

[/lua]

Maybe someone in here can help with the update of the textbox width so it fills out the display.viewableContentWidth

That would be optimale

Good luck damfodeky1

download the code here:

www.hideawayspa.no/hendrix/kurs/orinetationAndTextBox.zip