2.2. Lab: Editing, Compiling, and Running with Xamarin Studio

This first lab is aimed at taking you through the end-to-end process of writing and running a basic computer program with the Xamarin Studio environment. As with all things in life, we will learn in this lab that becoming a programmer requires you to learn a number of other things along the way.

In software development/engineering parlance, we typically describe a scenario as a workflow, which can be thought of as a series of steps that are possibly repeated. The workflow of programming can loosely be defined as follows:

  1. Use a text editor to write your source code (human readable).
  2. Compile your code using the Software Development Kit (SDK) into object code.
  3. Link your object code to create an executable. (There are other kinds of results to produce, but we will start with the idea of an executable program to keep things simple.) The default is to have an executable program created with compilation, automatically.
  4. Run your program. Even for the most seasoned developers, your program may not work entirely right the first time, so you may end up repeating these steps (debugging).

These steps can all be done with different tools. Many find it simpler to have an integrated tool, like Xamarin Studio, that does them all in the same place, and automates the steps that do not need human interaction!

If you are doing this on your own machine, make sure you have Mono and Xamarin Studio installed as in Development Tools.

Other tools are available, like the development environment Visual Studio (from Microsoft, only for Windows).

Understanding the lower level tools that accomplish each step is important, but we defer a discussion to get you going with Xamarin Studio.

2.2.1. Goals

Our primary goal to create and understand an Xamarin Studio setup that you can use to do all of the remaining homework assignments and labs for this course.

2.2.2. Steps

Xamarin Studio files and interactions are organized hierarchically. At a low level are individual C# source code files. One, or possibly more, are used for a particular project. Multiple projects are gathered together under a single solution. Xamarin Studio deals with one solution at a time, though you can separately create multiple solutions. The simplest thing is to create a single solution for this course, and put each of the projects that you create in that one solution. You can keep adding onto previous efforts without having to start over with a new solution each time.

We start by creating a solution with a project in it. The images are from a Mac. Windows versions should be similar.

  1. Open Xamarin Studio, in the appropriate way for an application in your operating system. It should be in the Start menu for Windows. Using Spotlight is quick on a Mac.

  2. You get a Welcome screen. Toward the upper left corner is a link for New Solution. Click on it. Alternately you can follow the path through the menus: File -> New -> Solution.

    Xamarin Studio Start Image
  3. You get a dialog window to fill out. Follow the order below. Later parts may not be visible until you do the previous parts:

    • Select C# in left hand side panel
    • Select Console Project in the middle panel
    • In the bottom field, “Solution name” (not the top Name field), enter any name you like: We recommend work, which will make sense for all your work for the course.
    • Leave the Location field above it as is or change it if you like.
    • Above that, Enter hello in the Name field, for the name of the project.
    • Make sure Create directory for solution is checked in the bottom right.
    • Press the OK button.
    Xamarin Studio Dialog Image

    You now have created a solution in Xamarin Studio, with one project inside it. Later we can add further projects to this solution.

  4. Look at the Xamarin Studio window that appears. It should have two main sub-windows or “Pads” as Xamarin Studio calls them. A narrow one on the left is the Solution Pad, containing a hierarchical view of the solution. You should see your solution name at the top and the hello project under that. Folders have a little triangle shown to their left. You can click on the triangle. A triangle pointing down means the inside of the folder is displayed. A triangle pointing to the right means the contents are not being displayed. Listed under hello are References and Properties, that we will ignore for now. Below them is the line for the automatically generated sample code file Program.cs. The file should also appear in the Edit Pad to the right.

    Xamarin Studio Program.cs Image
  5. Program.cs should be selected in the Solution Pad, as shown above. Change the selection by clicking on hello. At the right end of the highlighted hello entry you should see an icon with a small gear and a triangle. Click on it to get the context sensitive popup window. When selected, most entries in the Solution Pad should show this icon, allowing you to open its context sensitive menu.

  6. Bring up the context menu on the hello project in the Solution Pad. Select Run Item.

    Xamarin Studio Run Program.cs Image
  7. Here Xamarin Studio combines several steps: saving the file, compiling it into an executable program, and starting running it if compilation succeeded. With the canned file it should succeed! You see a Console window something like

    Xamarin Studio Press Key to close Image

    You have a chance to see the output of this simple program. Follow the instructions and press the space or Enter key.

  8. On Windows, that kills the window. On a Mac, only, there is one more step:

    Xamarin Studio Process Complete Image

    You have to actively close the Mac terminal window, either by clicking the red window closing button, or using the keyboard, with Command-W.

  9. Initially, for immediate practice running a program, this automatically generated file, Program.cs, is convenient. Hereafter it is an annoyance. The file name is always the same, and not useful, and you would need to redo the whole code for your own program. A general approach is to delete this file and put in a file of your own:

    • Make sure Program.cs is selected in the Solution Pad. You save a step by closing the Edit Pad for Program.cs, clicking on the X in the Program.cs tab at the top of the Edit Pad.

    • In the Solution Pad open the context sensitive menu for Program.cs, and select Remove.

      Xamarin Studio Remove Program.cs Image
    • You get another popup. When it appears the right button is selected, but you do not want that selection, Remove From Project. The image below shows the proper button, the left button*, Delete, being chosen. Otherwise the file is left in the hello folder, but it is just not listed as being in the project.

      Xamarin Studio Delete Program.cs Image
    • If you forgot to close the Edit Pad tab containing Program.cs earlier, you can still do it, just say not to save changes to the file when asked.

  10. To get in code that you want, there are several approaches. The one we take now is to start from a completely new empty file: Pop up the context sensitive menu for the hello project. Select the submenu Add... and then New File....

    Xamarin Studio Add new file Image
  11. In the popup New File Dialog Window, click on Empty File (not Empty Class). Enter the name hello.cs. Click the New button.

    Xamarin Studio Add empty file Image
  12. This should add hello.cs to the hello project and open an editing window for hello.cs. The file should have no text.

    Xamarin Studio edit empty file Image

    Much like in most word processors type in (or paste) the following code. This is actually an equivalent Hello, World! program to the automatically generated one, but it is a bit shorter. It only introduces the syntax we actually need at the beginning, and will be discussing more shortly:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    using System;
    
    class Hello
    {
       static void Main()
       {
          Console.WriteLine("Hello World!");
       }
    }
    

    This program is deliberately simple, so you can type it into the text editor quickly and become familiar with how to create, edit, and save a program.

    Xamarin Studio Edited new file Image
  13. You can run the project just as before. You should ge the same result, unless you made a typing error. In that case look, fix it, and try again.

  14. Now try a bit of editing: Look at the program to see where output came from. Change what is printed and run it, but don’t eliminate the console window (so you can show it off).

  15. Now grab the instructor or teaching assistant so they can perform a quick inspection of your work and check it off (including the varied message printed).

Labs need to be completed to receive credit. If you are unable to make class on a lab day, please make sure that you complete the work and demonstrate it by the beginning of the next lab.

At this point, you have accomplished the major objective for this introductory lab: to create a Xamarin Studio project, and enter, compile, and run a C# program.

2.2.2.1. For further reinforcement

  1. Can you make a new program variant print out two separate lines?

  2. Download and install Mono Software Development Kit and Xamarin Studio on your home computer or laptop.

  3. You can now add further projects to your current solution. To add a new project in your solution, in the Solution Pad open the context sensitive menu for the whole solution (top line), select Add, and in the submenu select New project.

    You see a window much like when creating a solution, except there is no line for a solution name. Complete the remaining parts in the same way, giving a new name for the project.