Etienne BAUDOUX

Support forum for Etienne BAUDOUX's projects


    [TUTO A to Z] Draw your visual interface

    Share

    Poll

    What do you think about this tutorial ?

    [ 1 ]
    50% [50%] 
    [ 0 ]
    0% [0%] 
    [ 1 ]
    50% [50%] 
    [ 0 ]
    0% [0%] 
    [ 0 ]
    0% [0%] 
    [ 0 ]
    0% [0%] 
    [ 0 ]
    0% [0%] 

    Total Votes: 2
    avatar
    polien-english
    New
    New

    Posts : 3
    Join date : 2014-10-08
    Age : 20
    Location : Provence

    [TUTO A to Z] Draw your visual interface

    Post by polien-english on Wed Oct 08, 2014 5:56 am

    Hello everyone Wink

    If you take a turn in the veler software french forum, you can see some tutorials created by Polien.
    I'm Polien in this forum and i have decided to translate some of my tutorials in the veler software english forum !
    Sorry for my bad english. Please, don't hesitate to notify me grammar, spelling and vocabulary errors. ^^

    If the creation of the visual interface in SoftwareZator 2014 (or 2011, 2012 versions) is easy,  there are always frequently asked questions in the forum as they may be resolved when we understand the more important part: the controls.

    This table resume the idea of ​xav2303, he is organised with 5 columns who contains the main informations for every controls. The main property was the logic property of the control (text for a textbox, value for a progress bar...).

    Name in SZName used in the functionsApparenceDescriptionMain property
    Tree viewtreeviewStructure as a treenodes
    Progress BarprogressbarTo know the progress of somethingvalue
    Trawk bartrackbarTo select a specific number from defined intervalvalue
    ButtonbuttonTo validate somethingtext
    Radio ButtonradiobuttonTo take a choice with only one choice of faithchecked
    CalendarmonthcalendarTo select a defined date, a time intervalselectionrange (time interval)
    Check BoxcheckboxTo take a choice with some solutionschecked
    LabellabelTo display texttext
    Property gridpropertygridTo display objects/controls propertyselectedobject
    LinklabellinklabelTo link a label with a functiontext
    List BoxlistboxList structureitems
    List ViewlistviewLines and columns structure (= table)items
    Checked List BoxcheckedlistboxChoice list with many possibility structureitems
    ComboBoxcomboboxMulti dropdown selection box choiceitems
    WebrowserwebbrowserTo display a page / internet element (html, js, php, gifurl
    Date Time PickerdatetimepickerSelection area of specific datevalue
    Picture Boxpicturebox
    (do not laugh Razz )
    To display a picture, a drawimage
    NumericUpDownnumericupdownTo select only a numbervalue
    TextboxtextboxTo enter texttext
    RichtextboxrichtextboxTo enter the text you can change color, add bold, put images ...text et rtf (format that preserves the formatting)
    Maskedtextboxmaskedtextbox(translation of the bottom text: "number entered: 22121996")To enter a password or information that requires precise syntax (ex: a date)text et mask (for a specific formatting filter)
    Group boxgroupboxTo group a set of controls under a name / categorytext
    PanelpanelTo group a set of controlrien
    Context Menu StripcontextmenustripThe menu that appears when you right clickitems
    ToolStriptoolstripExplicit ...items
    TooltiptooltipTo view a temporal information message on a controltooltip in tooltip(tooltip number used)
    MenumenustripExplicit ...items
    Tab ControlstabcontrolTo place more controls without putting a new windowtabpage
    Color dialogcolordialogBuilt window to select a color
    color
    Folder browser dialogfolderbrowserdialogBuilt window to select a folderselectedpath
    Save file dialogsavefiledialogBuilt window to select a file to savefilename
    Open file dialogopenfiledialogBuilt window to select a file to openfilename
    Font dialogfontdialogBuilt window to select a fontfont
    The following images show the integration of this controls in your every day navigation Wink


    (notepad)


    (open office table)


    (system configuration in the energy mode)


    (paint filedialog for open a file)


    (screensaver params)


    (change font, notepad)


    (change the sound volume)

    Has finished, I hope this little reminder will help you Wink

    Thank you for your reading Wink

    PS: there are no all the controls but the mains controls are every here Smile


    Last edited by polien-english on Thu Oct 09, 2014 4:14 am; edited 3 times in total (Reason for editing : corrections)
    avatar
    lereparateurdepc
    New
    New

    Posts : 5
    Join date : 2013-08-09
    Age : 24
    Location : Calvados (France)

    Re: [TUTO A to Z] Draw your visual interface

    Post by lereparateurdepc on Thu Oct 09, 2014 3:00 am

    re,

    Super, good.... As good as in French Smile

    You're Mister tuto FR AND EN....... Smile

    EDIT : for the poll (FR: sondage) I think :

    line2 : very well good
    line3 : well good
    line4 : fairly well so good
    line6 : not terrible not good
    line7 : null too bad

    For me, null = nothing, empty

    Cordially,
    Le réparateur de PC
    avatar
    polien-english
    New
    New

    Posts : 3
    Join date : 2014-10-08
    Age : 20
    Location : Provence

    Re: [TUTO A to Z] Draw your visual interface

    Post by polien-english on Thu Oct 09, 2014 4:09 am

    re,

    yeah! i'm now a tutorial writer and translator ! Razz
    thank you Wink (the translation in english is not very easy but i begin to know...)
    For the pool, indeed that is more correct, I changed it Smile

    Sponsored content

    Re: [TUTO A to Z] Draw your visual interface

    Post by Sponsored content


      Current date/time is Wed Aug 23, 2017 5:04 pm