دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۹
  • اسفند

جلسه ۰۵ : بررسی ساختار درختی WPF

  • دسته‌بندی‌ها :
جلسه ۰۵ : بررسی ساختار درختی WPF
    • جزئیات
    • نوع محتواآموزشی

      دوستان و علاقمندان به مباحث WPF وقتتون بخیر. با آموزش WPF از وب سایت آموزشی پی وی لرن همراهتون هستیم. بررسی ساختار درختی WPF رو در این بخش، دنبال خواهیم نمود.

      بررسی ساختار درختی WPF

      در بسیاری از فناوری ها، عناصر و مؤلفه ها به صورت یک ساختار درختی مرتب می شوند تا برنامه نویسان بتوانند به راحتی شیء را کنترل کرده و رفتار یک برنامه را تغییر دهند.

      (Windows Presentation Foundation (WPF از ساختار درختی جامع ازاشیاء برخوردار است. در WPF ، دو روش وجود دارد که یک درخت شیء کامل می شود.

      • ساختار درخت منطقی (Logical Tree Structure)
      • ساختار درخت بصری (Visual Tree Structure)

      به کمک این ساختار های درختی می توانید به راحتی ارتباط بین عناصر UI را ایجاد و شناسایی کنید. به طور عمده ، توسعه دهندگان و طراحان WPF یا برای ایجاد یک برنامه یا طراحی UI برنامه در XAML از زبان رویه ای استفاده می کنند و ساختار درخت شی را به خاطر می آورند.

      ساختار درخت منطقی (Logical Tree Structure)

      در برنامه های WPF ، ساختار عناصر UI در XAML نمایانگر ساختار درخت منطقی است. در XAML ، عناصر اصلی UI توسط توسعه دهنده اعلام می شود. درخت منطقی در WPF موارد زیر را تعریف می کند.

      • خواص وابستگی
      • منابع استاتیک و پویا
      • اتصال عناصر به نام آن و غیره

      بیایید به مثال زیر توجه کنیم که در آن یک button و list box ایجاد می شود.

      مثال : 

      اگر به کد XAML دقت کنید ، یک ساختار درخت را مشاهده خواهید کرد ، یعنی گره ریشه Window است و در داخل گره ریشه ، فقط یک کودک وجود دارد ، یعنی StackPanel. اما StackPanel شامل دو عنصر کودک ، button و list box است. list box دارای سه مورد جعبه لیست کودک است.

      ساختار درخت بصری

      در WPF ، مفهوم درخت بصری، ساختار اشیاء بصری را توصیف می کند ، همانطور که توسط Visual Base Class نشان داده شده است. این تمام عناصر UI را که به صفحه خروجی ارائه می شوند ، مشخص می کند.

      وقتی یک برنامه نویس می خواهد الگوی خاصی را برای کنترل خاص ایجاد کند ، در واقع در حال ارائه درخت بصری آن کنترل است. همچنین درخت بصری برای کسانی که به دلایل عملکرد و بهینه سازی می توانند کنترل سطح پایین تری ترسیم کنند بسیار مفید است.

      در برنامه های WPF ، از درخت بصری استفاده می شود:

      • ارائه اشیاء بصری.
      • رندر لایوت ها.

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

       

      بررسی ساختار درختی WPF

      بررسی ساختار درختی WPF

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

       

      بررسی ساختار درختی WPF

      بررسی ساختار درختی WPF

      درخت بصری به طور معمول یک سوپرست از درخت منطقی است. در اینجا می بینید که تمام عناصر منطقی نیز در درخت بصری وجود دارند. بنابراین این دو درخت واقعاً دو نمای متفاوت از همان مجموعه اشیاء هستند که UI را تشکیل می دهند.

      • درخت منطقی جزئیات زیادی را به شما می دهد تا بتوانید روی ساختار اصلی رابط کاربری متمرکز شوید و جزئیات دقیق نحوه ارائه آن را نادیده بگیرید.
      • درخت منطقی همان چیزی است که شما برای ایجاد ساختار اصلی رابط کاربری استفاده می کنید.

      اگر تمرکزتان بر ارائه است، درخت بصری مورد توجه شما خواهد بود. به عنوان مثال ، اگر می خواهید ظاهر هر عنصر UI را سفارشی کنید ، باید از درخت بصری استفاده کنید.

      کلام پایانی

      ساختار درخت بصری و ساختار درخت منطقی را در این بخش از آموزش wpf بررسی نمودیم. در بخش بعدی به بررسی Dependency Properties می پردازیم.

      QR:  جلسه ۰۵ : بررسی ساختار درختی WPF
      به اشتراک بگذارید


      دیدگاه کاربران