Visual Studio 入門

如果您仍然需要安裝 Visual Studio,請參考先前的文章。

使用 Visual Studio 2017 建置應用程式

作者 Nicole Bruck

步驟 1:建立

我們即將學習如何使用 Visual Studio 和 Xamarin 來建置基本 Android 應用程式 (也支援 iOS 和 Windows Phone),即使您之前從未進行過任何行動應用程式開發也是一樣!

  • 選取 [檔案] → [新增] → [專案…]
  • 選擇左側的跨平台模式,並選取 [跨平台應用程式 (Xamarin.Forms 或原生)] 專案類型,並將它命名為 “HelloWorld”
  • 在下一個畫面中,選取 [Blank App template and Portable Class Library (PCL) Code Sharing Strategy] (空白應用程式範本和可攜式類別庫 (PCL) 程式碼共用策略):

步驟 2: 編輯

我們將在行動應用程式中新增文字區域和按鈕。 接著,我們將新增按鈕的動作,以顯示 “Hello, World!”

  • 以滑鼠右鍵按一下 HelloWorldApp (可攜式) 專案,然後選擇 [新增項目]
  • 選擇 [Forms Xaml Page] (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 專案和適當的模擬器
建置和執行 Android 模擬器” open=”no”]

如果您準備好開始試用我們的一些偵錯功能,請參閱我們的下一篇文章:偵錯等等.