WPF 网格 — 按特定顺序调整列的大小

Posted 2023-02-22

【中文标题】WPF 网格 — 按特定顺序调整列的大小

【英文标题】：WPF grid — resize columns in certain order

【发布时间】：2015-09-04 06:57:23

【问题描述】：

我遇到了 WPF 网格问题。需要一些帮助。

我有一个分成两列的网格（例如“col1”和“col2”从左到右）。此网格绑定到没有填充的窗口边缘：

|--- col1 ---|--- col2 ---| ← 右窗口边框

如何使这些列与应用窗口一起按特定顺序调整大小？

我的意思是： 当我从右边框缩小窗口时，我需要 col2 首先调整大小。当 col2 达到其 MinWidth 时 — col1 开始缩小（我继续移动窗口的右边框）。

是否可以定义列更改大小的顺序？ 或者我可能需要除网格之外的其他东西？

谢谢。

【问题讨论】：

在启动时，在开始最小化窗口之前，两列的宽度是否相等？

好吧，让我们假设是的——相等。

我想了一下——不，不相等。有什么区别吗？

我不太擅长处理事件:-)。

【参考方案1】：

了解如何处理事件并触发自己的事件是理解 C# 的基石，因此我强烈建议您阅读它。话虽如此，这将使您入门，尽管我不确定这是否正是您想要的……请参见下面的示例代码。当窗口宽度增加时，我将编写代码作为练习留给你。祝你好运=）。

在我的 MainWindow 上，我设置了 Height="250" Width="600"，其中的 Grid 有两列...

 <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition x:Name="_col1" MinWidth="200" />
            <ColumnDefinition x:Name="_col2" MinWidth="150"/>
        </Grid.ColumnDefinitions>

        <TextBlock x:Name="_txtCol1Width"
                   Grid.Column="0" 
                   Background="Crimson" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />

        <TextBlock x:Name="_txtCol2Width"
                   Grid.Column="1" 
                   Background="Turquoise" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  />
 </Grid>

x

 public partial class MainWindow : Window
    
        public MainWindow()
        
            InitializeComponent();
            this.Loaded += MainWindow_Loaded;
            this.SizeChanged += MainWindow_SizeChanged;
        

        void MainWindow_SizeChanged(object sender, SizeChangedEventArgs e)
        
            if (this.IsLoaded && e.WidthChanged)
            
                double changeInWindowWidth = e.NewSize.Width - e.PreviousSize.Width;

                if (changeInWindowWidth < 0)
                
                    if (_col2.ActualWidth + changeInWindowWidth >= _col2.MinWidth)
                    
                        // col 2 has not yet reached its minimum (decrease col2, no change for col1)
                        _col2.Width = new GridLength(_col2.ActualWidth + changeInWindowWidth, GridUnitType.Pixel);
                        _col1.Width = new GridLength(_col1.ActualWidth + 0, GridUnitType.Pixel);
                    
                    else if (_col1.ActualWidth + changeInWindowWidth >= _col1.MinWidth)
                    
                        // col 2 has reached its minimum, but col1 has not (decrease col1, no change for col2)
                        _col1.Width = new GridLength(_col1.ActualWidth + changeInWindowWidth, GridUnitType.Pixel);
                        _col2.Width = new GridLength(_col2.ActualWidth + 0, GridUnitType.Pixel);
                    
                    else
                    
                        // both columns have reached their minimum, so decrease width of both equally
                        _col1.MinWidth = _col1.ActualWidth + 0.5 * changeInWindowWidth;
                        _col2.MinWidth = _col2.ActualWidth + 0.5 * changeInWindowWidth;
                        _col1.Width = new GridLength(_col1.MinWidth, GridUnitType.Pixel);
                        _col2.Width = new GridLength(_col2.MinWidth, GridUnitType.Pixel);
                    
                
                else
                
                    // todo: handle window width increased ... 

                

                UpdateTexts();
            
        

        void MainWindow_Loaded(object sender, RoutedEventArgs e)
        
            UpdateTexts();
        

        private void UpdateTexts()
        
            _txtCol1Width.Text = String.Format("column 0\nActualWidth: 1\n(MinWidth: 2)", 1, _col1.ActualWidth, _col1.MinWidth);
            _txtCol2Width.Text = String.Format("column 0\nActualWidth: 1\n(MinWidth: 2)", 2, _col2.ActualWidth, _col2.MinWidth);