Re: Layout tools for LiveCode
Oh my Mangoes! Sheesh, after all these years I did not know this? ha Thank you! hhhm me thinks a feature request is in order... a new IDE prop show grid as a default, locked layer 1 object behind everything else, that still functions the way the invisible one does. J. Landman Gay wrote: It's built-in but invisible. In preferences, go to the Appearance pane and set the grid spacing to whatever you want. In the View menu, be sure Grid is selected. After that, dragging an object will snap it to the nearest gridline. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
RE: Layout tools for LiveCode
Finally someone said it.. Didn't even know that was there.. Who knows what other goodies exist Nakia Brewer | Technology Solutions Manager | Equipment Management Solutions t: (02) 49645051 | m: 0458 713 547 | i: www.westrac.com.au ACN 009 342 572 -Original Message- From: use-livecode [mailto:use-livecode-boun...@lists.runrev.com] On Behalf Of Brahmanathswami Sent: Friday, 4 April 2014 7:47 AM To: How to use LiveCode Subject: Re: Layout tools for LiveCode Oh my Mangoes! Sheesh, after all these years I did not know this? ha Thank you! hhhm me thinks a feature request is in order... a new IDE prop show grid as a default, locked layer 1 object behind everything else, that still functions the way the invisible one does. J. Landman Gay wrote: It's built-in but invisible. In preferences, go to the Appearance pane and set the grid spacing to whatever you want. In the View menu, be sure Grid is selected. After that, dragging an object will snap it to the nearest gridline. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode COPYRIGHT / DISCLAIMER: This message and/or including attached files may contain confidential proprietary or privileged information. If you are not the intended recipient, you are strictly prohibited from using, reproducing, disclosing or distributing the information contained in this email without authorisation from WesTrac. If you have received this message in error please contact WesTrac on +61 8 9377 9444. We do not accept liability in connection with computer virus, data corruption, delay, interruption, unauthorised access or unauthorised amendment. We reserve the right to monitor all e-mail communications. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Layout tools for LiveCode
Doing quality GUI is not easy Livecode... But I won't rant on too much about how easy it would be to ramp up the existing IDE to help creatives (graphic design types) build beautiful UI without so much pain... without having to do anything to the engine... Is there a layout grid tool that we can use? Typical applications have guides you can drag out and then snap objects to those guides. I'm mentoring a young man (13 years old) who is eating up LiveCode like it was granola, but he is used to better tools for the eye candy layer and asked me if there was a grid tool.. (not data grid) Swasti Astu, Be Well! Brahmanathaswami Kauai's Hindu Monastery www.HimalayanAcademy.com ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Layout tools for LiveCode
There are “rulers” you can turn on (View menu - Rulers) that can help you position objects. As far as a grid or guides that objects can snap to, not sure about that. If such a thing exists, I’d like to know myself. :-) Chris -- Chris Sheffield Read Naturally, Inc. www.readnaturally.com On Apr 2, 2014, at 3:25 PM, Brahmanathswami bra...@hindu.org wrote: Doing quality GUI is not easy Livecode... But I won't rant on too much about how easy it would be to ramp up the existing IDE to help creatives (graphic design types) build beautiful UI without so much pain... without having to do anything to the engine... Is there a layout grid tool that we can use? Typical applications have guides you can drag out and then snap objects to those guides. I'm mentoring a young man (13 years old) who is eating up LiveCode like it was granola, but he is used to better tools for the eye candy layer and asked me if there was a grid tool.. (not data grid) Swasti Astu, Be Well! Brahmanathaswami Kauai's Hindu Monastery www.HimalayanAcademy.com ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Layout tools for LiveCode
Brahmanathswami wrote: I'm mentoring a young man (13 years old) who is eating up LiveCode like it was granola, but he is used to better tools for the eye candy layer and asked me if there was a grid tool.. (not data grid) A few such tools have floated around the forums I think, but they're inherently problematic because unless written as externals that blit to the screen they require dynamically adding and removing objects. Far less sexy but nearly as helpful is to just turn on the Grid settings in Prefs (see the Appearance section). I keep mine set to 4px, which gives me plenty of freedom of movement for nearly every layout, yet snaps things into place easily enough that I can align without really trying. -- Richard Gaskin Fourth World LiveCode training and consulting: http://www.fourthworld.com Webzine for LiveCode developers: http://www.LiveCodeJournal.com Follow me on Twitter: http://twitter.com/FourthWorldSys ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Layout tools for LiveCode
On 4/2/14, 4:25 PM, Brahmanathswami wrote: I'm mentoring a young man (13 years old) who is eating up LiveCode like it was granola, but he is used to better tools for the eye candy layer and asked me if there was a grid tool.. (not data grid) It's built-in but invisible. In preferences, go to the Appearance pane and set the grid spacing to whatever you want. In the View menu, be sure Grid is selected. After that, dragging an object will snap it to the nearest gridline. -- Jacqueline Landman Gay | jac...@hyperactivesw.com HyperActive Software | http://www.hyperactivesw.com ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Layout tools for LiveCode
Well, I learned something new today. Cool! Thanks Jacque and Richard. On Apr 2, 2014, at 3:43 PM, J. Landman Gay jac...@hyperactivesw.com wrote: On 4/2/14, 4:25 PM, Brahmanathswami wrote: I'm mentoring a young man (13 years old) who is eating up LiveCode like it was granola, but he is used to better tools for the eye candy layer and asked me if there was a grid tool.. (not data grid) It's built-in but invisible. In preferences, go to the Appearance pane and set the grid spacing to whatever you want. In the View menu, be sure Grid is selected. After that, dragging an object will snap it to the nearest gridline. -- Jacqueline Landman Gay | jac...@hyperactivesw.com HyperActive Software | http://www.hyperactivesw.com ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Layout tools for LiveCode
Hi, you might want to have a look at http://livecodeshare.runrev.com/stack/757/GridDrawer It tries not to be intrusive, you drag group from a plug-in onto the card you are just editing. When done just delete the group. Kind regards Bernd -- View this message in context: http://runtime-revolution.278305.n4.nabble.com/Layout-tools-for-LiveCode-tp4677893p4677905.html Sent from the Revolution - User mailing list archive at Nabble.com. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Layout tools for LiveCode
If you're some who (like me) is visual, you can apply an image as the backPattern of a card to get a visible grid overlaid on your card. The backPattern property was changed (I believe) around version 6 to support the transparency of bitmap images, so you can make make whatever pattern you want. If you don't mind having an object on your card to act as the visible grid, you can do something like the following: - create a new polygon graphic on your card - set the graphic to be the first layer of your card - set the lineSize of the graphic to 1 - set the graphic's foreColor to 0,204,255 - set the graphic's disabled to true - set the graphic's cantSelect to true Place the following in your card or stack script: local gridIntensity = 2 on resizeStack put long id of grc myGrid into theGrid put 0,0 into TL put TL into thePoints set topLeft of theGrid to TL repeat with Y = 1 to (height of this cd div gridSize) + 1 repeat with X = 1 to (width of this cd div gridSize) + 1 add gridSize to item 1 of TL put return return TL after thePoints end repeat put 0 into item 1 of TL add gridSize to item 2 of TL put return return TL after thePoints end repeat set points of theGrid to thePoints set lineSize of theGrid to gridIntensity end resizeStack Any time you resize the stack, the grid will fill the card accordingly, and since it's disabled and can't be selected, you can drag-select any objects on the card without interacting with the grid. You can change the gridIntensity integer to be higher or lower if you want the grid dots to be thicker or thinner. A combination of a gridSize of 20 and gridIntensity of 2 works pretty well. Regards, Scott Rossi Creative Director Tactile Media, UX/UI Design On 4/2/14 2:43 PM, J. Landman Gay jac...@hyperactivesw.com wrote: On 4/2/14, 4:25 PM, Brahmanathswami wrote: I'm mentoring a young man (13 years old) who is eating up LiveCode like it was granola, but he is used to better tools for the eye candy layer and asked me if there was a grid tool.. (not data grid) It's built-in but invisible. In preferences, go to the Appearance pane and set the grid spacing to whatever you want. In the View menu, be sure Grid is selected. After that, dragging an object will snap it to the nearest gridline. -- Jacqueline Landman Gay | jac...@hyperactivesw.com HyperActive Software | http://www.hyperactivesw.com ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
