Comment changer la taille de police de Panorama de l'élément d'en-tête?

Quelle est la façon la plus simple de définir la taille de la police du panorama de l'élément en-tête une fois de sorte qu'il peut être utilisé pour tous les en-têtes des éléments dans mon application?

OriginalL'auteur Buju | 2011-05-16

  1. 23

    Il n'y a pas un moyen pour le faire pour tous les en-têtes encore votre application. Vous aurez besoin de définir le style de chacun.

    Implicite style est à venir dans la mise à jour Mango et qui devrait être fait.

    Mise à jour

    Voici ce que vous pouvez faire maintenant.

    Créer un modèle global de style pour la FontSzie vous le souhaitez. Quelque chose comme:

    <Application.Resources>
    <DataTemplate x:Key="MyItemHeaderTemplate">
        <Grid>
            <ContentPresenter>
                <TextBlock Text="{Binding}" FontSize="20" />
            </ContentPresenter>
        </Grid>
    </DataTemplate>
</Application.Resources>

    Ensuite dans tous les PanoramaItem que je tiens à avoir de style de cette façon, je mis la HeaderTemplate:

    <controls:PanoramaItem Header="first" HeaderTemplate="{StaticResource MyItemHeaderTemplate}">
    //...
</controls:PanoramaItem>
    "style": entendez-vous définir DataTemplate pour HeaderTemplate? Si oui, dois-je créer 4 DataTemplates pour chacun de mes 4 panorama des éléments parce que chaque élément d'en-tête est différent? Ou je peux en quelque sorte lier un seul DataTemplate pour la PanoramaItem.L'en-tête de la propriété?
    ah thx. J'ai été absent de la partie avec des Text="{Binding}" ... je ne sais pas comment accéder à l'en-tête de la chaîne de l'intérieur de la DataTemplate. Est-il un moyen de regarder les propriétés qui je peux databind dans le DataTemplate si quelque chose comme cela ne m'arrive jamais de nouveau?

    OriginalL'auteur Matt Lacey

  2. 5

    Cela avait été une question difficile pour moi. Toutefois, j'ai trouvé une jolie solution simple pour prendre soin de cela pour chaque article de tête de vous wantto redimensionner/fontweight/police...etc. J'ai inséré un extrait d'un projet en cours, j'ai travaillé sur. Prendre connaissance de la partie xaml pour les contrôles:PanoramaItem.HeaderTemplate. C'est là que le templete est modifiée pour l'élément d'en-tête. Bonne Chance!

    <!--Panorama item one-->
        <controls:PanoramaItem Header="Locations">   
            <Grid>
                <ListBox Height="498" HorizontalAlignment="Left" Margin="2,0,0,0" Name="listBox1" VerticalAlignment="Top" Width="424" />
            </Grid>

            <controls:PanoramaItem.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" FontSize="55" FontFamily="Segoe WP Bold" Foreground="Black" TextAlignment="Left" FontWeight="Normal" FontStyle="Italic" />
                </DataTemplate>
            </controls:PanoramaItem.HeaderTemplate>


        </controls:PanoramaItem>

    OriginalL'auteur Bruce S

  3. 2

    Peut-être vous pourriez essayer de mettre cela en vertu de la <controls:Panorama> :

    <controls:Panorama.TitleTemplate>
  <DataTemplate>
     <TextBlock Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" FontSize="150" Margin="0,20,0,0" FontWeight="Bold" />
  </DataTemplate>
</controls:Panorama.TitleTemplate>

    Trouve ici: http://www.jstawski.com/archive/2010/10/25/change-windows-phone-7-panoramarsquos-control-title.aspx

    OriginalL'auteur Mohamed Moustafa

  4. 1

    Vous pouvez créer votre propre PanoramaItem le Contrôle et l'utilisation des génériques.xaml pour appliquer vos personnalisée PanoramaItem style.

    public class MyPanoramaItem : Microsoft.Phone.Controls.PanoramaItem

    {
        public MyPanoramaItem()
        {
            DefaultStyleKey = typeof(MyPanoramaItem); 
        }
    }

    Ensuite, vous créez des Thèmes\Générique.xaml

    <ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:YourProjectNamespace"> 

    <Style TargetType="local:MyPanoramaItem">
        <!—your custom PanoramaItem style-->    
    </Style> 
</ResourceDictionary>

    Et ensuite utiliser votre personnalisé Panorama comme ceci:

    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
xmlns:local="clr-namespace:YourProjectNamespace"

<Grid x:Name="LayoutRoot" Background="Transparent"> 
        <!--Panorama control-->
        <controls:Panorama Title="my application">
            <controls:Panorama.Background>
                <ImageBrush ImageSource="PanoramaBackground.png"/>
            </controls:Panorama.Background>

            <!--Panorama item one-->
            <local:MyPanoramaItem Header="first item">
            </local:MyPanoramaItem >
        </controls:Panorama>

    Plus générique.xaml et de son utilisation, vous pouvez trouver ici.

    OriginalL'auteur Maku