Repeat the two steps above and drag a Button from the Toolbox onto the design surface and place it under the first Button. Change the Title property to 'Translate': With the Button selected on the design surface, change the Name property in the Identity section of the Properties Pad to TranslateButton. Adjust the width so the Button is as wide as the Text Field and Label: With the Text Field selected on the design surface, change the Text Field’s Name property in the Identity section of the Properties Pad to PhoneNumberText, and change the Text property to '1-855-XAMARIN':ĭrag a Button from the Toolbox onto the design surface and place it under the Text Field. Adjust the width until the Text Field is the same width as the Label: Search for “text field” inside the Toolbox and drag a Text Field from the Toolbox onto the design surface and place it under the Label. With the Label selected on the design surface, use the Properties Pad to change the Text property of the Label to 'Enter a Phoneword:' Grab the handles of the Dragging Controls (the circles around the control) and make the label wider: You can bring up the Properties Pad or Toolbox at any time by navigating to View > Pads. In the Toolbox Pad, type 'label' into the search bar and drag a Label onto the design surface (the area in the center): Refer to the Unified Storyboards guide to learn more about them. Note that size classes are enabled by default. This provides a way to visually to create a UI:

Ensure you open the file using the Visual Studio iOS Designer (right click the storyboard and select Open With > iOS Designer). Open the Main.storyboard file by double-clicking on it in the Solution Pad. Choose the location of the project here, or keep it as the default:

Leave the Project and Solution Name as is. Give it the Name Phoneword_iOS, and leave everything else as default. to create a new Xamarin.iOS solution:įrom the New Solution dialog, choose the iOS > App > Single View Application template, ensuring that C# is selected. Launch Visual Studio for Mac from the Applications folder or Spotlight:

This walkthrough describes how to create an application called Phoneword that translates an alphanumeric phone number into a numeric phone number.

Iphone files for pads layout