Creating the UI for the application

  1. Let's expand the Resources folder we saw in the previous screenshot, and then the layout folder in Solution Explorer. Double-click on Main.axml to open it. This is the layout file for the app's screen. By default, it gets opened in Android Designer; you can also click on the Source tab at the bottom to see the XML code for it. This layout file is the main UI file that we'll add our UI controls to, and what we'll see when we run our app once it is finished:

Let's add an input field to enter a phone number. Drag the Phone field from the Toolbox (left pane) into the Designer view of the Main.axml file:

Get Mobile DevOps now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.