在字体调整大小后,Pivot仅显示标题的一部分

时间:2016-04-15 16:08:20

标签: c# xaml uwp win-universal-app windows-10-universal

我已更改了Pivot控件的默认样式:

<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>

并设置我的标题:

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

但标题未正确显示: enter image description here

如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

此处的问题是,默认情况下,PivotHeaderItem的高度设置为 48 ,当TextBlock的高度大于48,它只显示部分内容。

要找到这一点,您可以在Visual Studio中使用 Live Visual Tree 。当您在实时视觉树中选择PivotHeaderItem并查看实时属性时,您会发现它具有默认样式,其中Height设置为48
enter image description here

您可以在PivotHeaderItem styles and templates找到默认样式。

要解决此问题,您只需在Page.Resources中添加以下代码即可将PivotHeaderItem的高度设置为自动。并且无需更改Pivot控件的默认样式。

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

答案 1 :(得分:0)

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>