2010-12-14 70 views
0

A BESOIN D'AIDE URGENTE !!Comment styler Silverlight Toolkit Style d'accordéon?

Je suis nouveau à Silverlight. J'ai fait glisser un nouveau contrôle Accordion dans le contrôle usercontrol. Je veux faire les choses suivantes

  1. changer la position de la flèche de gauche à droite,
  2. changer l'image flèche/couleur,
  3. Modifier la couleur élément sélectionné en-tête,
  4. Créer souris Hover Effet pour un bouton ou un bloc de texte (pour qu'il se comporte comme un lien)
  5. Créez un style de ce qui précède afin de pouvoir l'appliquer à n'importe quel accordéon de mon projet.

Vous pouvez trouver n'importe quel endroit où je peux styler l'en-tête.

<toolkit:Accordion> 
     <toolkit:AccordionItem BorderThickness="0"> 
      <toolkit:AccordionItem.Header> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Width="350" Text="Heading 1" FontWeight="Bold"/> 
        <TextBlock Margin="80 0 0 0" Style="{StaticResource Link}" >Meer informatie</TextBlock> 
       </StackPanel> 
      </toolkit:AccordionItem.Header> 

      <StackPanel Orientation="Horizontal" Background="#e0e0e0"> 
       <Image Height="130" Source="carriere.jpg" Stretch="Fill"/> 
       <StackPanel Orientation="Vertical" Margin="10"> 
         <TextBlock Style="{StaticResource H1}">Header 1</TextBlock> 
         <TextBlock TextWrapping="Wrap" Style="{StaticResource NormalText}" Width="340" Height="70" Margin="0 3 0 3">The header and content properties can be specified in a variety of ways. Listing 1 contains some of the ways that it can be listed.</TextBlock> 

        <StackPanel Orientation="Horizontal" Margin="0 0 0 2"> 
         <TextBlock Style="{StaticResource Link}" Margin="3 0 3 0" >Link 1</TextBlock> 
         <TextBlock Style="{StaticResource NormalText}" Margin="3 0 3 0"> | </TextBlock> 
         <TextBlock Style="{StaticResource Link}" Margin="3 0 3 0">Link 2</TextBlock> 
         <TextBlock Style="{StaticResource NormalText}" Margin="3 0 3 0"> | </TextBlock> 
         <TextBlock Style="{StaticResource Link}" Margin="3 0 3 0">Link 3 </TextBlock> 
        </StackPanel> 

       </StackPanel> 
      </StackPanel> 
     </toolkit:AccordionItem> 

    </toolkit:Accordion>  

Répondre

1

Pour changer une partie de votre accordéon, vous devez changer AccordionButtonStyle. Il peut être facilement fait sur le mélange en éditant le modèle.

Voici les liens qui peuvent vous aider à
forums.silverlight.net
stackoverflow.com

Vous pouvez FING plus en effectuant une recherche dans Google.
J'espère que cela va vous aider.

+3

Bien que ce lien puisse répondre à la question, il est préférable d'inclure ici les parties essentielles de la réponse et de fournir le lien pour référence. Les réponses à lien uniquement peuvent devenir invalides si la page liée change. – Cairnarvon

+0

@Cairnarvon c'était en 2010, quand je commençais juste à utiliser stackoverflow. Mais vous pouvez modifier la réponse comme vous l'avez suggéré :) –