Page 1 of 12

SweetyVD (Visual Designer)

Posted: Sun Mar 26, 2017 3:06 am
by ChrisR
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) !

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


Image


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

Thanks for all your feedbacks 8)
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 :)

Re: SweetyVD (Visual Designer)

Posted: Sun Mar 26, 2017 3:08 am
by ChrisR
On Linux:

Image

Re: SweetyVD (Visual Designer)

Posted: Sun Mar 26, 2017 1:38 pm
by blueb
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.

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 8:08 am
by idle
nice thanks for sharing, works well

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 9:07 am
by ChrisR
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.

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 9:11 am
by Kwai chang caine
I love VD, great idea to try create it open source 8)
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 :mrgreen:

Thanks for sharing 8)

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 9:25 am
by ChrisR
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 :wink:
It is really good to read you on the forum, with your incredible picture collection :shock:

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.

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 9:44 am
by ChrisR
Sorry for the picture Fred, it wanted to be only a trait of humor, sexy but no more.
I would take care.

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 12:53 pm
by Zebuddi123
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.

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 10:10 pm
by ChrisR
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 :)

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 10:31 pm
by skywalk
haha, you are no beginner. 8)
Can't wait to see what happens when you are expert. :idea:

Re: SweetyVD (Visual Designer)

Posted: Tue Mar 28, 2017 10:56 pm
by ChrisR
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.

Re: SweetyVD (Visual Designer)

Posted: Wed Mar 29, 2017 12:26 pm
by Zebuddi123
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/viewtop ... 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

Re: SweetyVD (Visual Designer)

Posted: Wed Mar 29, 2017 3:46 pm
by ChrisR
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 8)
(The hottest are calculations for mini, maxi moving)

Re: SweetyVD (Visual Designer)

Posted: Fri Mar 31, 2017 1:47 pm
by ChrisR
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.

Image

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