Microsoft Expression Blend (silverlight): ¿encabezado repetido?

Question

Estoy usando la nueva expresión de microsoft. Estoy tratando de crear un encabezado repetitivo como este en http://csstreacle.artygirl.co.uk / . ¿Hay alguna manera de hacer esto en Expression blend? ¿Cómo organizo los contenedores? ¿Y cómo lo configuro para que se repita en código o manualmente?

Tengo un rectángulo con un degradado. ¿Cómo consigo que se expanda para llenar el ancho de la pantalla para cualquier tamaño de pantalla del navegador / computadora? Por lo general, haría esto con una imagen de 1px en css, pero entiendo que xaml es un poco diferente.

En lugar de un fondo, debe ser un fondo de dos niveles para el encabezado. ¡El resto del sitio web será blanco!

Gracias Judi

Mira esto, he administrado el fondo pero el ancho está en auto 1000. ¿Alguna idea de cómo configurarlo en auto o 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

Primero, debe asegurarse de que el control de Silverlight en su página HTML tenga un ancho y una altura del 100%. Esto asegura que el control abarcará toda la página. Esto es lo mismo que haría con una página normal usando un div o algo así.

En xaml. Elimine el ancho y la altura predeterminados de la parte del encabezado de control (donde se definen los xmlns). su xaml se verá algo así como:

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

actualización :

Asegúrese de no establecer el ancho en ningún contenedor como cuadrículas o lonas. Creo que ha establecido el ancho en 1000 en algún lugar ... Intente configurarlo en * o eliminar todo el atributo de ancho.