将栅格列宽设置为Bound Perctange

Question

我想基于绑定数据源使用动态Width显示Rectangle。我最初考虑使用Converter，但无法绑定到转换器参数以获取读动态宽度。

我最近的尝试是将父列绑定到UtilPct属性，这是我的BrokerCredit对象中的一个小数。我认为这是使用十进制值作为绝对值而不是百分比显示。

我该怎么做呢？根据UtilPct中的百分比，我希望我的Rectangle或父列占用总列宽的百分比。我对WPF还很新，所以我很感激任何帮助！提前致谢。

XAML：

<ItemsControl x:Name="icBrokerCreditList" Grid.Row="1" Grid.Column="1" ItemsSource="{Binding Path=BrokerCreditList}" HorizontalAlignment="Stretch"> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Grid HorizontalAlignment="Stretch"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="20"></RowDefinition> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="150"></ColumnDefinition> 
        <ColumnDefinition x:Name="utilizationColumn" Width="{Binding Path=UtilPct}"></ColumnDefinition> 
       </Grid.ColumnDefinitions> 
       <TextBlock Grid.Row="0" Grid.Column="0" Background="White" Foreground="Black" FontSize="12" Text="{Binding Path=BrokerName}"></TextBlock> 
       <Rectangle Width="auto" Fill="Green" Height="20" Grid.Row="0" Grid.Column="1"> 
        <!--"{Binding Converter={StaticResource PercentageConverter}, 
             ElementName=utilizationColumn, Path=Width, ConverterParameter=.1}"-->       
       </Rectangle> 
      </Grid> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Answer 1

你可以使用IMultiValue转换器，这样你可以在Width传递和Precentage这样就可以计算出列的宽度。

例子：

转换器：

public class PercentageConverter : IMultiValueConverter 
{ 
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     if (values[0] is double && values[1] is double) 
     { 
      return (((double)values[0])/100) * ((double)values[1]); 
     } 
     return values[0]; 
    } 

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

的XAML：

<Rectangle Width="auto" Fill="Green" Height="20" Grid.Row="0" Grid.Column="1"> 
    <Rectangle.Width> 
     <MultiBinding Converter="{StaticResource PercentageConverter}"> 
      <Binding Path="Width" /> 
      <Binding Path="UtilPct" /> 
     </MultiBinding> 
    </Rectangle.Width> 
</Rectangle>