Loading...
ساخت اولین برنامه در WPF
در این بخش ما یک برنامه ساده که عبارت Hello World را نمایش می دهد را ایجاد خواهیم کرد. برای ساخت اولین برنامه در WPF مراحل زیر را دنبال کنید.
یک پروژه جدید از نوع WPF ایجاد کنید.
بعد از ایجاد کردن پروژه، دو فایل به صورت پیش فرض ساخته می شود که یکی MainWindow.xaml (برای نوشتن کدهای مربوط به ظاهر برنامه) و دیگری MainWindow.xaml.cs (برای نوشتن کدهای مربوط به منطق برنامه) است. در یک پروژه WPF دو راه برای طراحی ظاهر برنامه وجود دارد. یکی مانند WinForms کشیدن و رها کردن کنترل ها از بخش toolbox ویژوال استودیو و دیگری نوشتن کدهای XAML به صورت دستی است. زمانی که از روش Drag And Drop استفاده کنید، ویژوال استودیو خودش کدهای XAML را ایجاد می کند. اگر فایل MainWindow.xaml را باز کنید، محتوای زیر را که به صورت پیش فرض ایجاد شده است را مشاهده خواهید کرد.
1 2 3 4 5 6 7 | <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 انتخاب و آن را در وسط صفحه طراحی قرار دهید.
بعد از انجام اینکار اگر به کدهای XAML توجه کنید، کدهای مربوط به این کنترل به صورت خودکار ایجاد شده اند. حال مقدار خاصیت Text کنترل را مانند نمونه زیر به Hello World تغییر دهید.
1 2 3 4 5 6 7 8 9 10 | <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> |
زمانی که مقدار خاصیت Text در بخش کد تغییر کند، مقدار آن در صفحه طراحی نیز به روز می شود.
بعد از انجام مراحل بالا اگر پروژه را اجرا کنید، خروجی زیر را مشاهده خواهید کرد.
هیچ نظری ثبت نشده است