Перекрытие текстовых блоков: Почему?

Question

Этот код предназначен для создания сетки нот размером 4 х 3. Текстовые блоки перекрываются после создания. Прокладка была попыткой настройки: Fail.

Код:

PivotPage.xaml:

<Page> 
    <Grid> 
     <Pivot x:Uid="Pivot" Title="MY APPLICATION" x:Name="pivot" CommonNavigationTransitionInfo.IsStaggerElement="True"> 
      <!--Pivot item one--> 
      <PivotItem 
       x:Uid="PivotItem1" 
       Margin="19,14.5,0,0" 
       CommonNavigationTransitionInfo.IsStaggerElement="True"> 
       <Grid> 
        <Grid.RowDefinitions> 
         <RowDefinition/> 
         <RowDefinition Height="1*"/> 
        </Grid.RowDefinitions> 
        <ItemsControl ItemsSource="{Binding strings}"> 
         <!-- 
        --> 
         <ItemsControl.ItemsPanel> 
          <ItemsPanelTemplate> 
           <WrapGrid MaximumRowsOrColumns="4" Orientation="Horizontal" /> 
          </ItemsPanelTemplate> 
         </ItemsControl.ItemsPanel> 
         <ItemsControl.ItemTemplate> 
          <DataTemplate> 
           <TextBlock Text="{Binding}" FontSize="64" Padding="27,0"/> 
          </DataTemplate> 
         </ItemsControl.ItemTemplate> 
        </ItemsControl> 
        <Button Grid.Row="1" Content="Box It!"/> 
       </Grid> 
      </PivotItem> 
     </Pivot> 
    </Grid> 
</Page> 

UPDATE: Изображение

Answer 1

Я понял мой вопрос, но есть один нюанс к нему.

Первый ответ:

PivotPage.xaml:

<ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <TextBlock Text="{Binding}" FontSize="64" Margin="24,20"/> 
    </DataTemplate> 
</ItemsControl.ItemTemplate> 

Изменить его от "Перетяжка" до "Маржа", настроить размер немного, и это исправлено.

также:

<Grid.RowDefinitions> 
    <RowDefinition/> 
    <RowDefinition Height="Auto"/> 
</Grid.RowDefinitions> 

Марка Высота "Auto", поэтому строка для кнопки не двигаться вокруг.

Предостережение: размер сетки будет меняться при каждом запуске программы. По этой причине я предлагаю (к себе), чтобы сделать что-то больше, как это:

    <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition/> 
          <RowDefinition/> 
          <RowDefinition/> 
          <RowDefinition/> 
         </Grid.RowDefinitions> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition/> 
          <ColumnDefinition/> 
          <ColumnDefinition/> 
         </Grid.ColumnDefinitions> 
         <TextBlock Grid.Row="0" Grid.Column="0" 
            Text="{Binding Notes[0],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="0" Grid.Column="1" 
            Text="{Binding Notes[1],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="0" Grid.Column="2" 
            Text="{Binding Notes[2],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="1" Grid.Column="0" 
            Text="{Binding Notes[3],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="1" Grid.Column="1" 
            Text="{Binding Notes[4],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="1" Grid.Column="2" 
            Text="{Binding Notes[5],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="2" Grid.Column="0" 
            Text="{Binding Notes[6],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="2" Grid.Column="1" 
            Text="{Binding Notes[7],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="2" Grid.Column="2" 
            Text="{Binding Notes[8],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="3" Grid.Column="0" 
            Text="{Binding Notes[9],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="3" Grid.Column="1" 
            Text="{Binding Notes[10],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
         <TextBlock Grid.Row="3" Grid.Column="2" 
            Text="{Binding Notes[11],FallbackValue=B♭}" 
            HorizontalAlignment="Center" VerticalAlignment="Center" 
            FontSize="64"/> 
        </Grid> 

Это может быть осуждено, но только двенадцать нот, вы не будете делать это много, и это будет гарантировать сетка остается одинакового размера при каждом запуске приложения.

Я по-прежнему ищу лучшие решения, поэтому, если у вас есть, пожалуйста, не стесняйтесь говорить об этом. Это временный ответ, пока я не получу что-то лучше.

К слову: для наглядности заменены «строки» на «Примечания».

Answer 2

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

будет решить вашу проблему мгновенно