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

0 دیدگاه

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

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

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

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

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

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

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

1- ابتدا ویژوال استودیو 2015 را باز کنید.

2- بر روی فایل کلیک کنید و New → Project را انتخاب کنید. بعد از انجام این کار صفحه ی New Project باز می شود. در سمت چپ این صفحه می توانید انواع مختلف قالب ها را مشاهده کنید.

3- در سمت چپ که نمایش درختی وجود دارد، قالب یونیورسال را از Templates → Visual C# → Windows انتخاب کنید.

4- از بخش میانی صفحه قالب Blank App (Universal Windows) را انتخاب کنید.

5- اسم پروژه را UWPFirstApp بگذارید و بر روی OK کلیک کنید.

6- بعد از انجام این کار صفحه ی نسخه ی version/minimum هدف نمایان می شود. برای این آموزش تنظیمات پیش فرض مناسب هستند بنابراین بر روی OK کلیک کنید تا پروژه ایجاد شود.

7- در اینجا ما تنها یک پروژه داریم که می تواند تمامی دستگاه های ویندوز 10 را هدف قرار دهد و همان طور که می بینید .NET Core و UWP نسخه ی ساده شده ی چند هدفی هستند.

8- زمانی که پروژه ی جدیدی باز می شود، فایل های آن در سمت راست صفحه ی Solution Explorer نمایان می شوند. برای آن که بتوانید فایل های خود را ببینید به جای تب Properties تب Solution Explorer را انتخاب کنید.

9- با وجود این که Blank App (Universal Window) یک قالب کوچک است، اما شامل فایل های بسیاری است. این فایل ها برای تمامی برنامه های UWP که از C# استفاده می کنند، ضروری هستند. هر پروژه ای که شما در ویژوال استودیو ایجاد می کنید شامل این فایل ها است.

10- برای اجرا کردن این مثال 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 >

< 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"; 
      } 
   } 
}

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 کلیک کنید.

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

لیست جلسات قبل آموزش ASP.NET Core

آموزش ASP.Net Core – ASP.NET Core چیست؟ مزایای ASP.NET Core

آموزش نصب ASP.NET Core و شروع کار با آن

آموزش اعداد یا Numerics در ASP.Net Core

آموزش اجرا کد ASP.Net Core

Modularity در ASP.Net Core

اضافه کردن فایل های موجود به پروژه در ASP.Net Core

آموزش Package References در برنامه نویسی ASP.NET Core

5/5 - (1 امتیاز)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

نظرات

صابر بوستانی

داستان من با دنیای برنامه‌ نویسی آغاز شد، و در ادامه به عنوان یک توسعه‌ دهنده نرم‌ افزار، طراح وب سایت و متخصص سئو، مهارت ‌های تکنیکی و تحلیلی خودم رو پرورش دادم. علاقه م به دنیای مالی منو به سمت یادگیری ترید و معامله‌گری سوق داد. و در حال حاضر در برنامه نویسی و معامله گری ارز دیجیتال انجام میدم. از سال 96 سعی کردم معامله گری در کریپتو رو یاد بگیرم. ترید و معامله گری برام پر از چالش و شکست‌ های متعدد بود. اما هر شکست، درسی ارزشمند برام داشت و من رو به یک تریدر و معامله گر قوی‌ تر و هوشمندتر تبدیل کرد. با پشتکار و یادگیری مداوم، تونستم به موفقیت‌های قابل توجهی دست یابم و به معامله گری موفق تبدیل بشم. در اینجا بزرگترین تجربیات و مهمترین دانش خودم رو در اختیار شما قرار میدم تا در مدت زمان کوتاه تر و شکست های کمتر در این مسیر به موفقیت برسید.

پکیج آموزش پیشرفته ASP.NET Core + طراحی فروشگاه اینترنتی

انتشار: ۲۱ بهمن ۱۳۹۸

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

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

صابر بوستانی

دسته بندی موضوعات

آخرین محصولات فروشگاه

نظرات

بازخوردهای خود را برای ما ارسال کنید

لغو پاسخ

مطالب مرتبط