PureBasic Forum

SweetyVD (Visual Designer) is, as its name suggests, a small visual designer (without any more pretensions) to create an interface.

SweetyVD on French forum: http://www.purebasic.fr/french/viewtopi ... =3&t=16527

Not visible on the interface:
- Up, down, left and right arrows to move a gadget in addition to mouse and position.
- Shift + Arrows to resize with keyboard
- Right click to get a popup menu for creating gadgets with automatic alignment (idem bouton +). Insert key under Linux.
- Del key to delete a selected gadget.

Tested in Windows and in Linux under VMware. No Mac around to test it.

Note Linux 1: Use Purbasic version 5.61 (or 5.60). The Gadgets are Not drawn over the canvas with the following versions (5.62, 5.70, 5.71) !

[i]Note Linux 2: in order to use the WebGadget you have to utilize WebKitGTK. See Shardik's post http://www.purebasic.fr/english/viewtop ... 15&t=54049
To install the Gtk3 libraries on Debian/Ubuntu: sudo apt-get install libwebkitgtk-3.0-0





Enjoy the advantage of having the real gadgets drawn with SetGadgetText, Attribute, State, available and visible.

Thanks for all your feedbacks
Help, Contributions and Ideas for improvement are welcome

Updated V2.1.0 (2020-01-29)
Decrease the flickering (on Windows) due to the overlap of Gadgets and Canvas
Design changed with a pseudo ribbon and a setting panel
Selection of multiple gadgets to move them together
Group Gadgets for future selections
Align Gadget to Left, Right, Top and Bottom. Make Same Width, Height <br />
Play (Compil and Run)
...

Complete package with sources, icon and images on Github github SweetyVD (Virtual Designer)

Get Latest Update : Latest Release

Enjoy

On Linux:

Chris,
I like the simplicity, the ability to move gadgets with the arrow keys (and adjust the granularity down to 1 pixel, if I want)

Thanks for including the source code. It's nice to see your process.

Please continue to improve this, it's appreciated.

nice thanks for sharing, works well

Thanks for your encouragements, I appreciate
Sorry for the late response, I was not at home Sunday and Monday

edited by fred: no such picture allowed.

I love VD, great idea to try create it open source
It's not also simple we believe, it's a lot of works

Good begining, always a little bit of flickering, and a resizing of the main window be usefull

I love too the "little icon" on the left

Thanks for sharing

Hi KCC,
One of the first to have supported me, thanks
I did not know in what I start at the beginning.

The picture above is for you, sorry not a gif
It is really good to read you on the forum, with your incredible picture collection

Otherwise, the window is resizable, as well as the drawing area (ScrollArea).
And with (eg: size for testing: 1920*1020), if you resize the window, the ScrollArea follows.

Sorry for the picture Fred, it wanted to be only a trait of humor, sexy but no more.
I would take care.

Hi ChrisR Just got to say Like it, Like it, Like it, Like it, Like it, Like it, Like it, !!! keep up the work.

Zebuddi.

Thanks Zebuddi to like it,

I updated the screen image with an example of the properties.
#
To be sure that there is no misunderstanding about the following of this dev.
The initial goal is just an exercise to enter into PB without others ideas behind.
I want to stay basic and simple, it remains the properties of the gadgets to be developed, with:
Caption, ToolTip, Mini, Maxi, Image, Front and Back Color, #PB Constants and maybe some Set Text|State
I did not really plan to go further, in a first step (container, rebuild an interface from a .pb source)
Then, I will see if it can be useful for? i don't know!
Regards

haha, you are no beginner.
Can't wait to see what happens when you are expert.

Thanks, I take it as a compliment
But, no, no, I assure you, I am really a beginner on PC dev.
I come from the iSeries(As400) environment and there, indeed, I am rather an expert after 25 years on it (DB2/400,RPG3,4,ILE,SQL).
I had a good time on, reading sources as if they were a book.
But now it is really aging and not much interesting project around.
And I would like to move on to something else for my next 15 years of work.
but on PC dev, only few things on AutoIT and 3,4 small dev on PB, that's all.

Edit: And, I want to add that a lot of credit goes to:
STARGÅTE for his Transformation of gadgets at runtime module
Falsam for his Tiny Visual Designer (TVD)
As written in the source block title.

Hi ChrisR

SweetyVD_1.51.zip invalid\corrupt please can you post again

I was looking at Danilo`s Properties grid http://www.purebasic.fr/english/viewtopic.php?f=12&t=50014
with incorporating this, from the image looks like you`ve done a good job already. Already added two of my own gadgets so working on adding custom gadgets
So thank you for posting SweetyVD (not sure about the name though) It`s something I`ve really wanted to have a go at and have to say the code is short and concise easy to get to grips with and I`m sure i`m going to have many hours fun playing with ideas and learning

Zebuddi.

PS Was also looking at Stargates Tranformation code which is excellent and SweetyVD is my VD of Choice. Hummmmm see what i mean lol

Hi Zebuddi,

I uploaded again, SweetyVD_1.51.zip, same url on post #1.
The first time I have a corrupted file following 7-zip + FilleZilla.

Thanks for the link to Danilo's PropertyGridGadget, sounds great
But for now, in a first step, I want to finish it by doing at the simplest.
And only few StringGadget + ListIconGadget for constants should be enough (Not so many properties to manage).
and I guess that it will be easier for understanding and for sharing it as base.

Have fun with it as I had to develop it
(The hottest are calculations for mini, maxi moving)

Updated to v1.6.0
The main properties are now handled (Caption, Tooltip, Mini, Maxi, Choose Image, Pick Front and Back Color, #PB Options).
All Gadgets, out of containers are available.
...
The Sceenshot and the Github link (new) has been updated on the first post.



I hope there is not too much Bug
Thanks for your tests and feedback