参考链接

《WPF编程宝典》3.3.1
《深入浅出WPF》5.4.6

实践

官方实践

  1. <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="WrapPanel Sample">
  2.   <Border HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Black" BorderThickness="2">
  3.     <WrapPanel Background="LightBlue" Width="200" Height="100">
  4.       <Button Width="200">Button 1</Button>
  5.       <Button>Button 2</Button>
  6.       <Button>Button 3</Button>
  7.       <Button>Button 4</Button>
  8.     </WrapPanel>
  9.   </Border>    
  10. </Page>
  1. // Create the application's main window
  2. mainWindow = new System.Windows.Window();
  3. mainWindow.Title = "WrapPanel Sample";
  6. // Instantiate a new WrapPanel and set properties
  7. myWrapPanel = new WrapPanel();
  8. myWrapPanel.Background = System.Windows.Media.Brushes.Azure;
  9. myWrapPanel.Orientation = Orientation.Horizontal;
  10. myWrapPanel.Width = 200;
  11. myWrapPanel.HorizontalAlignment = HorizontalAlignment.Left;
  12. myWrapPanel.VerticalAlignment = VerticalAlignment.Top;
  14. // Define 3 button elements. The last three buttons are sized at width 
  15. // of 75, so the forth button wraps to the next line.
  16. btn1 = new Button();
  17. btn1.Content = "Button 1";
  18. btn1.Width = 200;
  19. btn2 = new Button();
  20. btn2.Content = "Button 2";
  21. btn2.Width = 75;
  22. btn3 = new Button();
  23. btn3.Content = "Button 3";
  24. btn3.Width = 75;
  25. btn4 = new Button();
  26. btn4.Content = "Button 4";
  27. btn4.Width = 75;
  29. // Add the buttons to the parent WrapPanel using the Children.Add method.
  30. myWrapPanel.Children.Add(btn1);
  31. myWrapPanel.Children.Add(btn2);
  32. myWrapPanel.Children.Add(btn3);
  33. myWrapPanel.Children.Add(btn4);
  35. // Add the WrapPanel to the MainWindow as Content
  36. mainWindow.Content = myWrapPanel;
  37. mainWindow.Show();

已编译的应用程序将生成如下所示的新 UI。
WrapPanel - 图1