قسمت سوم از اموزش wpf

یکی از اولین مواردی که در هنگام کار با WPF مواجه خواهید شد، XAML است. XAML مخفف Language Markup Language Extensible Application است. این یک زبان ساده و تکراری بر اساس XML است
XAML، آسان است برای ایجاد   کدهای  اولیه و تنظیم خواص اشیاء با روابط سلسله مراتبی.
این عمدتا برای طراحی GUI ها استفاده می شود، اما می توان آن را برای اهداف دیگر نیز استفاده کرد
هنگامی که شما پروژه WPF جدید خود را ایجاد می کنید، بعضی از کد XAML را به طور پیش فرض در MainWindow.xaml ایجاد میشوند، همانطور که در زیر نشان داده شده است

مثال یک نحو جایگزین خواص را مشخص می کند (نحو اشکال )

 
   Click Me 
   30 
   60

مثال شیء با عنصر Child: StackPanel حاوی Textblock به عنوان عنصر فرزند است

در صورتی که شما تصمیم به استفاده از XAML در WPF نخواهید داشت، می توانید همان رابط گرافیکی را با زبان رویه ای نیز به دست آورید. بیایید نگاهی به مثال مشابه داشته باشیم، اما این بار، ما یک دکمه در C # ایجاد خواهیم کرد

using System.Windows; 
using System.Windows.Controls;  

namespace WPFXAMLOverview { 
   /// 

/// Interaction logic for MainWindow.xaml ///

public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); // Create the StackPanel StackPanel stackPanel = new StackPanel(); this.Content = stackPanel; // Create the Button Button button = new Button(); button.Content = "Click Me"; button.HorizontalAlignment = HorizontalAlignment.Left; button.Margin = new Thickness(150); button.VerticalAlignment = VerticalAlignment.Top; button.Width = 75; stackPanel.Children.Add(button); } } }

هنگام کامپایل و اجرای کد XAML و یا کد C #، همان خروجی را که در زیر نشان داده شده، خواهید دید

از مثال بالا، واضح است که آنچه شما می توانید در XAML برای ایجاد، اولیه کردن و تنظیم خواص اشیاء انجام دهید، همان کارها را می توان با استفاده از کد انجام داد
XAML فقط یک راه ساده و آسان برای طراحی عناصر UI است.
با XAML، این بدان معنی نیست که شما می توانید تنها برای طراحی عناصر UI کار کنید. شما می توانید اشیا را در XAML اعلام کنید یا آنها را با استفاده از کد تعریف کنید.
XAML اختیاری است، اما با وجود این، در قلب طراحی WPF قرار دارد.
هدف از XAML اینست که طراحان بصری را به طور مستقیم برای ایجاد عناصر رابط کاربر فعال کنیم.
هدف WPF این است که امکان کنترل تمام جنبه های بصری رابط کاربر از برتری را داشته باشیم
تکنولوژی های بسیاری وجود دارد که عناصر و اجزای آن در ساختار درخت مرتب شده اند تا برنامه نویسان بتوانند به راحتی این شی را مدیریت و رفتار یک برنامه را تغییر دهند. ویندوز ارائه پایه (WPF) دارای ساختار درخت جامع در قالب اشیاء است. در WPF دو راه وجود دارد که یک درخت شفاف کامل مفهوم است 
ساختار منطقی درخت
ساختار درخت بصری
با کمک این ساختارهای درختی، می توانید به راحتی ارتباط بین عناصر UI ایجاد کنید و شناسایی کنید. به طور عمده، طراحان و طراحان WPF از زبان پردازشی برای ایجاد یک برنامه یا طراحی رابط کاربری UI از برنامه در XAML استفاده می کنند، در نظر داشتن ساختار درخت شی
ساختار منطقی درخت
در برنامه های WPF، ساختار عناصر UI در XAML نشان دهنده ساختار درخت منطقی است. در XAML، عناصر اساسی UI توسط توسعه دهنده اعلام شده است. درخت منطقی در WPF زیر را تعریف می کند 
خواص وابستگی
منابع استاتیک و پویا
عناصر را بر روی نام آن قرار دهید و غیره
بیایید به مثال زیر نگاه کنیم که در آن یک دکمه و یک کادر لیست ایجاد شده است

