同一用户控件的不同WPF网格行大小规格取决于情况

Question

我已经完成了在我的项目中使用过几次的可重用用户控件。

通常主网格的第二行需要比第一行大 7 倍，但在特定情况下只需要大 5 倍。

<Grid x:Name="mainGrid">    
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="7*"/>
    </Grid.RowDefinitions>
    ...
</Grid>

我尝试通过 XAML 设置它：

<helperControls:AttachmentsGridControl x:Name="projectAttachmentsControl" ... HeightOfSecondRow="5" />

在 .cs 部分：

public int HeightOfSecondRow { get; set; }
public AttachmentsGridControl()
{
    InitializeComponent();
    if(HeightOfSecondRow > 0)
        this.mainGrid.RowDefinitions[1].Height = new GridLength(HeightOfSecondRow, GridUnitType.Star);
}

但是在调用控件的构造函数时不会传递值。该值需要在调用构造函数时传递，因此我可以指定第二行的高度需要多少并正确渲染。

Answer 1

不要覆盖构造函数中的HeightOfSecondRow，而是将其设为GridLength 类型的依赖属性，默认值为7*。强制值回调将确保在 XAML 中设置或与绑定绑定的值将为正值，否则将替换为默认值。

public partial class AttachmentsGridControl : UserControl
{
   public static readonly DependencyProperty HeightOfSecondRowProperty = DependencyProperty.Register(
      nameof(HeightOfSecondRow), typeof(GridLength), typeof(AttachmentsGridControl),
      new PropertyMetadata(new GridLength(7, GridUnitType.Star), null, OnCoerceValue));

   public GridLength HeightOfSecondRow
   {
      get => (GridLength)GetValue(HeightOfSecondRowProperty);
      set => SetValue(HeightOfSecondRowProperty, value);
   }

   public AttachmentsGridControl()
   {
      InitializeComponent();
   }

   private static object OnCoerceValue(DependencyObject d, object value)
   {
      var gridLength = (GridLength)value;
      return gridLength.Value > 0.0 ? gridLength : HeightOfSecondRowProperty.GetMetadata(d).DefaultValue;
   }
}

调整Height 的绑定以使用AttachmentsGridControl 的HeightOfSecondRow 属性。

<Grid x:Name="mainGrid">
   <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="{Binding HeightOfSecondRow, RelativeSource={RelativeSource AncestorType={x:Type local:AttachmentsGridControl}}}"/>
   </Grid.RowDefinitions>
   <!-- ...your content. -->
</Grid>

然后你可以像以前一样设置HeightOfSecondRow。如果不设置，则使用默认值。

<local:AttachmentsGridControl x:Name="projectAttachmentsControl" HeightOfSecondRow="20*"/>