Creating complex calculations for Grid column width in WPF

Question

Is it possible to create complex calculations for determining the widths of columns (or any control) in WPF? So, for instance, I want Grid.Column3.Width to equal Grid.Width - Grid.Column2.Width - 100.

Specifically, this is what I am working on:

I have a grid with three columns. The first column has a cancel button who may be collapsed. The second has a text box. And the third has a Progress Bar (that may be collapsed).

I want the button always have all the width it needs (if it is visible). I would like try to show all of the text box. And give all of the rest of the width to the progress bar (if it is visible). But I don't want the progress bar to be less than 200. The text box should be truncated if necessary to give the progress bar a minimum of 200.

So, I want something like this:

 <Grid.ColumnDefinitions>
  <ColumnDefinition Width="Auto"/>
  <ColumnDefinition Width="Auto"/>
  <ColumnDefinition Width="*" MinWidth="200"/>   
 </Grid.ColumnDefinitions>

But that doesn't work (The progress bar will be pushed off of the side of the grid if there is not enough room).

What is the best way to represent this? Can I do it entirely in XAML, or am I going to need to use code-behind?

Fredrik Hedblad · Accepted Answer · 2011-02-01 11:38:54Z

I can't come up with a way to do this strictly in Xaml.
You could use a MultiBinding for the MaxWidth of the TextBox where you use the following as Bindings

ActualWidth of Grid
ActualWidth of Button
MinWidth of ProgressBar

Xaml

<Grid Name="grid">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Button Name="button" Grid.Column="0" Content="Cancel"/>
    <TextBox Grid.Column="1" Text="Some Text">
        <TextBox.MaxWidth>
            <MultiBinding Converter="{StaticResource MaxWidthMultiConverter}">
                <Binding ElementName="grid" Path="ActualWidth"/>
                <Binding ElementName="button" Path="ActualWidth"/>
                <Binding ElementName="progressBar" Path="MinWidth"/>
            </MultiBinding>
        </TextBox.MaxWidth>
    </TextBox>
    <ProgressBar Name="progressBar" Grid.Column="2" Value="50" Maximum="100" MinWidth="200"/>
</Grid>

MaxWidthMultiConverter

public class MaxWidthMultiConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double gridWidth = (double)values[0];
        double buttonWidth = (double)values[1];
        double progressBarMaxWidth = (double)values[2];
        return gridWidth - (buttonWidth + progressBarMaxWidth);
    }
    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Collectives™ on Stack Overflow

Creating complex calculations for Grid column width in WPF

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related