لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طرح بندی XAML در عمق
XAML Layout in Depth
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره به شما می آموزد که رابط های کاربری حرفه ای در برنامه های کاربردی مبتنی بر XAML بسازید، فرآیند طرح بندی را درک کنید، و در مورد ویژگی های طرح بندی، پانل ها، تبدیل ها، پیش بینی ها و موضوعات پیشرفته برای ایجاد طرح بندی های هیجان انگیز بیاموزید. این دوره در مورد طرح بندی در XAML- است. برنامه های کاربردی مبتنی بر بر روی تمام پلتفرم های XAML مانند WPF، WinRT و Silverlight تمرکز می کند. در این دوره، نحوه عملکرد فرآیند چیدمان و نحوه ساخت پنل های سفارشی را خواهید آموخت. خواهید دید که ویژگی های مختلف چیدمان عناصری مانند Width، Height، Alignments و Margin چگونه رفتار می کنند و چه زمانی تاثیر دارند و چه زمانی تاثیر ندارند. پس از آن اصول اولیه، این دوره بر روی پانل های مختلف موجود در XAML تمرکز می کند. شما در مورد پانل های رایج Grid، StackPanel و Canvas و همچنین در مورد VirtualizingStackPanel که توسط برخی از ItemsControl برای مجازی سازی UI استفاده می شود، خواهید آموخت. این دوره همچنین نحوه استفاده از پانل های WPF-specific WrapPanel و DockPanel و WinRT-specific Panel VariableSizedWrapGrid را به شما نشان می دهد. بعد از پانل ها، ما به Transformations نگاه می کنیم تا عناصر شما را بچرخانیم، مقیاس بندی کنیم، چوله کنیم و ترجمه کنیم (حرکت دهیم). همچنین یاد خواهید گرفت که چگونه با Projections کار کنید تا به عناصر خود جلوه ای سه بعدی بدهید. با دانش در مورد فرآیند چیدمان، در مورد خواص عناصر، در مورد پانل ها، و در مورد تبدیل ها و برجستگی ها در کوله پشتی، به مباحث پیشرفته نگاه می کنیم. شما در مورد گروه های اندازه مشترک پشتیبانی شده توسط Grid در WPF، نحوه تغییر پانل ItemsControl، نحوه متحرک سازی تغییر موقعیت عناصر در یک پنل و بسیاری چیزهای جالب دیگر خواهید آموخت. در طول این دوره، دانش شما بر روی یک برنامه WPF مبتنی بر MVVM به نام FriendViewer اعمال می شود. این دوره به شما می آموزد که چگونه طرح بندی کامل آن برنامه FriendViewer را بسازید، از جمله یک ناوبری قابل پین، یک پوشش بارگذاری، یک UserControl برای نمایش دوست، و یک منطقه اصلی که عناصر را به صورت پویا با یک انیمیشن قرار می دهد.
سرفصل ها و درس ها
اصول چیدمان
Layout Basics
معرفی
Introduction
طرح کلی دوره
Course Outline
کلاس های پایه چیدمان
Layout Base Classes
فرآیند چیدمان
The Layout Process
مشارکت در فرآیند چیدمان
Layout Process Participation
پانل مورب
The DiagonalPanel
داخلی فرآیند چیدمان
Layout Process Internals
ویژگی های وابستگی
Dependency Properties
ویژگی های پیوست شده
Attached Properties
The Simple Canvas
The SimpleCanvas
اجرای فرآیند چیدمان
Layout Process Execution
فرآیند Layout را فعال کنید
Trigger the Layout Process
خلاصه
Summary
ویژگی های چیدمان عناصر
Layout-properties of Elements
معرفی
Introduction
ترازها
Alignments
VerticalStackPanel
The VerticalStackPanel
عرض و ارتفاع
Width and Height
حاشیه
The Margin
دید
The Visibility
با استفاده از طراح
Using the Designer
خلاصه
Summary
پانل ها
Panels
معرفی
Introduction
عناصر با کودکان
Elements with Children
کلاس پایه: پانل
The Base Class: Panel
زیر کلاس های پنل در WPF و WinRT
Panel-subclasses in WPF and WinRT
شبکه
The Grid
شبکه: با استفاده از طراح
The Grid: Using the Designer
FriendViewer: FriendControl
FriendViewer: The FriendControl
FriendViewer: طرح بندی برنامه
FriendViewer: The Application Layout
GridSplitter
The GridSplitter
بوم و ZIndex
The Canvas and ZIndex
StackPanel
The StackPanel
WrapPanel (فقط WPF)
The WrapPanel (WPF Only)
DockPanel (فقط WPF)
The DockPanel (WPF Only)
VariableSizedWrapGrid (فقط WinRT)
The VariableSizedWrapGrid (WinRT Only)
خلاصه
Summary
تحولات و پیش بینی ها
Transformations and Projections
معرفی
Introduction
تحولات
Transformations
کلاس های تحول
Transformation Classes
LayoutTransform در مقابل RenderTransform
LayoutTransform vs. RenderTransform
منشا یک تبدیل رندر
The Origin of a RenderTransform
چرخش، مقیاس و کج کردن
Rotate, Scale, and Skew
FriendViewer: مقیاس ListViewItems
FriendViewer: Scale of ListViewItems
موقعیت یک عنصر را بدست آورید
Get the Position of an Element
نمایش نظرات