2021-08-16 WPF控件专题 WrapPanel 控件详解

秒速五厘米 2022-09-05 00:20 515阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW94aTIwMjA_size_16_color_FFFFFF_t_70]

## 1.WrapPanel 控件介绍 ##

流面板 子元素按顺序排列，如果按水平方向:从左到右，超出部分，自动换行到下一行  
垂直 从上到下， 下一列

排列方向：Orientation ItemWidth ItemHeight

调整面板的尺寸时，内部子元素的布局–自动调整

弥补StackPanel的不足

StackPanel与WrapPanel结合使用

## 2.具体案例 ##

private void Window_Loaded(object sender, RoutedEventArgs e)
    { 
        for (int i = 1; i <= 100; i++)
        { 
            Button btn = new Button();
            btn.Content = "btn" + i.ToString("00") + "号";
            btn.Background = new SolidColorBrush(Colors.Gray);
           // btn.Name = "btn" + i;
            btn.Margin = new Thickness(2, 2, 0, 0);
            wpPanels.Children.Add(btn);
        }
        for (int i = 1; i <= 20; i++)
        { 
            Button btn = new Button();
            btn.Content = "btn" + i.ToString("00") + "号";
            btn.Background = new SolidColorBrush(Colors.Gray);
            //btn.Name = "btn" + i;
            btn.Margin = new Thickness(2, 2, 0, 0);
            wpPanels2.Children.Add(btn);
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW94aTIwMjA_size_16_color_FFFFFF_t_70]: /images/20220829/d9a661e4f0b14cc3ac6d4fd60c1c30dd.png