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:
1
<?xml version="1.0" encoding="utf-8"?>
2
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
    android:orientation="vertical"
4
    android:layout_width="match_parent"
5
    android:layout_height="match_parent">
6
    <TextView
7
        android:layout_width="match_parent"
8
        android:layout_height="wrap_content"
9
        android:text="Loading...." />
10
</LinearLayout>
Copied!
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:
1
<?xml version="1.0" encoding="utf-8"?>
2
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
              xmlns:local="http://schemas.android.com/apk/res-auto"
4
    android:orientation="vertical"
5
    android:layout_width="match_parent"
6
    android:layout_height="match_parent">
7
  <TextView
8
    android:layout_width="match_parent"
9
    android:layout_height="wrap_content"
10
    android:text="Your Name" />
11
  <EditText
12
    android:layout_width="match_parent"
13
    android:layout_height="wrap_content"
14
    local:MvxBind="Text UserName" />
15
  <Button 
16
    android:layout_width="match_parent"
17
android:layout_height="wrap_content"
18
android:text="Click Me!"
19
    local:MvxBind="Click GetGreetingCommand"/>
20
  <TextView
21
    android:layout_width="match_parent"
22
    android:layout_height="wrap_content"
23
    local:MvxBind="Text Greeting" />
24
</LinearLayout>
Copied!
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.

Adding an Android Application class

Understanding the data-binding syntax

Last modified 3yr ago

Copy link