使用 Xamarin 逐步创建 Hello World 本机 Android 应用程序

如果您是 xamarin 的初学者，本文旨在帮助您入门。我们将逐步向您展示如何使用 xamarin 创建原生 Android 应用程序。

xamarin 允许我们使用 c# 创建本机 android 和 ios 应用程序。在这篇文章中，我们假设您已经下载并安装了 xamarin，我们将在 xamarin studio 中创建应用程序。让我们看看它是如何完成的：

第 1 步：创建一个新项目和应用程序

要创建一个应用程序，首先我们需要创建一个新的解决方案。为此，启动 xamarin studio 并从菜单中选择 file->new->solution （或者按 ctrl+shift+n ）创建一个新的解决方案。

在下一个窗口中，您需要提供应用程序名称和标识符名称。让我们将应用程序命名为 myfirstapp 。将目标平台和主题保留为默认值，然后单击下一步，如下图所示：

在下一个窗口中，您需要配置项目。为项目和 visual studio 解决方案命名。您还需要提供项目创建的路径。在此示例中，我将保留与应用程序名称相同的默认项目名称 myfirstapp。

在创建项目之前，您还可以在窗口中验证项目结构，然后点击创建按钮创建项目。

第 2 步：创建应用程序的用户界面

接下来我们将创建最简单的应用程序——一个将两个数字相加的应用程序。为此，我们需要

1.两个文本框获取用户输入

2.一键调用操作

3.一个文本视图显示两个数字的总和

要创建用户界面，请打开 main.axml 文件。您可以在解决方案资源管理器的 resources\layout 文件夹中找到 main.axml。

在 main.axml 页面上，我们将创建视图。您可以从工具箱中将控件拖放到视图上。

我们需要拖放：

1.两个编辑文本框

2.一键

3.一个文本视图

在属性中拖放控件后，设置编辑文本框、按钮和文本视图的 ID。

一旦设置了控件的属性，您就可以看到创建的视图的源代码，如下面的清单所示。


 <?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtnum1"
        android:textcolor="#fff11d1d" />
    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtnum2"
        android:textcolor="#ffe81616" />
    <button
        android:text="add"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnadd" />
    <textview
        android:text="result here"
        android:layout_width="match_parent"
        android:layout_height="39.6dp"
        android:id="@+id/txtresult"
        android:textcolor="#ffeb0f0f" />
</linearlayout>

要查看源代码，请单击 main.axml 文件底部的源代码。

第三步：写后面的代码

到目前为止，我们已经创建了项目和应用程序的用户界面。现在让我们看看如何编写后面的代码来添加两个数字。在 xamarin 中，我们使用 c# 编写代码，因此我们需要执行以下任务：

1.给按钮添加点击事件

2.读取文本框的值

3.在文本视图中显示结果

在这里，我们将在 mainactivity.cs 文件中编写代码。

在mainactivity.cs文件中我们需要编写如下代码：


 <?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtnum1"
        android:textcolor="#fff11d1d" />
    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtnum2"
        android:textcolor="#ffe81616" />
    <button
        android:text="add"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnadd" />
    <textview
        android:text="result here"
        android:layout_width="match_parent"
        android:layout_height="39.6dp"
        android:id="@+id/txtresult"
        android:textcolor="#ffeb0f0f" />
</linearlayout>

在上面的代码片段中，我们：

1.创建对ui控件的引用

2.给按钮添加点击事件

3.新增用户输入号码

4.在textview中显示结果

添加代码以添加两个数字后，mainactivity.cs 将包含如下清单所示的代码：


 <?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtnum1"
        android:textcolor="#fff11d1d" />
    <edittext
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtnum2"
        android:textcolor="#ffe81616" />
    <button
        android:text="add"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnadd" />
    <textview
        android:text="result here"
        android:layout_width="match_parent"
        android:layout_height="39.6dp"
        android:id="@+id/txtresult"
        android:textcolor="#ffeb0f0f" />
</linearlayout>

第 4 步：构建和运行应用程序

现在让我们继续构建应用程序。为此，从菜单中选择 build，然后选择 buildall，或者按 f8 键。