如何在WPF中實現以下內容

Question

首先，對不起，這個跛腳的問題。不過，我自己正在學習WPF。 我現在正在學習Panel課程。要了解這一點，我正在瀏覽這個MSDN網頁。 MSDN描述的使用代碼創建Panel的方式吸引了我很多。例如

// Create the application's main window 
mainWindow = new Window(); 
mainWindow.Title = "Canvas Sample"; 

// Create the Canvas 
myParentCanvas = new Canvas(); 
myParentCanvas.Width = 400; 
myParentCanvas.Height = 400; 

// Define child Canvas elements 
myCanvas1 = new Canvas(); 
myCanvas1.Background = Brushes.Red; 
Canvas.SetLeft(myCanvas1, 0); 
. 
. 
. 
myParentCanvas.Children.Add(myCanvas3); 

// Add the parent Canvas as the Content of the Window Object 
mainWindow.Content = myParentCanvas; 
mainWindow.Show(); 

我希望在網頁上顯示的方式來創建Panel（佈局），但我很困惑，我應該寫（複製粘貼）這些代碼。我很精通使用XAML

創建Layout在filename.xaml.cs我們有以下的代碼行

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 

    } 
} 

我試圖把這個代碼（MSDN的）線內MainWindow方法，但它並沒有幫助我很多。根據我的小知識，我們應該有一個方法，如mainWindowContent()，這應該是InitializeComponent()或類似的調用（我可能是這個錯誤）。

請以正確的方式指導我實現此目標。

Answer 1

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 
     this.Title = "Canvas Sample"; 

     // Create the Canvas 
     var myParentCanvas = new Canvas(); 
     myParentCanvas.Width = 400; 
     myParentCanvas.Height = 400; 

     // Define child Canvas elements 
     var myCanvas1 = new Canvas(); 
     myCanvas1.Background = Brushes.Red; 
     myCanvas1.Height = 100; 
     myCanvas1.Width = 100; 
     Canvas.SetTop(myCanvas1, 0); 
     Canvas.SetLeft(myCanvas1, 0); 

     var myCanvas2 = new Canvas(); 
     myCanvas2.Background = Brushes.Green; 
     myCanvas2.Height = 100; 
     myCanvas2.Width = 100; 
     Canvas.SetTop(myCanvas2, 100); 
     Canvas.SetLeft(myCanvas2, 100); 

     var myCanvas3 = new Canvas(); 
     myCanvas3.Background = Brushes.Blue; 
     myCanvas3.Height = 100; 
     myCanvas3.Width = 100; 
     Canvas.SetTop(myCanvas3, 50); 
     Canvas.SetLeft(myCanvas3, 50); 

     // Add child elements to the Canvas' Children collection 
     myParentCanvas.Children.Add(myCanvas1); 
     myParentCanvas.Children.Add(myCanvas2); 
     myParentCanvas.Children.Add(myCanvas3); 

     // Add the parent Canvas as the Content of the Window Object 
     this.Content = myParentCanvas; 
    } 
} 

如果自身內部的MainWindow代碼隱藏做過相當於

<Window Title="Canvas Sample" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"> 
    <Canvas Height="400" Width="400"> 
    <Canvas Height="100" Width="100" Top="0" Left="0" Background="Red"/> 
    <Canvas Height="100" Width="100" Top="100" Left="100" Background="Green"/> 
    <Canvas Height="100" Width="100" Top="50" Left="50" Background="Blue"/> 
    </Canvas> 
</Window> 

。

，然後啓動你可以調用類

// Create the application's main window 
var mainWindow = new MainWindow(); 
mainWindow.Show();