none
Tool for Drawing Objects

    General discussion

  • Hi all,

    This is a part of my learning project using Small basic.

    I've created a simple tool that can Draw Shapes like ellipse, rectangle etc. ,And Controls like Button ,Text box.

    It converts whatever you draw on the editor to Small Basic.

    It has been tested only on my Windows 10 pc.

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    Screen Shots:


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic


    Sunday, November 26, 2017 11:29 AM

All replies

  • Hi all,

    Updated project to v0.1.1

    *Shapes can be rotated.

    https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    Thanks


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic




    Monday, November 27, 2017 11:38 AM
  • Hi all,

    Updated project to v0.2

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3.

    You can also run the program by double-clicking on the .exe file.

    Features :-

    • Opacity can be changed.
    • Change added Shape properties bug fixed.
    • Convert to Small Basic bug fixed. 

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic




    Wednesday, November 29, 2017 11:55 AM
  • Hi all,

    Updated project to v0.3

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    Features :-

    • Set text feature added
    • Code simplified

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Thursday, November 30, 2017 11:28 AM
  • Hi all,

    Updated project to v0.3

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    Features :-

    • Set text feature added
    • Code simplified

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic


    Hi RoshanKumarPriya.  Thank you for sharing the Shapes drawing tool.  I like tool programing very much.

    Nonki Takahashi

    Thursday, November 30, 2017 4:35 PM
    Moderator
  • Hi all,

    Updated project to v1.0

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    Features:-

    • GraphicsWindow can be managed (background colour , title , size (height and width))

    Thanks


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Friday, December 1, 2017 4:34 AM
  • nice project! made some updates 4 u: TLK289

    • corrected errors, removed obsolette code, formated code
    • added font and color selection (LD extension)
    • corrected position of controls, in order to move it to top of window
    • removed textwin hide/show, as it can block sb app sometimes
    • corrected colors

    nice done and keep work it on!

    Saturday, December 2, 2017 2:57 AM
  • nice project! made some updates 4 u: TLK289

    • corrected errors, removed obsolette code, formated code
    • added font and color selection (LD extension)
    • corrected position of controls, in order to move it to top of window
    • removed textwin hide/show, as it can block sb app sometimes
    • corrected colors

    nice done and keep work it on!

    Hi,

    Thanks for the code.Updated the project to v1.1

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    • Requires LD extension for running
    • Text adding bug fixed
    • Fixed Convert to SB (Confuses when mouse down events happen)
    • Code simplified.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Saturday, December 2, 2017 3:58 PM
  • Hi all,

    Updated project to v1.2

    Download Source = https://gallery.technet.microsoft.com/Small-Basic-GUI-v01-54b167b3

    Features:-

    • Lines can be added without specifying x1, x2, y1, y2

    Steps to add lines:-

    • Click on 'Add Line' Button.

    • Click at any place for x1,y1

    • After clicking you will see an ellipse, which represents x1,y1.
    • Then click at any place for x2,y2

    • After clicking the line is added and the ellipse is removed.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic


    Sunday, December 3, 2017 9:27 AM
  • Hi Team,

    Updated project to GUI Designer v1.3

    Features:-

    • Triangles can be added without specifying x1,y1,x2,y2,x3,y3

    Triangles can be added by clicking at 3 different places (same way as adding line, but for line, It is clicking at 2 different places)

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Monday, December 4, 2017 11:34 AM
  • Hi Team,

    Updated project to GUI Designer v1.4

    Features:-

    • Text adding bug fixed (Minor bug)

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic



    Wednesday, December 6, 2017 2:28 PM
  • Hi Team,

    Updated project to GUI Designer v1.5

    Features:-

    • This version checks for the newer version, like an updater, If you press F7 key.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Wednesday, December 6, 2017 3:10 PM
  • Hi Team,

    Use this method to add Triangles from GUI Designer v1.3 or above.

    • Click on 'Add Triangle' Button

    • Click on any place using the mouse.Now you will see an ellipse which represents x1,y1

    • Again, Click on any place using the mouse.Now you will see another ellipse which represents x2,y2

    • Now, If you click at any place using the mouse the two ellipse will be removed, And the triangle is added.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Wednesday, December 6, 2017 3:25 PM
  • Hi Team,

    Updated project to GUI Designer v1.6

    Features:-

    • Reduced zip size to 500 KB
    • Wrote my own extension in VB.NET (with source code)
    • Code simplified

    Start the application using Start.exe

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Thursday, December 7, 2017 4:04 PM
  • Hi,

    Uploaded all versions of GUI here = here

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic



    Friday, December 8, 2017 3:03 AM
  • Hi Team,

    Updated project to GUI Designer v1.7

    • This release is a major release
    • No need to specify width and height for drawing ellipse

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Saturday, December 9, 2017 6:43 AM
  • Hi Team,

    This is the way to draw rectangle or ellipse if you are using GUI Designer v1.7 or above.

    • Open Start.exe

    • Click Start

    • Click on 'Add Rectangle' button
    • Click on any place using mouse for x and y
    • Then hover your mouse for height and width
    • When you are OK with the height and width, Mouse click at the editor.
    • Then rectangle is formed

    To add ellipse, follow the same steps.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic





    Saturday, December 9, 2017 6:54 AM
  • Hi Team,

    HAPPY NEW YEAR GREETING By GUI Designer v1.7

    Program Code = DLN986

    Thanks,

    

    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Saturday, December 9, 2017 5:01 PM
  • Hi Team,

    Updated project to v2.0

    Features:-

    • Changed variable naming for animation (as arrays)

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic



    Sunday, December 10, 2017 2:59 AM
  • Hi Team,

    Updated project to v2.0.1

    Features:-

    • Fixed minor bugs
    • Code simplified

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Sunday, December 10, 2017 8:28 AM
  • Hi Team,

    Updated project to v2.0.2

    Features:-

    • Changed Convert to SB for Small basic v1.3
    • Added colours dialog for graphicswindow backgroundcolor
    • Removed unnecessary lines

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Sunday, December 10, 2017 3:33 PM
  • Hi Team,

    Updated project to v2.1.0.0

    Features

    • Removed unnecessary lines
    • Fixed the problem of moving triangle (bug)
    • Code Simplified
    • Corrected some errors

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Monday, December 11, 2017 12:11 PM
  • Hi Team,

    Controls.SetSize can also be used to resize shapes.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Wednesday, December 13, 2017 11:30 AM
  • Hi Team,

    Updated project to v2.1.0.1

    Thanks to Tryhest for updating it.

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Wednesday, December 13, 2017 5:19 PM
  • Hi Team,

    Updated project to v2.1.0.2

    Features

    • Bug fixes
    • Used standard small basic methods (except GUI Extension)
    • Zip size reduced to 180 KB (fewer dlls)

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Thursday, December 14, 2017 12:16 PM
  • Hi Team,

    A house and a tree made by GUI Designer v2.1.0.2

    Import Code = KKX422

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Friday, December 15, 2017 2:38 PM
  • Hi Team,

    Updated project to v2.1.0.3

    Features :

    • Added run option in Convert To SB

    • Bug fixes
    • Formatted code

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Saturday, December 16, 2017 6:31 AM
  • Hi Team,

    This tool has also been tested in Windows 7

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic and Visual Basic

    Saturday, December 16, 2017 6:56 AM
  • Hi Team,

    This tool has also been tested in Windows 8

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic, Visual Basic and C#

    Tuesday, December 19, 2017 12:26 PM
  • Hi Team,

    Updated project to v2.1.0.4

    Features :-

    • Images can be added
    • Formatted code
    • Fixed Bugs

    Steps to add images :-

    • Press F10 key

    • Enter the URL or File path of any image.
    • The click on any place using mouse for x and y
    • Then hover your mouse in the GraphicsWindow for width and height
    • When you are OK with width and height ,click at the editor using mouse
    • The image is added

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic, Visual Basic and C#



    Wednesday, December 20, 2017 11:54 AM
  • Hi Team,

    Updated project to v2.1.0.5

    Features:-

    • Fixed bugs
    • Minor improvements

    Thanks,


    Roshan - 7th Grade Student (Age 11) - Learning Small Basic, Visual Basic and C#

    Saturday, December 23, 2017 9:52 AM
  • Hi Team,

    Updated project to v2.1.0.6

    Features :-

    • Bug fixes (Fixed convert to Small Basic for adding triangle)
    • Added pencil function

    To enable pencil click on 'Pencil' Button

    To disable pencil ,click again on 'Pencil' Button

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Tuesday, December 26, 2017 4:57 AM
  • Hi Team,

    Updated project to v2.1.0.6.1

    Features :-

    • Fixed convert to SB for large drawings

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Tuesday, December 26, 2017 8:06 AM
  • Hi Team,

    Updated project to v2.1.0.6.2

    Features :-

    • Removed unnecessary lines
    • Code simplified
    • formatted code
    • Fixed bugs

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#


    Monday, January 1, 2018 10:29 AM
  • Hi Team,

    Updated project to v2.1.1

    Features :-

    • Corrected errors.
    • Removed Unnecessary lines.
    • Fixed bugs.
    • Fixed pencil exception throws.

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Saturday, January 6, 2018 6:19 AM
  • Hi Team,

    Updated project to v2.1.2

    Features :

    • For movement of added shape x and y is not required. (Change Added Shape Properties button)
    • Bugs fixed - Change Added Shape Properties

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#



    Wednesday, January 10, 2018 12:27 PM
  • Hi Team,

    Updated project v2.1.3

    Features :

    • Bug fixes
    • Formatted code
    • Properties for Controls can be changed

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Friday, January 12, 2018 7:10 AM
  • Hi Team,

    Updated project to v2.1.4

    Features :

    • Bug fixed
    • Added shape preview in Convert To SB
    • Shape naming fixed

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Sunday, January 14, 2018 10:21 AM
  • Hi Team,

    Updated project to v2.1.5

    Features :

    • For changing the size of an added shape ('Added Shape Properties' Button) there is no need to specify width and height

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Tuesday, January 16, 2018 10:05 AM
  • Hi Rosh

    Line 151 ,  f = GUIDialogs.SaveSB()  occurs error.   if i change it to f =LDDialogs.SaveFile("sb","ext") ,i t works.

    your SavefileDialog.dll is as below.  Threading will be necessary.

     Try this code.

     using System.Windows.Forms;        
     using System.Threading;               

            /// </summary>
            /// <param name="extension">
            /// File type  EX: txt, csv, sb ...
            /// </param>
            /// <param name="path">
            /// path = starting directory // ex. C:\ 
            /// </param>
            /// <returns>The full path of the file.</returns>
            public static Primitive SaveSb(Primitive extension, Primitive path)
            {
                Primitive result = "";
                try
                {
                    ThreadStart start = delegate
                    {
                        SaveFileDialog sfd = new SaveFileDialog();
                        sfd.Filter = "File Type (*." + extension + ") |*." + extension;
                        sfd.InitialDirectory = path;
                        if (sfd.ShowDialog() == DialogResult.OK) result = sfd.FileName;
                    };
                    Thread thread = new Thread(start);
                    thread.SetApartmentState(ApartmentState.STA);
                    thread.Start();
                    thread.Join();
                }
                catch (Exception ex)
                { System.Console.WriteLine(ex.Message); }
                return result;
            }

    Wednesday, January 17, 2018 1:20 AM
    Answerer
  • Hi Rosh

    Line 151 ,  f = GUIDialogs.SaveSB()  occurs error.   if i change it to f =LDDialogs.SaveFile("sb","ext") ,i t works.

    your SavefileDialog.dll is as below.  Threading will be necessary.

     Try this code.

     using System.Windows.Forms;        
     using System.Threading;               

            /// </summary>
            /// <param name="extension">
            /// File type  EX: txt, csv, sb ...
            /// </param>
            /// <param name="path">
            /// path = starting directory // ex. C:\ 
            /// </param>
            /// <returns>The full path of the file.</returns>
            public static Primitive SaveSb(Primitive extension, Primitive path)
            {
                Primitive result = "";
                try
                {
                    ThreadStart start = delegate
                    {
                        SaveFileDialog sfd = new SaveFileDialog();
                        sfd.Filter = "File Type (*." + extension + ") |*." + extension;
                        sfd.InitialDirectory = path;
                        if (sfd.ShowDialog() == DialogResult.OK) result = sfd.FileName;
                    };
                    Thread thread = new Thread(start);
                    thread.SetApartmentState(ApartmentState.STA);
                    thread.Start();
                    thread.Join();
                }
                catch (Exception ex)
                { System.Console.WriteLine(ex.Message); }
                return result;
            }

    Hi,

    Thanks for your C#.Net code.

    Updated project v2.1.5a

    I debugged your code Visual Studio 2017, Works well.

    Now I included it in the zip. Version = v2.1.5a

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Wednesday, January 17, 2018 11:29 AM
  • Hi Team,

    Updated project to v2.1.6

    Features :-

    • Code reduced from 1300 to 850
    • Bug fixes
    • Minor improvements in changing the properties of an added shape.

    Thanks,


    Roshan - 7th Grade Student (Age 12) - Learning Small Basic, Visual Basic and C#

    Thursday, February 1, 2018 7:50 AM