Microsoft Expression Blend (silverlight): en-tête répétitif?

Question

J'utilise la nouvelle expression Microsoft. J'essaie de créer un en-tête répété semblable à celui-ci à l'adresse http://csstreacle.artygirl.co.uk / . Y a-t-il un moyen de faire cela dans le mélange d'expression. Comment organiser les conteneurs? Et comment puis-je le configurer pour qu'il se répète dans le code ou manuellement?

J'ai un rectangle avec un dégradé. Comment puis-je l'agrandir pour remplir la largeur de l'écran quelle que soit la taille de l'écran du navigateur / de l'ordinateur? Je le ferais généralement avec une image 1px en css mais je comprendrais que xaml est un peu différent.

Plutôt qu'un arrière-plan, il doit s'agir d'un arrière-plan à deux niveaux pour l'en-tête. Le reste du site sera blanc!

Merci Judi

Regardez ceci, j'ai géré le fond, mais la largeur est sur auto 1000. Avez-vous des idées pour le régler sur auto ou sur 100%?

        <Grid Height="139" VerticalAlignment="Top" >
  <Grid.Background>
    <LinearGradientBrush EndPoint="0.5,0.953" StartPoint="0.5,0.01">
                <GradientStop Color="#FF1E5584"/>
                <GradientStop Color="#FF003265" Offset="1"/>
            </LinearGradientBrush>
  </Grid.Background>
</Grid>

Answer 1

Tout d'abord, vous devez vous assurer que le contrôle silverlight de votre page HTML a une largeur et une hauteur de 100%. Cela garantit que le contrôle s'étendra sur toute la page. C’est la même chose que vous feriez avec une page normale en utilisant un div ou quelque chose.

Dans xaml. Supprimez la largeur et la hauteur par défaut de la partie d'en-tête de contrôle (où les xmlns sont définis). votre xaml ressemblera à quelque chose comme:

<UserControl
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      x:Class="test0001.MainPage">
  <Grid x:Name="LayoutRoot">
    <Grid.Background>
      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="Black" Offset="1"/>
        <GradientStop Color="White" Offset="0"/>
      </LinearGradientBrush>
    </Grid.Background>
  </Grid>
</UserControl>

mettre à jour :

Assurez-vous de ne pas définir la largeur sur des conteneurs tels que des grilles ou des toiles. Je pense que vous avez défini la largeur sur 1000 quelque part ... Essayez de la définir sur * ou de supprimer l'attribut de largeur totale.