آموزش طرح بندی 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

  • یک عنصر را ترجمه کنید Translate an Element

  • FriendViewer: Navigation Flyout FriendViewer: Navigation Flyout

  • MatrixTransform MatrixTransform

  • تبدیل ها را ترکیب کنید Combine Transformations

  • طرح ها Projections

  • PlaneProjection PlaneProjection

  • Matrix3DPprojection Matrix3DProjection

  • خلاصه Summary

موضوعات پیشرفته Advanced Topics

  • معرفی Introduction

  • شبکه به عنوان ظرف پوشش The Grid as Overlay-container

  • FriendViewer: Loading-overlay FriendViewer: Loading-overlay

  • شبکه: گروه‌های اندازه مشترک (فقط WPF) The Grid: Shared Size Groups (WPF only)

  • FriendViewer: پین ناوبری FriendViewer: Pinnable Navigation

  • طرح بندی محتوای یک کنترل Layout the Content of a Control

  • پانل یک ItemsControl را تغییر دهید Change the Panel of an ItemsControl

  • وقتی فضای کافی وجود ندارد When There's Not Enough Space

  • ScrollViewer The ScrollViewer

  • Viewbox The Viewbox

  • حرکت متحرک عناصر در یک پنل Animated Move of Elements in a Panel

  • FriendViewer: منطقه اصلی جدید FriendViewer: New Main Area

  • خلاصه Summary

نمایش نظرات

آموزش طرح بندی XAML در عمق
جزییات دوره
4h 44m
65
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
254
از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Thomas Claudius Huber Thomas Claudius Huber

مهندس نرم افزار و نویسنده دوره ویدیویی