Page 1 of 1

Mimicking Gui behavior

Posted: Sat Jul 13, 2013 11:44 am
by MarcVanCauwenberghe
Hi,

I have been looking in various places but have not found a lot about this.
For example. Take the well known mail app on an iPad.
You have your master detail setup, when you click on a mailbox, the master pane (if I may call it that) will slide out of view and reveal the individual mail so you can click one to show in the detail pane. How is this done?

Regards,
Marc

Re: Mimicking Gui behavior

Posted: Sat Jul 13, 2013 12:45 pm
by Mark
Hi Marc,

Try the visual effects, e.g. wipe up, wipe down. Look at the visual effect entry in the dictionary to see which effects are compatible with which platforms.

Kind regards,

Mark

Re: Mimicking Gui behavior

Posted: Sat Jul 13, 2013 4:20 pm
by MarcVanCauwenberghe
Thank You Mark,

So you are telling that the master/detail 'child windows' (coming from win32 programming and having a hard time actually) should be cards then who get moved.

Regards,
Marc

Re: Mimicking Gui behavior

Posted: Sat Jul 13, 2013 4:55 pm
by Mark
Hi Marc,

If you want to mimic Win32 behaviour, you can probably do this with cards or groups. Perhaps you need to describe what you want in a more visual way. I use Windows every day, but I'm not exactly sure what you're looking for. When I read your question, I thought you wanted to mimic mobile GUI behaviour.

Kind regards,

Mark

Re: Mimicking Gui behavior

Posted: Sun Jul 14, 2013 10:07 am
by MarcVanCauwenberghe
Hi Mark,

sorry about the confusion.
The reference to win32 was the fact that I have always programmed in Visual basic / powerbasic /dot net etc....

Yes mobile GUI behavior is what I am after at the moment. I am trying this for example:
http://useyourloaf.com/blog/2011/11/16/ ... ter-v.html

I want to know how one would make the split view and how one slide the master view out to the left.

Regards,
Marc

Re: Mimicking Gui behavior

Posted: Sun Jul 14, 2013 11:06 am
by Mark
Hoi Marc,

Why do we discuss this in English, actually? Perhaps we should move the discussion to the Dutch forum?

Anyway, you can use touch event messages or a button to show and hide the side panel (master view)The master view should be a group. A graphical effect for the pop-over will give it it's shadow to make it look like a window. I guess a touchStart handler in the group will allow you to move it around. Visual effects will make the master view slide into place and slide out of view again. A native scroller will scroll the group. You need to update the native scroller each time you change something in the master view group. Use the orientationChanged message to show and hide the master view automatically.

Kind regards,

Mark

Re: Mimicking Gui behavior

Posted: Sun Jul 14, 2013 6:58 pm
by MarcVanCauwenberghe
Hi Marc,

true we could do this in the dutch forum but then other great livecode players could't join in if they wanted to :)

So in Livecode one would use groups, I will try that, thank you.

I hope you can see the mov in the link. This forum does not allow mov files.
This is a dropbox example af the same behavior (or is it behaviour ;) )

https://docs.google.com/file/d/0BwkTddG ... sp=sharing

You have a master pane with title 'Dropbox' and a detail pane with title '2 of 5'.
First behavior:
When one clicks on JohnAdams, that pane slides away to the left and another slides in (here with mp3 files).
Clicking the arrow in the top left will do the opposite.
A second behavior is clicking on the 'smaller than' sign in the top left of the detail pane '2 of 5'
The master pane would slide out to the left ant the detail pane would enlarge to cover the hole screen.

Question: seeing this you would have 3 groups then, correct?

Regards,
Marc

Re: Mimicking Gui behavior

Posted: Sun Jul 14, 2013 7:31 pm
by Mark
Marc,

I can't view the movie without registering and logging in. I won't do that, just to watch a movie.

Kind regards,

Mark

Re: Mimicking Gui behavior

Posted: Sun Jul 14, 2013 10:20 pm
by MarcVanCauwenberghe
Hi,

here is another link:

https://www.dropbox.com/sh/7f2g0xhlkcl9e9w/vbPkyUVGvO

Best regards,
Marc

Re: Mimicking Gui behavior

Posted: Sun Jul 14, 2013 11:25 pm
by Mark
Hi Marc,

Yes, I think you'll be able to achieve similar effects with LiveCode's visual effects. It is simpler than you think.

Kind regards,

Mark