اگر به کد XAML نگاه می کنید، شما یک ساختار درختی را مشاهده خواهید کرد، یعنی گره ریشه پنجره است و در داخل گره ریشه، تنها یک فرزند وجود دارد، یعنی StackPanel. اما StackPanel حاوی دو عنصر فرزند، دکمه و لیست جعبه است. جعبه لیست دارای سه صندوق لیست موارد دیگر فرزند است
ساختار درخت بصری
در WPF، مفهوم درخت بصری، ساختار اشیاء بصری را توصیف می کند، همانگونه که توسط کلاس ویژوال پایگاه داده شده است. این نشان دهنده تمام عناصر UI است که به صفحه خروجی ارائه می شوند.
هنگامی که یک برنامه نویس می خواهد یک الگو برای یک کنترل خاص ایجاد کند، در واقع درخت بصری آن کنترل را ارائه می دهد. درخت بصری نیز بسیار مفید است برای کسانی که می خواهند کنترل سطح پایین تر را برای عملکرد و دلایل بهینه سازی انجام دهند
در برنامه های WPF، درخت بصری برای -
رندر اشیاء بصری
ارائه طرح بندی
رویدادهای مسیریابی معمولا در امتداد درخت بصری، نه درخت منطقی حرکت می کنند
برای دیدن درخت بصری برنامه ساده بالا که شامل یک دکمه و یک لیست بک است، اجازه دهید کدهای XML را کامپایل و اجرا کنیم و پنجره زیر را ببینید

هنگامی که برنامه در حال اجرا است، می توانید درخت بصری برنامه کاربردی در پنجره Live Visual Wood که کل سلسله مراتب کامل این برنامه را نشان می دهد را ببینید، همانطور که در زیر نشان داده شده است

درخت بصری معمولا یک سوپر درخت منطقی است. شما می توانید اینجا را مشاهده کنید که تمام عناصر منطقی نیز در درخت بصری وجود دارد. بنابراین این دو درخت واقعا فقط دو دیدگاه متفاوت از همان مجموعه ای از اشیاء است که UI را تشکیل می دهند.
درخت منطقی جزئیات زیادی را به شما ارائه می دهد که شما را قادر به تمرکز بر ساختار اصلی رابط کاربر می کند و جزئیات دقیق آن را ارائه نمی دهد.
درخت منطقی چیزی است که شما برای ایجاد ساختار اساسی رابط کاربری استفاده می کنید.
اگر روی تمرکز بر روی نمایش تمرکز کنید، درخت بصری مورد علاقه شما خواهد بود. برای مثال، اگر می خواهید ظاهر هر عنصر UI را سفارشی کنید، باید از درخت بصری استفاده کنید
در برنامه های WPF، اموال وابستگی نوع خاصی از اموال است که ویژگی CLR را گسترش می دهد. این قابلیت استفاده از ویژگی های خاص موجود در سیستم مالکیت WPF را می گیرد
یک کلاس که مالکیت وابستگی را تعریف می کند باید از کلاس DependencyObject ارث برده شود. بسیاری از کلاسهای کنترل UI که در XAML مورد استفاده قرار می گیرند از کلاس DependencyObject مشتق می شوند و از خواص وابستگی پشتیبانی می کند، برای مثال کلاس Button از ویژگی وابستگی IsMouseOver پشتیبانی می کند.
کد XAML زیر یک دکمه با برخی از خواص ایجاد می کند

پسوند x: Type markup extension در XAML یک عملکرد مشابه مانند typeof () در C # دارد. هنگامی که مشخصه ها مشخص می شوند که نوع شی را مانند

برای ارسال نظر شما باید ابتدا وارد حساب کاربری خود شوید.