.NET Developer

برخی از امکانات و جنبه های برنامه نویسی با WPF مدل قدرتمند و قوی طراحی توسط WPF از درگیر شدن با پیکسل ها و کار کردن بر روی آن ها رهایی خواهید یافت و در واقع با ابجکت ها و اشکال سطح بالا تعامل خواهید داشت. همچنین قادر به ایجاد اشکال سه بعدی و… خواهید بود. نکته: یکی از محدودیت هایی که WPF داراست، کار کردن با اشکال سه بعدی می باشد. در واقع گرچه با WPF به خوبی می توانید اقدام به ترسیم این نوع اشکال نمایید، اما از لحاظ کارایی، اشکال سه بعدی ایجاد شده با WPF کارایی کمتری نسبت به نوع های مشابه و تولید شده با DirectX و یا OpenGL به صورت مستقیم می باشد. به همین دلیل چنانچه قصد نوشتن بازی های سه بعدی Real Time را دارید، WPF ممکن است انتخاب خوبی نباشد. چون ممکن است آن کارایی را که انتظار دارید برای شما فراهم نکند

جدول زیر حاوی لیستی از کنترل هایی است که ما در این فصل بحث خواهیم کرد.
دکمه 1
کنترلی که به ورودی کاربر پاسخ می دهد
2 تقویم
یک کنترل را نشان می دهد که کاربر را قادر می سازد یک تاریخ را با استفاده از نمایشگر تقویم بصری انتخاب کند.
3 چک بکس
کنترلی که کاربر می تواند انتخاب کند یا پاک کند.
4 ComboBox
لیست کشویی مواردی که کاربر می تواند انتخاب کند.
5 ContextMenu
عنصر منوی زمینه را می گیرد یا می گیرد هر وقت که منوی متنی از طریق رابط کاربر (UI) از داخل این عنصر درخواست شود.
6 DataGrid
کنترل را نشان می دهد که داده ها را در یک شبکه قابل تنظیم نمایش می دهد.
7 DatePicker
یک کنترل که به کاربر اجازه می دهد یک تاریخ را انتخاب کند.
8 گفتگوها
یک برنامه همچنین می تواند پنجره های اضافی را نمایش دهد تا کاربر بتواند اطلاعات مهمی را جمع آوری یا نمایش دهد.
9 GridView
کنترلی که مجموعه ای از اقلام را در سطر و ستون ارائه می دهد که می تواند به صورت افقی حرکت کند.
10 تصویر
یک کنترل که یک تصویر را ارائه می دهد.
برچسب 11
متن را در فرم نمایش می دهد. پشتیبانی از کلیدهای دسترسی را فراهم می کند.
12 لیستبکس
کنترلی که فهرستی از مواردی را که کاربر می تواند از آن انتخاب کند، ارائه می کند.
13 منوها
منعکس کننده کنترل منو ویندوز است که شما را قادر می سازد سلسله مراتبی عناصر مربوط به دستورات و رویداد ها را سازماندهی کند.
14 PasswordBox
کنترل برای ورود به کلمه عبور.
15 پنجره
مطالب را در بالای محتوای موجود نمایش می دهد، در محدوده پنجره برنامه.
16 ProgressBar
یک کنترل که نشان دهنده پیشرفت با نمایش نوار است.
17 RadioButton
یک کنترل که به کاربر اجازه می دهد یک گزینه را از یک گروه از گزینه ها انتخاب کند.
18 ScrollViewer
کنترل کانتینر که کاربر را قادر می سازد تا محتوای آن را بزرگ کند.
19 لغزان
یک کنترل که به کاربر اجازه می دهد که از طیف وسیعی از مقادیر، با حرکت دادن یک کنترل انگشت شست در طول مسیر، انتخاب کند.
20 TextBlock
کنترلی که متن را نمایش می دهد.
21 ToggleButton
یک دکمه که می تواند بین دو حالت تغییر کند.
22 ابزارک
یک پنجره پاپ آپ که اطلاعات را برای یک عنصر نمایش می دهد.
23 پنجره
پنجره ریشه ای که گزینه ای را برای به حداقل رساندن / حداکثر سازی، نوار عنوان، دکمه بستن و بستن فراهم می کند
24 کنترل 3 part
از کنترل های شخص ثالث در برنامه های WPF خود استفاده کنید.

