آموزش ایجاد برنامه ی UWP به کمک .NET Core

ایجاد برنامه ی UWP به کمک .NET Core

در این بخش به بررسی چگونگی ایجاد یک برنامه ی UWP با استفاده از .NET Core می پردازیم. این برنامه به برنامه ی UWP ویندوز 10 نیز معروف است. UWP در نسخه های قبلی ویندوز اجرا نمی شود و تنها نسخه های آینده ی ویندوز را پشتیبانی می کند.
موارد زیر استثناهایی هستند که UWP می تواند بدون مشکل در آن ها اجرا شود.

• اگر می خواهید این برنامه را به صورت محلی اجرا کنید باید ویندوز 10 داشته باشید. اگر می خواهید آن را در ویندوز 8 توسعه دهید، مجبورید از شبیه ساز استفاده کنید اما توصیه می شود از ویندوز 10 استفاده کنید.
• برای این برنامه شما به SDK ویندوز 10 نیز نیاز دارید. فایل راه اندازی ویژوال استودیو 2015 را باز کنید و ویژوال استودیو را تغییر دهید.
• در صفحه ی select features پایین بروید تا Universal Windows App Development Tools را ببینید. مانند زیر تیک آن را بزنید.

حالا بر روی دکمه ی Install کلیک کنید.

بعد از تمام شدن نصب، سیستم خود را ری استارت کنید.

حالا بیایید با کمک مراحل زیر UWP را اجرا کنیم.

• ابتدا ویژوال استودیو 2015 را باز کنید.
• بر روی فایل کلیک کنید و New → Project را انتخاب کنید. بعد از انجام این کار صفحه ی New Project باز می شود. در سمت چپ این صفحه می توانید انواع مختلف قالب ها را مشاهده کنید.
  
  
• در سمت چپ که نمایش درختی وجود دارد، قالب یونیورسال را از Templates → Visual C# → Windows انتخاب کنید.
• از بخش میانی صفحه قالب Blank App (Universal Windows) را انتخاب کنید.
• اسم پروژه را UWPFirstApp بگذارید و بر روی OK کلیک کنید.
  
  
• بعد از انجام این کار صفحه ی نسخه ی version/minimum هدف نمایان می شود. برای این آموزش تنظیمات پیش فرض مناسب هستند بنابراین بر روی OK کلیک کنید تا پروژه ایجاد شود.
  
  
• در اینجا ما تنها یک پروژه داریم که می تواند تمامی دستگاه های ویندوز 10 را هدف قرار دهد و همان طور که می بینید .NET Core و UWP نسخه ی ساده شده ی چند هدفی هستند.
• زمانی که پروژه ی جدیدی باز می شود، فایل های آن در سمت راست صفحه ی Solution Explorer نمایان می شوند. برای آن که بتوانید فایل های خود را ببینید به جای تب Properties تب Solution Explorer را انتخاب کنید.
• با وجود این که Blank App (Universal Window) یک قالب کوچک است، اما شامل فایل های بسیاری است. این فایل ها برای تمامی برنامه های UWP که از C# استفاده می کنند، ضروری هستند. هر پروژه ای که شما در ویژوال استودیو ایجاد می کنید شامل این فایل ها است.
• برای اجرا کردن این مثال MainPage.XAML را باز کنید و کد زیر را به آن اضافه کنید.
  

  < Page 
     x:Class = "UWPFirstApp.MainPage" 
     xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local = "using:UWPFirstApp" 
     xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
     mc:Ignorable = "d" >  
     
     < Grid Background = "{ThemeResource ApplicationPageBackgroundThemeBrush}" > 
        < StackPanel HorizontalAlignment = "Center" > 
           < TextBlock Text = "Hello, world!"  
              Margin = "20" 
              Width = "200" 
              HorizontalAlignment = "Left"/ > 
           < TextBlock Text = "Write your name." 
              Margin = "20" 
              Width = "200" 
              HorizontalAlignment = "Left"/ > 
           < TextBox x:Name = "txtbox"  
              Width = "280" 
              Margin = "20" 
              HorizontalAlignment = "Left"/ > 
           < Button x:Name = "button" Content = "Click Me" 
              Margin = "20" 
              Click = "button_Click"/ > 
           < TextBlock x:Name = "txtblock"  
              HorizontalAlignment = "Left" 
              Margin = "20"/ > 
        < /StackPanel > 
     < /Grid > 
  < /Page > 
  

  
  در کد زیر می توانید رویداد کلیک دکمه ی C# را مشاهده کنید.
  

  using System; 
  using System.Collections.Generic; 
  using System.IO; 
  using System.Linq; 
  using System.Runtime.InteropServices.WindowsRuntime; 
  using Windows.Foundation; 
  using Windows.Foundation.Collections; 
  using Windows.UI.Xaml; 
  using Windows.UI.Xaml.Controls; 
  using Windows.UI.Xaml.Controls.Primitives; 
  using Windows.UI.Xaml.Data; 
  using Windows.UI.Xaml.Input; 
  using Windows.UI.Xaml.Media; 
  using Windows.UI.Xaml.Navigation;  
  // The Blank Page item template is documented at 
  // http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409  
  namespace UWPHellowWorld { 
     /// < summary > 
     /// An empty page that can be used on its own or navigated to within a Frame. 
     /// < /summary > 
     public sealed partial class MainPage : Page { 
        public MainPage() { 
           this.InitializeComponent(); 
        }  
        private void button_Click(object sender, RoutedEventArgs e) { 
           if (txtbox.Text != "") 
              txtblock.Text = "Hello: " + txtbox.Text; 
           else 
              txtblock.Text = "You have not write your name"; 
        } 
     } 
  } 
  

  
  حالا در دستگاه محلی خود کد بالا را اجرا کنید تا پنجره ی زیر نمایش داده شود.حالا اسم دلخواه خود را در کادر زیر وارد کنید و بر روی دکمه ی Click Me کلیک کنید.