Results 1 to 8 of 8

Thread: [VB.NET] Neopets Program Tutorial - Setting Up VS Express and Creating a GUI

  1. #1

    Join Date
    Nov 2012
    Gender
    Location
    Canada
    Posts
    29
    Thanks
    4
    Thanked 16 Times in 6 Posts


    Downloads
    45
    Uploads
    0
    Mentioned
    4 Post(s)
    Time Online
    1 d 19 h 6 m
    Avg. Time Online
    1 m
    Rep Power
    6

    [VB.NET] Neopets Program Tutorial - Setting Up VS Express and Creating a GUI

    Well sorry guys, kind of went inactive. I hope to actually finish this series.

    Neopets Login Tutorial - Part 2: Setting Up VS Express and Creating a GUI




    Creating Your First Project

    Okay, first of all, you are going to need to open up Visual Studio - hopefully it's on your Desktop or wherever you put it. When you open it, you should get a screen like this:









    Click on the New Project... link under the start sub-menu, or go to File --> New Project... on the menu bar. A menu should pop up like so...









    Simply ensure "Windows Form Application" is selected, enter a name for your project, beside the "Name:" label near the bottom, and click OK. I recommend you keep everything else the same as it is currently.

    You will get a window like so:









    Now, there is a couple very important things here I'd like to mention before we go on.

    1) Naming is VERY important in programming, not only to make it look nicer, but to make things simplified and easy to follow/understand. On the picture above you will notice the text "Form1" on what looks like an application window. This can be changed to the name of your project, or whatever you would like to name that certain window.

    2) Your toolbox; this is what helps to make your GUI look nice, or bad, depending how you like it. You can see this located on the left hand side of the picture. This toolbox contains items such as buttons, labels, containers, text boxes and other useful design tools.

    Okay, after stating those, it's time to move on.

    On the right hand side of the screen you will see this:









    The top part of the picture shows your "Solution Explorer". This is what contains all your various project files, such as wrappers, and all your separate forms if you choose to make more than 1. The bottom section is your "Properties" menu. This allows you to easily change various properties such as sizes, abilities and naming of the controls, which is very important, stated above. You will see that the word "Text" is highlighted and currently has a value of "Form1". As stated earlier, this is your form's name. Go ahead and change this to anything, really. Change it to "So-and-So's Neopets Program" or "Neopets Login". You will notice when you press enter, your forms name will change. Woohooo!

    Now remember in the other tutorial where you downloaded a wrapper? If you forgot to download it, or never read the previous tutorial, I HIGHLY suggest you read it if you are new to this. I need you to do something quickly. On the menu bar on the top, go to "Project -> Add Existing Item" and find your wrapper. This will import the wrapper into your project, and it should display in the "Solution Explorer" on the right. You should now see this on the side.









    First off, I recommend you right click on the text that says "Form1.vb" and rename it. Name it something like "frmMain" or "frmLogin". Something relevant to your program. What is going to be on this form? Is it a login? Is it a help page? Name it something to do with what the form actually will be for. Make sure not to remove the ".vb" at the end!




    Now click on your form on the right and you should see a re sizable handle appear around it. If so, perfect, otherwise try again. Your form should look something like this.









    If so, perfect! Setting up is almost done! All we need to work on now is the GUI, or Graphical User Interface.




    Graphical User Interface (GUI)




    Remember the "toolbox" we talked about earlier on the right hand side of the screen? That is the container for all the GUI "controls". Click on the Toolbox and a menu should slide open with a big list of various controls. To use these, simply drag and drop onto your form, or double click on them. (Both achieve the same effect.) The control will now appear on your form. As an example, here is a picture of a button on the form.









    This is where I'm going to let your creativity and curiosity take over. I want you to click on the button ONCE if not already highlighted and browse in the properties menu. Remember where it is? Go through some of the properties and read about what they are and what they do. Your goal is to change the button text from "Button 1" to "Login" and change the button size to 260, 88 - the position of the button should be 12, 161 - and make the button have a purple or blue background color.experiment and you will find the way to do it. Remember, programming takes patience.

    If you finished the previous task successfully, your form should look something like this (color can be different):









    If it matches that (or close) CONGRATULATIONS! You are close to having a GUI!

    This is your final test in creating a GUI - it will be tricky, but I know you can do it! Heck, even upload your picture of a completed GUI to show off to everybody. Feel free to let your creative beast out and design one awesome form. Best form will receive a prize from me

    Task Necessities


    • Have a proper name for every control - this means that a textbox should have a name like - "txtUsername" - or a button should be "btnLogin" - or a label could be named - "lblStatus"
    • Some color if you like color.
    • An input for putting a username, an input for a password, a button to login, and labels to inform the user what everything is.



    A successful form will look something like this!









    Now that is just an example, make whatever fits for you, and remember. NAME EVERYTHING

    In that above picture my text boxes are named accordingly: txtUsername and txtPassword - the label that says "Idle..." is named blStatus and my button is named "btnLogin" because when you click it, it will log you into Neopets. Of course that is after we code it in.

    Remember to show me your GUI's




    That is the end of today's tutorial. The next part is where we will get down and dirty with each other... err... I meant coding. Anyways, see you next time!



    ---------- Post added at 05:33 PM ---------- Previous post was at 05:26 PM ----------

    Please post your feelings and critiques. There are errors, I'm just too tired to see them. I hope you enjoy!

  2. The Following 5 Users Say Thank You to Noxush For This Useful Post:

    Demetri (11-30-2013),ebeb (10-03-2014),Infamous Joe (11-28-2013),MikeyR (11-30-2013),Ragnarok (10-14-2014)

  3. #2

    MikeyR's Avatar
    Join Date
    Jan 2013
    Gender
    Location
    Toronto
    Age
    25
    Posts
    102
    Thanks
    9
    Thanked 44 Times in 34 Posts


    Downloads
    58
    Uploads
    0
    Mentioned
    9 Post(s)
    Time Online
    8 d 9 h 37 m
    Avg. Time Online
    6 m
    Rep Power
    5
    This is awesome, I've been thinking lately about making simple neo programs to practice my C# but haven't known where to start since I've only worked with console applications.
    Obviously this is fairly important: Is there a C# wrapper source I could download instead of having to do this in VB.net?

  4. #3
    Saiyan Race





    Infamous Joe's Avatar
    Join Date
    Dec 2011
    Gender
    Location
    Hyperbolic Time Chamber
    Age
    26
    Posts
    9,750
    Thanks
    2,779
    Thanked 16,227 Times in 4,237 Posts


    Downloads
    23
    Uploads
    36
    Mentioned
    2985 Post(s)
    Time Online
    293 d 13 h 2 m
    Avg. Time Online
    3 h 44 m
    Rep Power
    10
    Gamer IDs

    Gamertag: Infam0us Joe Steam ID: infamousjoe
    Quote Originally Posted by MikeyR View Post
    This is awesome, I've been thinking lately about making simple neo programs to practice my C# but haven't known where to start since I've only worked with console applications.
    Obviously this is fairly important: Is there a C# wrapper source I could download instead of having to do this in VB.net?
    https://github.com/dapphp/SDNeoClient

  5. The Following User Says Thank You to Infamous Joe For This Useful Post:

    MikeyR (12-01-2013)

  6. #4
    Little Brother


    Zachafer's Avatar
    Join Date
    Dec 2011
    Gender
    Posts
    1,206
    Thanks
    723
    Thanked 1,392 Times in 651 Posts


    Downloads
    81
    Uploads
    17
    Mentioned
    497 Post(s)
    Time Online
    21 d 17 h 32 m
    Avg. Time Online
    16 m
    Rep Power
    14
    Great tuts mate! I don't see any errors here. Next time you make a tutorial for multiple sites, don't include one site's name in the project (ie D*ZTool)

    Also I'd set the .UseSystemPassword property of the txtPassword textbox to True

  7. #5

    MikeyR's Avatar
    Join Date
    Jan 2013
    Gender
    Location
    Toronto
    Age
    25
    Posts
    102
    Thanks
    9
    Thanked 44 Times in 34 Posts


    Downloads
    58
    Uploads
    0
    Mentioned
    9 Post(s)
    Time Online
    8 d 9 h 37 m
    Avg. Time Online
    6 m
    Rep Power
    5
    Personally I think it's a good thing we weren't told how to make the password chars hidden; it teaches people following the tutorial without much programming experience that learning to use google is very, VERY important for programming.

  8. #6
    Banned
    Join Date
    Oct 2013
    Gender
    Posts
    0
    Thanks
    12
    Thanked 1 Time in 1 Post


    Downloads
    71
    Uploads
    0
    Mentioned
    3 Post(s)
    Time Online
    1 d 1 h 20 m
    Avg. Time Online
    N/A
    Rep Power
    0
    Ummm... Where can I find the next part of this tutorial. Please give me the link.

  9. #7
    Dragon's Sin of Wrath



    Accelerator's Avatar
    Join Date
    Jul 2013
    Gender
    Location
    Academy City
    Age
    23
    Posts
    4,982
    Thanks
    1,967
    Thanked 3,583 Times in 1,554 Posts


    Downloads
    175
    Uploads
    0
    Mentioned
    733 Post(s)
    Time Online
    327 d 12 h 25 m
    Avg. Time Online
    4 h 50 m
    Rep Power
    17
    Gamer IDs

    Steam ID: Kurowaru
    Quote Originally Posted by ebeb View Post
    Ummm... Where can I find the next part of this tutorial. Please give me the link.
    Dude you've been warned two times about grave-digging and you're still doing it? .__.

  10. #8
    Banned
    Join Date
    Oct 2013
    Gender
    Posts
    0
    Thanks
    12
    Thanked 1 Time in 1 Post


    Downloads
    71
    Uploads
    0
    Mentioned
    3 Post(s)
    Time Online
    1 d 1 h 20 m
    Avg. Time Online
    N/A
    Rep Power
    0
    Quote Originally Posted by Accelerator View Post
    Dude you've been warned two times about grave-digging and you're still doing it? .__.
    HEY!! I just wanted to know where I can find the next part. I too want to learn something new!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •