Adding the Android Layout View (AXML)

If you are familiar with XML or XAML, there is nothing significant differences between AXML and them. You need to learn some new syntax. For more details, you can view the doc: http://developer.android.com/guide/topics/ui/declaring-layout.html. Fortunately, VS 2017 provides us with Intellisense.

Now create an AXML item called SplashScreen.axml in the Resources/layout folder.

Oftentimes the Design view crashes so open it with Source view. Replace the content with the following code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Loading...." />
</LinearLayout>

This View is used to correspond to the SplashScreen created in the previous step, which will show a loading text when the app starts. Find the source code here: https://github.com/MvvmCross/MvvmCross/blob/develop/ContentFiles/Android/SplashScreen.axml.pp .

Then create an AXML item called FirstView.axml in the same place. Replace the content with the following code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Your Name" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
local:MvxBind="Text UserName" />
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Click Me!"
local:MvxBind="Click GetGreetingCommand"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
local:MvxBind="Text Greeting" />
</LinearLayout>

We use an EditText control to accept the inputs from users and use a Button control to respond the click event, then show the message by the other TextView control.