کنترل Canvas در WPF – آموزش WPF

جمعه ۱۸ تیر ۱۴۰۰
بازدید ۱,۰۷۵ نفر
سعید سیفی زاده
(5 امتیاز از 1 رای)
Loading...

تصویر wpf-canvas_10522 کنترل Canvas در WPF - آموزش WPF

کنترل Canvas در WPF

در کنترل Canvas موقعیت قرار گیری عناصر فرزند با تنظیم یک مختصات نسبت به کنترل Canvas تنظیم می شود. به طور معمول از کنترل Canvas برای عناصر دو بعدی مثل Ellipse، Rectangle و غیره استفاده می شود. از این کنترل نباید برای عناصر UI استفاده شود زیرا باعث بوجود آمدن مشکل در هنگام تغییر اندازه یا مقیاس برنامه می شود. در تصویر زیر متوانید سلسله مراتب مربوط به ارث بری کنترل Canvas در WPF را مشاهده کنید.

تصویر wpf-canvas_10522_1 کنترل Canvas در WPF - آموزش WPF

مثال

در مثال زیر نحوه اضافه کردن عناصر فرزند به یک Canvas را نشان داده ایم. در این مثال چهار Ellipse در موقعیت های مختلف به Canvas اضافه شده است. محتوای فایل MainWindow.xaml:

<Window x:Class = "WPFConvas.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:WPFConvas" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "400" Width = "604">
   <Grid> 
      <Canvas Width = "580" Height = "360" > 
         <Ellipse Canvas.Left = "30" Canvas.Top = "30"  
            Fill = "Gray" Width = "200" Height = "120" /> 
         <Ellipse Canvas.Right = "30" Canvas.Top = "30"  
            Fill = "Aqua" Width = "200" Height = "120" /> 
         <Ellipse Canvas.Left = "30" Canvas.Bottom = "30"  
            Fill = "Gainsboro" Width = "200" Height = "120" /> 
         <Ellipse Canvas.Right = "30" Canvas.Bottom = "30"  
            Fill = "LightCyan" Width = "200" Height = "120" /> 
      </Canvas> 
   </Grid> 
</Window>