SweetyVD (Visual Designer)

Share your advanced PureBasic knowledge/code with the community.
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

SweetyVD (Visual Designer)

Post 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 :)
Last edited by ChrisR on Wed Jan 29, 2020 2:51 pm, edited 14 times in total.
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post by ChrisR »

On Linux:

Image
Last edited by ChrisR on Wed Jan 29, 2020 2:51 pm, edited 2 times in total.
User avatar
blueb
Addict
Addict
Posts: 908
Joined: Sat Apr 26, 2003 2:15 pm
Location: Cuernavaca, Mexico

Re: SweetyVD (Visual Designer)

Post 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.
- It was too lonely at the top.

Current Machine: Win 10 Pro 64-bit, Dual Xeon E5-2670, 64 gigs ram, Geforce GTX 1660 Ti w/6 gigs ram
User avatar
idle
Addict
Addict
Posts: 3585
Joined: Fri Sep 21, 2007 5:52 am
Location: New Zealand

Re: SweetyVD (Visual Designer)

Post by idle »

nice thanks for sharing, works well
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post 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.
User avatar
Kwai chang caine
Addict
Addict
Posts: 4887
Joined: Sun Nov 05, 2006 11:42 pm
Location: Lyon - France

Re: SweetyVD (Visual Designer)

Post 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)
ImageThe happiness is a road...
Not a destination
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post 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.
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post by ChrisR »

Sorry for the picture Fred, it wanted to be only a trait of humor, sexy but no more.
I would take care.
User avatar
Zebuddi123
Enthusiast
Enthusiast
Posts: 767
Joined: Wed Feb 01, 2012 3:30 pm
Location: Nottinghamshire UK
Contact:

Re: SweetyVD (Visual Designer)

Post 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.
malleo, caput, bang. Ego, comprehendunt in tempore
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post 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 :)
User avatar
skywalk
Addict
Addict
Posts: 3475
Joined: Wed Dec 23, 2009 10:14 pm
Location: Boston, MA

Re: SweetyVD (Visual Designer)

Post by skywalk »

haha, you are no beginner. 8)
Can't wait to see what happens when you are expert. :idea:
The nice thing about standards is there are so many to choose from. ~ Andrew Tanenbaum
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post 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.
User avatar
Zebuddi123
Enthusiast
Enthusiast
Posts: 767
Joined: Wed Feb 01, 2012 3:30 pm
Location: Nottinghamshire UK
Contact:

Re: SweetyVD (Visual Designer)

Post 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
malleo, caput, bang. Ego, comprehendunt in tempore
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post 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)
User avatar
ChrisR
Enthusiast
Enthusiast
Posts: 256
Joined: Sun Jan 08, 2017 10:27 pm
Location: France

Re: SweetyVD (Visual Designer)

Post 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 :)
Post Reply