Горизонтально выровненные элементы, перекрывающие

Question

Когда я изменить размер окна элементы накладываются друг на друга, я устанавливал выравнивание влево и вправо, так что изменение размеров они остаются на своих позициях.

вот код, при изменении размера start private exam не должен перекрываться setting и должен остановиться до setting, пожалуйста, руководство.

(редактировать) Полный код & объяснение добавил Я надеялся, что если окно изменяет размер, а также другие хиты управления другого контроля, он должен либо остановить изменение размера или обеспечить свиток, с помощью не дублируют друг друга на других элементов управления.

У меня есть stackpanel banner с изображением в нем. и я не уверен, как, но ни один другой элемент управления не перекрывает его, когда размер окна изменяется вертикально. Но кроме того, все элементы управления перекрываются друг с другом при изменении размера и вне пространства.

<Window x:Class="Engine.ExamWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="ExamWindow" WindowStartupLocation="CenterScreen"> 
    <Grid x:Name="GridMain"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="25" /> 
      <RowDefinition Height="105" /> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 

     <Menu IsMainMenu="True" Background="Lavender" Grid.Row="0" > 
      <MenuItem Header="_Exam" > 
       <MenuItem Header="_Start practice" /> 
       <MenuItem Header="_Start Virtual." /> 
       <MenuItem Header="_Finish" /> 
       <Separator /> 
       <MenuItem Header="_Exit" Click="menuExamExit_Click" /> 
      </MenuItem> 

      <MenuItem Header="_Navigation" /> 
      <MenuItem Header="_Tools" /> 
      <MenuItem Header="_Help" /> 
     </Menu> 

     <StackPanel x:Name="StackPanelBanner" Grid.Row="1" /> 

     <Grid x:Name="GridContent" Grid.Row="2"> 
      <Grid.RowDefinitions> 
       <RowDefinition /> 
       <RowDefinition /> 
       <RowDefinition Height="80" /> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions> 

      <TabControl Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="0"> 
       <TabItem Header="All Exams"> 
        <Grid Background="#FFE5E5E5"> 
         <TextBlock HorizontalAlignment="Center" Padding="0,10,0,0">No history available</TextBlock> 
        </Grid> 
       </TabItem> 
       <TabItem Header="Practice Exams"> 
        <Grid Background="#FFE5E5E5"> 
         <TextBlock HorizontalAlignment="Center" Padding="0,10,0,0">No history available</TextBlock> 
        </Grid> 
       </TabItem> 
       <TabItem Header="Virtual Exams"> 
        <Grid Background="#FFE5E5E5"> 
         <TextBlock HorizontalAlignment="Center" Padding="0,10,0,0">No history available</TextBlock> 
        </Grid> 
       </TabItem> 
      </TabControl> 

      <StackPanel Grid.Row="2" Grid.ColumnSpan="2" Grid.Column="0"> 
       <Grid> 
        <TextBlock HorizontalAlignment="Left" Padding="10,0,0,0" TextTrimming="CharacterEllipsis">Setting</TextBlock> 
        <TextBlock HorizontalAlignment="Right" Margin="0,0,120,0">Start Private Exam</TextBlock> 
        <TextBlock HorizontalAlignment="Right" Margin="0,0,10,0">Start Virtual Exam</TextBlock> 
       </Grid> 
       <TextBlock HorizontalAlignment="Right" Margin="0,0,10,0">Contact Support</TextBlock> 
      </StackPanel> 

     </Grid> 


    </Grid> 
</Window> 

Answer 1

Когда ширина сетки, содержащей три TextBlocks является слишком узким, чтобы соответствовать фактический текст, конечно, будет что-то перекрытие.

Вы должны сначала решить, что делать. Обычно, когда места для определенного текста недостаточно, оно усекается, часто с эллипсисом (...).

http://msdn.microsoft.com/en-us/library/system.windows.controls.textblock.texttrimming(v=vs.110).aspx

Если вам нравится, что просто изменить XAML следующим образом:

 <TextBlock HorizontalAlignment="Left" Padding="10,0,0,0" TextTrimming="CharacterEllipsis">Setting</TextBlock> 

Answer 2

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

Наиболее простым решением может быть настройка свойств MinWidth и MinHeight на вашем окне, поэтому вы можете ограничить, насколько мелким пользователям разрешено создавать приложения.

Вы также можете уменьшить размер шрифта или установить MinWidth на Grid, в котором содержится текст (хотя у вас все еще будет проблема, когда ваше окно станет слишком маленьким) и еще несколько вариантов.

Это полностью зависит от вашего желаемого результата.