PivotItem标题不会更改为自定义字体 [英] PivotItem Header won't change to a custom font

问题描述

PivotItem标题字体不会更改。属性设置为内容。这种字体在我的应用程序的其他方面工作，但不是PivotItem标题。

 < controls：Pivot Margin =0 > 
< controls：PivotItem Header =WelcomeFontFamily =.Fonts / sketch123.ttf＃sketch123> 
< / controls：PivotItem> 
  

解决方案

添加到ResourceDictionary你喜欢（对于Windows Phone 8.1商店）

pre $ < x：Double x：Key =PivotHeaderItemFontSize> 57< X：双>
< x：Int32 x：Key =PivotHeaderItemCharacterSpacing> -25< / x：Int32>
< FontFamily x：Key =PivotHeaderItemFontFamily> Segoe WP SemiLight< / FontFamily>
< Thickness x：Key =PivotHeaderItemPadding> 0,0,0,6.5< / Thickness>
< Thickness x：Key =PivotHeaderItemMargin> 16，-6.5,0,0< / Thickness>


< Style TargetType =primitives：PivotHeaderItem>
< Setter Property =FontSizeValue ={ThemeResource PivotHeaderItemFontSize}/>
< Setter Property =FontFamilyValue ={ThemeResource PivotHeaderItemFontFamily}/>
< Setter Property =CharacterSpacingValue ={ThemeResource PivotHeaderItemCharacterSpacing}/>
< Setter Property =BackgroundValue ={ThemeResource PivotHeaderBackgroundUnselectedBrush}/>
< Setter Property =ForegroundValue ={ThemeResource PivotHeaderForegroundUnselectedBrush}/>
< Setter Property =MarginValue ={ThemeResource PivotHeaderItemMargin}/>
< Setter Property =PaddingValue ={ThemeResource PivotHeaderItemPadding}/>
< Setter Property =Template>
< Setter.Value>
< ControlTemplate TargetType =primitives：PivotHeaderItem>
< Grid x：Name =Grid>
< VisualStateManager.VisualStateGroups>
< VisualStateGroup x：Name =SelectionStates>
< VisualStateGroup.Transitions>
< VisualTransition From =Unselected
GeneratedDuration =0：0：0.33
To =UnselectedLocked/>
< VisualTransition From =UnselectedLocked
GeneratedDuration =0：0：0.33
To =Unselected/>
< VisualState x：Name =Unselected/>
< VisualState x：Name =UnselectedLocked>
< Storyboard>
< DoubleAnimation Duration =0
Storyboard.TargetName =ContentPresenterTranslateTransform
Storyboard.TargetProperty =X
To ={ThemeResource PhonePivotLockedTranslation}/>
< DoubleAnimation Duration =0
Storyboard.TargetName =ContentPresenter
Storyboard.TargetProperty =（UIElement.Opacity）
To =0/>
< / Storyboard>
< / VisualState>
< VisualState x：Name =Selected>
< Storyboard>
< ObjectAnimationUsingKeyFrames Storyboard.TargetName =ContentPresenterStoryboard.TargetProperty =Foreground>
< DiscreteObjectKeyFrame KeyTime =0Value ={ThemeResource PivotHeaderForegroundSelectedBrush}/>
< / ObjectAnimationUsingKeyFrames>
< ObjectAnimationUsingKeyFrames Storyboard.TargetName =GridStoryboard.TargetProperty =Background>
< DiscreteObjectKeyFrame KeyTime =0Value ={ThemeResource PivotHeaderBackgroundSelectedBrush}/>
< / ObjectAnimationUsingKeyFrames>
< / Storyboard>
< / VisualState>
< / VisualStateGroup>
< ContentPresenter x：Name =ContentPresenter
Margin ={TemplateBinding Padding}
Horizo​​ntalAlignment ={TemplateBinding Horizo​​ntalContentAlignment}
Content ={TemplateBinding Content}
ContentTemplate ={TemplateBinding ContentTemplate}>
< ContentPresenter.RenderTransform>
< TranslateTransform x：Name =ContentPresenterTranslateTransform/>
< /ContentPresenter.RenderTransform>
< / ContentPresenter>
< / Grid>
< / ControlTemplate>
< / Setter>
< / style>


for Sirverlite

PivotItem Header font will not change. Property is set to Content. This font works in other areas of my app, but not the PivotItem Header.

<controls:Pivot Margin="0">
    <controls:PivotItem Header="Welcome" FontFamily=".Fonts/sketch123.ttf#sketch123">
</controls:PivotItem>

解决方案

Add to ResourceDictionary (without primitives:) and edit as you like (for windows phone 8.1 store)

 <x:Double x:Key="PivotHeaderItemFontSize">57</x:Double>
    <x:Int32 x:Key="PivotHeaderItemCharacterSpacing">-25</x:Int32>
    <FontFamily x:Key="PivotHeaderItemFontFamily">Segoe WP SemiLight</FontFamily>
    <Thickness x:Key="PivotHeaderItemPadding">0,0,0,6.5</Thickness>
    <Thickness x:Key="PivotHeaderItemMargin">16,-6.5,0,0</Thickness>


<Style TargetType="primitives:PivotHeaderItem">
            <Setter Property="FontSize" Value="{ThemeResource PivotHeaderItemFontSize}" />
            <Setter Property="FontFamily" Value="{ThemeResource PivotHeaderItemFontFamily}" />
            <Setter Property="CharacterSpacing" Value="{ThemeResource PivotHeaderItemCharacterSpacing}" />
            <Setter Property="Background" Value="{ThemeResource PivotHeaderBackgroundUnselectedBrush}" />
            <Setter Property="Foreground" Value="{ThemeResource PivotHeaderForegroundUnselectedBrush}" />
            <Setter Property="Margin" Value="{ThemeResource PivotHeaderItemMargin}" />
            <Setter Property="Padding" Value="{ThemeResource PivotHeaderItemPadding}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="primitives:PivotHeaderItem">
                        <Grid x:Name="Grid">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualStateGroup.Transitions>
                                        <VisualTransition From="Unselected"
                                                          GeneratedDuration="0:0:0.33"
                                                          To="UnselectedLocked" />
                                        <VisualTransition From="UnselectedLocked"
                                                          GeneratedDuration="0:0:0.33"
                                                          To="Unselected" />
                                    </VisualStateGroup.Transitions>
                                    <VisualState x:Name="Unselected" />
                                    <VisualState x:Name="UnselectedLocked">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0"
                                                             Storyboard.TargetName="ContentPresenterTranslateTransform"
                                                             Storyboard.TargetProperty="X"
                                                             To="{ThemeResource PhonePivotLockedTranslation}" />
                                            <DoubleAnimation Duration="0"
                                                             Storyboard.TargetName="ContentPresenter"
                                                             Storyboard.TargetProperty="(UIElement.Opacity)"
                                                             To="0" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Selected">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotHeaderForegroundSelectedBrush}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Grid" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PivotHeaderBackgroundSelectedBrush}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <ContentPresenter x:Name="ContentPresenter"
                                              Margin="{TemplateBinding Padding}"
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              Content="{TemplateBinding Content}"
                                              ContentTemplate="{TemplateBinding ContentTemplate}">
                                <ContentPresenter.RenderTransform>
                                    <TranslateTransform x:Name="ContentPresenterTranslateTransform" />
                                </ContentPresenter.RenderTransform>
                            </ContentPresenter>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

for Sirverlite

这篇关于PivotItem标题不会更改为自定义字体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！