Visual Studio 入门

如果你仍需要安装 Visual Studio,请查看我们之前的文章。

使用 Visual Studio 2017 生成应用

作者:Nicole Bruck

步骤 1:创建

我们将学习如何使用 Visual Studio 和 Xamarin 构建一个基本的 Android 应用(也支持 iOS 和 Windows Phone),即使你之前从未进行过任何移动应用开发也没关系!

  • 选择“文件”→“新建”→“项目…”
  • 选择左边的跨平台节点,选择“跨平台应用(Xamarin.Forms 或本机)”项目类型并将其命名为“HelloWorld”
  • 在下一个屏幕中,选择空白应用模板和可移植类库 (PCL) 代码共享策略:

步骤 2: 编辑

我们将要在移动应用中添加一个文本区域和按钮。 然后对要显示的按钮“Hello, World!”添加一个操作”

  • 右键单击 HelloWorldApp(可移植)项目,然后选择“新建项目”
  • 选择 Forms Xaml 页面模板并将其命名为新页面“HelloWorldPage”
  • 从解决方案资源管理器中选择 HelloWorldPage.xaml
  • 替换为以下代码:


    • xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      x:Class="HelloWorld.HelloWorldPage">



                  iOS="20, 40, 20, 20"
                  Android="20, 20, 20, 20"
                  WinPhone="20, 20, 20, 20" />



                   HorizontalOptions="FillAndExpand"
                   Orientation="Vertical"
                   Spacing="15">





       
  • 在解决方案资源管理器中展开 HelloWorldPage.xaml 节点
  • 在解决方案资源管理器中选择 HelloWorldPage.xaml.cs
  • 替换为以下代码
    • using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Text;
      using System.Threading.Tasks;

      using Xamarin.Forms;

      namespace HelloWorld
      {
      public partial class HelloWorldPage :ContentPage
      {
      public HelloWorldPage()
      {
      InitializeComponent();
      }

      private async void SayHelloButton_OnClicked(object sender, EventArgs e)
      {
      var name = NameEntry.Text;
      await DisplayAlert("Greeting", $"Hello {name}!", "Howdy");
      }
      }
      }
  • 在你的解决方案资源管理器中打开 App.xaml.cs
  • 在公用 App() 中将“MainPage”替换为“HelloWorldPage”

步骤 3:生成并运行

现在我们要构建项目,以便确保所有的代码都可以工作。

  • 在 Visual Studio 工具栏中,选择 HelloWorld.Android 项目和相应的仿真程序

如果你准备开始使用其中的一些调试功能,请关注我们的下一篇文章:调试及其他