用戶控件在網格中的行

Question

我有以下電網：

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

    <!-- GridRow-Definition --> 

    <Label Grid.Row="0" Grid.Column="0">FirstRow:</Label> 
    <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Binding_To_First_Row}" /> 

    <Label Grid.Row="1" Grid.Column="0">SecondRow:</Label> 
    <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Binding_To_Second_Row}" /> 

    <!-- many more Label-TextBox-Rows --> 
</Grid> 

問： 有沒有一種方法創建一個包含標籤和文本框，妥善一個用戶控件對齊的第一列在適當的辦法？

Answer 1

答案是肯定的，這是可能的，但也許你應該使用DataGrid或有一個ItemsControl DataTemplate中。

簡單回答你的問題雖然是，如果你需要在不同的網格網格列同步它們的寬度，使用SharedSizeGroup屬性，如：

<UserControl> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition SharedSizeGroup="column1" Width="auto"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 
    </Grid> 
</UserControl> 

然後在父元素使用Grid.IsSharedSizeScope =「真」

<StackPanel Grid.IsSharedSizeScope="True"> 
    <local:UserControl1/> 
    <local:UserControl1/> 
</StackPanel> 

此同步具有該範圍內的相同SharedSizeGroup任何列（或行）（你ç有多個嵌套的作用域）。

Answer 2

這將是非常困難的，因爲usercontrol中的所有內容都僅由該usercontrol呈現。擁有usercontrol的網格對usercontrol的內容一無所知，我認爲它應該保持這種方式。但是，您可以使用前綴，文本和前綴寬度依賴屬性創建自定義控件。

例子：

public class PrefixRow: Control 
{ 
    static PrefixRow() 
    { 
    DefaultStyleKeyProperty.OverrideMetadata(typeof(PrefixRow) , new FrameworkPropertyMetadata(typeof(PrefixRow))); 
    } 

    public string Text 
    { 
    get { return (string)GetValue(TextProperty); } 
    set { SetValue(TextProperty , value); } 
    } 
    public static readonly DependencyProperty TextProperty = 
    DependencyProperty.Register("Text" , typeof(string) , typeof(PrefixRow) , null); 

    public double PrefixWidth 
    { 
    get { return (double)GetValue(PrefixWidthProperty); } 
    set { SetValue(PrefixWidthProperty , value); } 
    } 
    public static readonly DependencyProperty PrefixWidthProperty = 
    DependencyProperty.Register("PrefixWidth" , typeof(double) , typeof(PrefixRow) , null); 

    public string Prefix 
    { 
    get { return (string)GetValue(PrefixProperty); } 
    set { SetValue(PrefixProperty , value); } 
    } 
    public static readonly DependencyProperty PrefixProperty = 
    DependencyProperty.Register("Prefix" , typeof(string) , typeof(PrefixRow) , null); 

} 

在窗口：

<Window x:Class="WPFApp.GridWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="GridWindow" Height="300" Width="300" xmlns:local="clr-namespace:WPFApp" 
     > 
<Window.Resources> 
    <Style TargetType="{x:Type local:PrefixRow}"> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="{x:Type local:PrefixRow}"> 
     <Border Background="{TemplateBinding Background}" 
          BorderBrush="{TemplateBinding BorderBrush}" 
          BorderThickness="{TemplateBinding BorderThickness}"> 
      <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition Width="1*"/> 
      </Grid.ColumnDefinitions> 
      <TextBlock Text="{TemplateBinding Prefix}" Grid.Column="0" Width="{TemplateBinding PrefixWidth}" 
           VerticalAlignment="Center"/> 
      <TextBox Text="{TemplateBinding Text}" Grid.Column="1"/> 
      </Grid> 
     </Border> 
     </ControlTemplate> 
    </Setter.Value> 
    </Setter> 
</Style> 
</Window.Resources> 
<Grid> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <local:PrefixRow PrefixWidth="{Binding ElementName=ColumnSlider, Path=Value}" Prefix="Row1" VerticalAlignment="Top" Text="test" Grid.Row="0"/> 
    <local:PrefixRow PrefixWidth="{Binding ElementName=ColumnSlider, Path=Value}" Prefix="Row1" VerticalAlignment="Top" Text="test" Grid.Row="1"/> 
    <local:PrefixRow PrefixWidth="{Binding ElementName=ColumnSlider, Path=Value}" Prefix="Row1" VerticalAlignment="Top" Text="test" Grid.Row="2"/> 
    <local:PrefixRow PrefixWidth="{Binding ElementName=ColumnSlider, Path=Value}" Prefix="Row1" VerticalAlignment="Top" Text="test" Grid.Row="3"/> 
    <Slider x:Name="ColumnSlider" Minimum="10" Maximum="300" Value="50" Grid.Row="4"/> 
</Grid>