Pivot-Anzeige nur ein Teil des Kopfes nach Schriftart skalieren

Question

Ich habe den Standardstil der Pivot-Steuerung geändert:

<PivotHeaderPanel x:Name="StaticHeader" Height="200" Visibility="Collapsed"/> 
     <PivotHeaderPanel x:Name="Header"> 
       <PivotHeaderPanel.RenderTransform> 
        <TransformGroup> 
         <CompositeTransform x:Name="HeaderTranslateTransform"/> 
         <CompositeTransform x:Name="HeaderOffsetTranslateTransform"/> 
        </TransformGroup> 
     </PivotHeaderPanel.RenderTransform> 
</PivotHeaderPanel> 

und meine Header gesetzt von:

<PivotItem.Header> 
        <TextBlock Height="77" FontSize="51">Mouse Support</TextBlock> 
</PivotItem.Header> 

aber der Titel ist nicht angezeigt richtig:

Wie behebt man das?

Answer 1

Das Problem hierbei ist, dass standardmäßig PivotHeaderItem ‚s Höhe gesetzt ist, wenn die TextBlock‘ s Höhe größer als 48 ist, wird es nur einen Teil davon angezeigt werden soll.

Um dies zu finden, können Sie Live Visual Tree in Visual Studio verwenden. Wenn Sie in Live Visual Tree PivotHeaderItem wählen und die Live-Eigenschaften anzeigen, finden Sie, dass es einen Standardstil hat, in dem Height auf 48 festgelegt ist.

Und Sie können den Standard-Stil bei PivotHeaderItem styles and templates finden.

Um dieses Problem zu beheben, können Sie einfach folgenden Code in Ihrem Page.Resources hinzufügen, um die Höhe des PivotHeaderItem automatisch festzulegen. Außerdem muss der Standardstil des Pivot-Steuerelements nicht geändert werden.

<Style TargetType="PivotHeaderItem"> 
    <Setter Property="Height" Value="Auto" /> 
</Style> 

Answer 2

Give TextBlock `height=auto`, and you have also mentioned PivotHeaderPanel height also. That also might be causing problem. Give the sufficient height or give `Height=Auto` 


<PivotItem.Header> 
     <TextBlock Height="Auto " FontSize="51">Mouse Support</TextBlock> 
</PivotItem.Header>