ساخت اولین برنامه در WPF – آموزش WPF

چهارشنبه ۱۹ شهریور ۱۳۹۹
بازدید ۱,۳۶۷ نفر
آرتین
(10 امتیاز از 2 رای)
Loading...

تصویر wpf-hello-world_9040 ساخت اولین برنامه در WPF - آموزش WPF

ساخت اولین برنامه در WPF

در این بخش ما یک برنامه ساده که عبارت Hello World را نمایش می دهد را ایجاد خواهیم کرد. برای ساخت اولین برنامه در WPF مراحل زیر را دنبال کنید.

یک پروژه جدید از نوع WPF ایجاد کنید.

تصویر wpf-hello-world_9040_1 ساخت اولین برنامه در WPF - آموزش WPF

تصویر wpf-hello-world_9040_2 ساخت اولین برنامه در WPF - آموزش WPF

بعد از ایجاد کردن پروژه، دو فایل به صورت پیش فرض ساخته می شود که یکی MainWindow.xaml (برای نوشتن کدهای مربوط به ظاهر برنامه) و دیگری MainWindow.xaml.cs (برای نوشتن کدهای مربوط به منطق برنامه) است. در یک پروژه WPF دو راه برای طراحی ظاهر برنامه وجود دارد. یکی مانند WinForms کشیدن و رها کردن کنترل ها از بخش toolbox ویژوال استودیو و دیگری نوشتن کدهای XAML به صورت دستی است. زمانی که از روش Drag And Drop استفاده کنید، ویژوال استودیو خودش کدهای XAML را ایجاد می کند. اگر فایل MainWindow.xaml را باز کنید، محتوای زیر را که به صورت پیش فرض ایجاد شده است را مشاهده خواهید کرد.

<Window x:Class = "HelloWorld.MainWindow"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
Title = "MainWindow" Height = "350" Width = "604">
<Grid>
</Grid>
</Window>

<Window x:Class = "HelloWorld.MainWindow"

xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"

Title = "MainWindow" Height = "350" Width = "604">

<Grid>

</Grid>

</Window>

حال برای نمونه مانند شکل زیر از بخش Toolbox ویژوال استودیو یک کنترل TextBlock انتخاب و آن را در وسط صفحه طراحی قرار دهید.

تصویر wpf-hello-world_9040_3 ساخت اولین برنامه در WPF - آموزش WPF

تصویر wpf-hello-world_9040_4 ساخت اولین برنامه در WPF - آموزش WPF

بعد از انجام اینکار اگر به کدهای XAML توجه کنید، کدهای مربوط به این کنترل به صورت خودکار ایجاد شده اند. حال مقدار خاصیت Text کنترل را مانند نمونه زیر به Hello World تغییر دهید.

<Window x:Class = "HelloWorld.MainWindow"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
Title = "MainWindow" Height = "350" Width = "604">
<Grid>
<TextBlock x:Name = "textBlock" HorizontalAlignment = "Left"
Margin = "235,143,0,0" TextWrapping = "Wrap" Text = "Hello World!"
VerticalAlignment = "Top" Height = "44" Width = "102" />
</Grid>
</Window>