2016-07-29 15 views
6

Ich versuche, eine GroupBox in XAML, die drei RadioButton s beherbergt. Alles sieht gut aus, außer dass die 'g' in meinem GroupBox Header wird am unteren Rand abgeschnitten, wie folgt aus:GroupBox Header-Text ist abgeschnitten

Screenshot one

Ich habe andere Beiträge mit Formatierungsprobleme zu lesen, und haben steuerte klar meiner verschiedenen Elemente Positionierung unter Verwendung von Ränder. Dies scheint jedoch nicht mein Problem zu sein. Ich habe alles mit Gittern (sogar innerhalb meiner GroupBox) gebaut, aber etwas schneidet immer noch meine Kopfzeile ab. Irgendwelche Eingaben würden geschätzt werden!

Dies ist, was die GroupBox aussieht, wenn die Schrift ist normal und nicht fett:

Screenshot two

Hier ist der Teil meiner Code ist mit dem GroupBox:

<Grid Grid.Row="1"> 
       <GroupBox Header="Current Units (English)" HorizontalAlignment="Stretch" Name="currentUnitsGroupBox" VerticalAlignment="Stretch" FontSize="12" FontWeight="Bold"> 
        <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition Height="6" /> 
          <RowDefinition Height="*" /> 
          <RowDefinition Height="4" /> 
         </Grid.RowDefinitions> 
         <Grid Grid.Row="1"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width=".22*" /> 
           <ColumnDefinition Width=".22*" /> 
           <ColumnDefinition Width=".22*" /> 
           <ColumnDefinition Width=".36*" /> 
          </Grid.ColumnDefinitions> 
          <RadioButton 
           Content="System" 
           HorizontalAlignment="Stretch" 
           Name="systemRadio" 
           VerticalAlignment="Center" 
           FontSize="12" 
           FontWeight="Bold" 
           IsChecked="True" 
           Grid.Column ="0" 

           AutomationProperties.AutomationId="CurrentUnitsSystem"/> 
          <RadioButton 
           Content="English" 
           FontSize="12" 
           FontWeight="Bold" 
           HorizontalAlignment="Stretch" 
           Name="englishRadio" 
           VerticalAlignment="Center" 
           Grid.Column="1" 

           AutomationProperties.AutomationId="CurrentUnitsEnglish"/> 
          <RadioButton 
           Content="Metric" 
           FontSize="12" 
           FontWeight="Bold" 
           HorizontalAlignment="Stretch" 
           Name="metricRadio" 
           VerticalAlignment="Center" 
           Grid.Column="2" 

           AutomationProperties.AutomationId="CurrentUnitsMetric"/> 
         </Grid> 
        </Grid> 
       </GroupBox> 
      </Grid> 
+0

kein Problem, hmm, es sieht gut aus auf meinem System. Löschen Sie den FontWeight-Fettdruck in Ihrer Gruppenbox und sehen Sie dann. Könnten Sie nach der Änderung ein Bild anhängen? – lucas

+0

Kann bitte den relevanten Teil teilen? Ich meine den Teil, den Sie verwenden den gegebenen Text 'FallEdge' – lokusking

+0

Und hmm @lucas, ich frage mich, warum es auf meinem Computer anders aussieht – Pine

Antwort

7

Ich habe prüfte es mit allem, was mir in den Sinn kam und ich konnte es nicht reproduzieren. Bitte versuchen Sie folgendes:

<GroupBox FontSize="12" FontWeight="Bold"> 
    <GroupBox.Header> 
      <TextBlock Height="22" Text="Current Units (English)"/>  </GroupBox.Header> 

Da der Kopf in der GroupBox ein TextBlock sowieso ist, wir das Zeug jetzt von uns selbst zu tun und stellen Sie die Höhe ein wenig