طرح کنترل بسیار مهم و حیاتی برای کاربردهی برنامه است. این استفاده شده است برای ترتیب یک گروه از عناصر رابط گرافیکی در درخواست شما. در حین انتخاب پانل های طرح، موارد مهم خاصی وجود دارد -
موقعیت عناصر کودک
اندازه عناصر کودک
انعطاف پذیری عناصر کودک در بالای یکدیگر
تنظیم پیکسل ثابت از کنترل ها کار نمی کند زمانی که نرم افزار باید بر روی قطعنامه های مختلف صفحه نمایش. XAML یک مجموعه غنی از پانل های ساخته شده در طرح را فراهم می کند تا عناصر GUI را به شیوه مناسب تر ترتیب دهد. بعضی از پانل های رایج ترین و محبوب تر به شرح زیر می باشند
1 پشته پانل
پشته پانل پانل طرح ساده و مفید در XAML است. در پانل پشته، عناصر کودک را می توان در یک خط، به صورت افقی یا عمودی، بر اساس ویژگی های جهت گیری مرتب شده اند.
2 بسته کردن پنل
در WrapPanel، عناصر کودک در ترتیب قرار می گیرند، از چپ به راست یا از بالا به پایین بر اساس ویژگی های جهت گیری.
3 پانل داک
DockPanel یک منطقه را تعیین می کند تا عناصر کودک را نسبت به یکدیگر، افقی یا عمودی ترتیب دهد. با استفاده از DockPanel شما می توانید با استفاده از خصوصیت Dock، می توانید عناصر کودک را به بالا، پایین، راست، چپ و مرکز وارد کنید.
4 Canvas Panel
پانل بوم یک پانل طرح اولیه است که در آن عناصر کودک می توانند به صراحت با استفاده از مختصات که نسبت به بوم هر طرف مانند چپ، راست، بالا و پایین است، قرار گیرد.
5 شبکه گرید
یک Grid Panel یک منطقه انعطاف پذیر را ایجاد می کند که شامل ردیف ها و ستون ها می شود. در شبکه، عناصر کودک را می توان در شکل جدولی مرتب کرد.
تطبیق طرح به معنی پانل طرح استفاده در طرح دیگری است، به عنوان مثال پانل های پشته را در داخل یک شبکه تعریف کنید. این مفهوم به طور گسترده ای مورد استفاده قرار می گیرد تا مزایای طرح بندی های چندگانه در یک برنامه را به دست آورد. در مثال زیر ما از پانلهای پشته در داخل شبکه استفاده خواهیم کرد.
بیایید به کد زیر XAML نگاه کنیم

<Window x:Class = "WPFNestingLayouts.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPFNestingLayouts" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid Background = "AntiqueWhite"> 
      <Grid.RowDefinitions> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
      </Grid.RowDefinitions> 
		
      <Grid.ColumnDefinitions> 
         <ColumnDefinition Width = "*" /> 
      </Grid.ColumnDefinitions> 
		
      <Label Content = "Employee Info" FontSize = "15"
         FontWeight = "Bold" Grid.Column = "0" Grid.Row = "0"/> 
			
      <StackPanel Grid.Column = "0" Grid.Row = "1" Orientation = "Horizontal"> 
         <Label Content = "Name"  VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtName" Text = "Muhammad Ali" VerticalAlignment = "Center"
            Width = "200">
         </TextBox> 
      </StackPanel>
		
      <StackPanel Grid.Column = "0" Grid.Row = "2" Orientation = "Horizontal"> 
         <Label Content = "ID" VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtCity" Text = "421" VerticalAlignment = "Center"
            Width = "50">
         </TextBox> 
      </StackPanel>
		
      <StackPanel Grid.Column = "0" Grid.Row = "3" Orientation = "Horizontal"> 
         <Label Content = "Age" VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtState" Text = "32" VerticalAlignment = "Center"
            Width = "50"></TextBox> 
      </StackPanel> 
		
      <StackPanel Grid.Column = "0" Grid.Row = "4" Orientation = "Horizontal"> 
         <Label Content = "Title" VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtCountry" Text = "Programmer" VerticalAlignment = "Center"
            Width = "200"></TextBox> 
      </StackPanel> 
		
   </Grid> 
	
</Window>

وقتی کد بالا را کامپایل میکنید و اجرا میکنید، پنجره زیر را نمایش میدهد

<Window x:Class = "WPFCommandLine.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPFCommandLine" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "525"> 
	
   <Grid> 
      <TextBox x:Name = "textBox" HorizontalAlignment = "Left"  
         Height = "180" Margin = "100" TextWrapping = "Wrap" 
         VerticalAlignment = "Top" Width = "300"/> 
   </Grid> 
	
</Window>

در حال حاضر رویداد راه اندازی در فایل App.xaml را به صورت زیر نشان می دهد

<Application x:Class = "WPFCommandLine.App" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local = "clr-namespace:WPFCommandLine" 
   StartupUri = "MainWindow.xaml" Startup = "app_Startup"> 
	
   <Application.Resources> 
          
   </Application.Resources>
	
</Application> 

با توجه به زیر، اجرای رویداد app_Startup در App.xaml.cs است که استدلال خط فرمان را دریافت می کند

using System.Windows;
  
namespace WPFCommandLine { 
   /// <summary> 
      /// Interaction logic for App.xaml 
   /// </summary> 
	
   public partial class App : Application { 
      public static string[] Args;
		
      void app_Startup(object sender, StartupEventArgs e) { 
         // If no command line arguments were provided, don't process them 
         if (e.Args.Length == 0) return;
			
         if (e.Args.Length > 0) { 
            Args = e.Args; 
         } 
      } 
   } 
} 

using System; 
using System.IO; 
using System.Windows;  

namespace WPFCommandLine { 

   public partial class MainWindow : Window { 
	
