有条件地设置网格列宽度

本文关键字：网格 设置 有条件 | 更新日期: 2023-09-27 18:17:59

我有一个两列的网格。我希望最左边的列的宽度是网格可用宽度的50%，或者是适合列中包含的任何控件所需的宽度，以较大者为准。我怎样才能做到这一点呢?

换句话说，我希望列占用尽可能小的宽度，但至少为50%。

有条件地设置网格列宽度

理想情况下，可以将ColumnDefintion上的MinWidth属性设置为0.5*。然而，这个属性需要Double而不是GridLength。要解决这个问题，您可以使用转换器采用蛮力方法:

XAML : 

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" MinWidth="{Binding ElementName=otherColumn, Path=ActualWidth, Converter={l:DivideByTwoConverter}}" />
        <ColumnDefinition x:Name="otherColumn" />
    </Grid.ColumnDefinitions>
    <TextBox Grid.Column="0" />
    <TextBox Grid.Column="1" />
</Grid>

转换器: 

public class DivideByTwoConverter : MarkupExtension, IValueConverter
{
    public override object ProvideValue(IServiceProvider serviceProvider)
    {
        return this;
    }
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double)
        {
            return (double) value/2;
        }
        return DependencyProperty.UnsetValue;
    }
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

在本例中，列以宽度的一半开始。当您在TextBox中输入文本时，它会增长，列也会增长。

希望这对你有帮助!

如果父元素的宽度是先验的，那么这就很容易了。如果父元素的宽度为100，则:

<Grid>
   <Grid.ColumnDefinitions>
     <ColumnDefinition Width="Auto" MinWidth="50" />
     <ColumnDefinition Width="1*" />
   </Grid.ColumnDefinitions>
</Grid>
相关文章：