Рациональное создание разметки XAML для обеспечения удобочитаемости и здравомыслия

Question

Отказ от ответственности: Не уверен, что добавить в заголовок, чтобы было ясно, как слова, которые будут использоваться, это те, о которых я еще не знаю (и еще) и спрашиваю. Не стесняйтесь исправлять.

Представьте сценарий с графическим интерфейсом, состоящим из входов 4x3, где каждый вход состоит из метки и текстового поля. На данный момент это делается путем явного объявления всех компонентов, и каждый компонент имеет следующее:

<Label x:Name="Label1" 
     Content="Text1" 
     HorizontalAlignment="Left" 
     VerticalAlignment="Top" 
     Margin="10,210,0,0" /> 
<TextBox x:Name="TextBox1" 
     HorizontalAlignment="Left" 
     VerticalAlignment="Top" 
     Width="120" 
     Height="23" Margin="10,241,0,0" 
     TextWrapping="Wrap" Text="TextBox" /> 

Есть рекомендуемый способ создания тех из «чего-то другого», как шаблон или такое, что руководящий все общие атрибуты в нем, устраняя необходимость для меня, чтобы ввести их в снова и снова (хорошо, те были автогенерированы, но все же ...)? Выравнивания и размеры являются утомительными ...

Что касается полей, возможно, есть функциональность компоновки? Я искал его, но хиты, связанные с XAML, которые я получил, были либо подозрительно странными, либо полагались на код. Это то, что нужно сделать или это можно сделать с XAML прямо сейчас?

Answer 1

Для правильной настройки макета следует использовать WPF Layout Controls. Чтобы сделать сетку, вы можете использовать Grid, UniformGrid и т. Д., В зависимости от ваших потребностей.

Для того, чтобы применить несколько свойств для всех элементов управления внутри элемента управления макета, вы можете определить Style в Resources этого контроля, как это было уже упоминалось:

<Grid> 
    <Grid.Resources> 
     <Style TargetType="TextBox"> 
      <Setter Property="Width" Value="120" /> 
      <Setter Property="Height" Value="25" /> 
      <!-- etc... --> 
     </Style> 
    </Grid.Resources> 
    <Grid.RowDefinitions> 
     <!-- Row definitions here. --> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <!-- Column definitions here. --> 
    </Grid.ColumnDefinitions> 

    <!-- controls ... --> 

    <TextBox Text="{Binding YourProperty}" 
      Grid.Row="1" 
      Grid.Column="2" 
      /> 

    <!-- controls ... --> 

</Grid> 

Здесь стиль будет применяться к все TextBox's элементы управления.

Answer 2

Вы имеете в виду WPF «Style». Со стилями вы определяете набор свойств, которые будут одинаковыми между всеми экземплярами элемента управления, которые используют этот стиль.

<Style x:Key="MyTextBoxStyle" TargetType="TextBox"> 
    <Setter Property="Width" Value="120" /> 
    <Setter Property="Height" Value="23" /> 
    <Setter Property="TextWrapping" Value="Wrap" /> 
    <!-- etc... --> 
</Style> 

<!-- This textbox will default its property values to those defined above --> 
<TextBox Style="{StaticResource MyTextBoxStyle}" />