      public MainWindow() { 
         InitializeComponent(); 
         String[] args = App.Args;
			
         try {
            // Open the text file using a stream reader. 
            using (StreamReader sr = new StreamReader(args[0])) { 
               // Read the stream to a string, and write  
               // the string to the text box 
               String line = sr.ReadToEnd(); 
               textBox.AppendText(line.ToString()); 
               textBox.AppendText("\n"); 
            } 
         } 
         catch (Exception e) { 
            textBox.AppendText("The file could not be read:"); 
            textBox.AppendText("\n"); 
            textBox.AppendText(e.Message); 
         } 
      } 
   } 
}

حالا بیایید سعی کنیم نام فایل را در دستگاه خود از Test.txt به Test1.txt تغییر دهیم و برنامه خود را دوباره اجرا کنیم، سپس این پیام خطا را در کادر متن خواهید دید

<Window x:Class = "WPFDataBinding.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPFDataBinding" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
	
      <Grid.RowDefinitions> 
         <RowDefinition Height = "Auto" /> 
         <RowDefinition Height = "Auto" /> 
         <RowDefinition Height = "*" /> 
      </Grid.RowDefinitions> 
		
      <Grid.ColumnDefinitions> 
         <ColumnDefinition Width = "Auto" /> 
         <ColumnDefinition Width = "200" /> 
      </Grid.ColumnDefinitions>
		
      <Label Name = "nameLabel" Margin = "2">_Name:</Label> 
		
      <TextBox Name = "nameText" Grid.Column = "1" Margin = "2" 
         Text = "{Binding Name, Mode = OneWay}"/>  
			
      <Label Name = "ageLabel" Margin = "2" Grid.Row = "1">_Age:</Label> 
		
      <TextBox Name = "ageText" Grid.Column = "1" Grid.Row = "1" Margin = "2" 
         Text = "{Binding Age, Mode = OneWay}"/>  
			
      <StackPanel Grid.Row = "2" Grid.ColumnSpan = "2"> 
         <Button Content = "_Show..." Click="Button_Click" /> 
      </StackPanel> 
		
   </Grid> 
</Window>
خواص متن هر دو جعبه متن به «نام» و «سن» بستگی دارند که متغیرهای کلاس کلاس Person است که در زیر نشان داده شده است.
در کلاس Person، ما فقط دو متغیر نام و سن داریم، و شیء آن در کلاس MainWindow شروع می شود.
در کد XAML، ما به نام و سن دارایی ملحق شده ایم، اما ما چیزی که آن مالک متعلق به آن است، انتخاب نکرده ایم.
راه ساده تر این است که یک شی را به DataContext اختصاص دهیم که خواص آن ما در کد زیر C # در MainWindowconstructor

using System.Windows;  
namespace WPFDataBinding { 

   public partial class MainWindow : Window {
	
      Person person = new Person { Name = "Salman", Age = 26 };
		
      public MainWindow() { 
         InitializeComponent(); 
         this.DataContext = person; 
      } 
		
      private void Button_Click(object sender, RoutedEventArgs e) { 
         string message = person.Name + " is " + person.Age; 
         MessageBox.Show(message); 
      } 
   } 
	
   public class Person { 
	
      private string nameValue;
		
      public string Name { 
         get { return nameValue; } 
         set { nameValue = value; } 
      } 
		
      private double ageValue; 
		
      public double Age { 
         get { return ageValue; } 
				
         set { 
            if (value != ageValue) { 
               ageValue = value; 
            } 
         } 
      }
		
   } 
} 

بیایید این برنامه را اجرا کنیم و بلافاصله در MainWindow ما می بینیم که ما با موفقیت به نام و عصر شیء آن شخص متصل شده ایم

هنگامی که دکمه نمایش را فشار می دهید، نام و سن در کادر پیام نمایش داده می شود

این به این دلیل است که حالت اتصال داده به یک طرف در کد XAML تنظیم شده است. برای نشان دادن داده های به روز شده، شما نیاز به درک اطلاعات دوطرفه دارید.

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

<Window x:Class = "WPFDataBinding.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPFDataBinding" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
	
      <Grid.RowDefinitions> 
         <RowDefinition Height = "Auto" /> 
         <RowDefinition Height = "Auto" /> 
         <RowDefinition Height = "*" /> 
      </Grid.RowDefinitions> 
		
      <Grid.ColumnDefinitions> 
         <ColumnDefinition Width = "Auto" /> 
         <ColumnDefinition Width = "200" /> 
      </Grid.ColumnDefinitions> 
		
      <Label Name = "nameLabel" Margin = "2">_Name:</Label> 
      <TextBox Name = "nameText" Grid.Column = "1" Margin = "2" 
         Text = "{Binding Name, Mode = TwoWay}"/>  
      <Label Name = "ageLabel" Margin = "2" Grid.Row = "1">_Age:</Label> 
      <TextBox Name = "ageText" Grid.Column = "1" Grid.Row = "1" Margin = "2" 
         Text = "{Binding Age, Mode = TwoWay}"/> 
			
      <StackPanel Grid.Row = "2" Grid.ColumnSpan = "2"> 
         <Button Content = "_Show..." Click = "Button_Click" /> 
      </StackPanel>
		
   </Grid>
	
</Window>