Pergunta

Eu estou usando a nova expressão microsoft. Eu estou tentando criar um cabeçalho repetindo muito parecido com este em http://csstreacle.artygirl.co.uk / . Existe uma maneira que eu posso fazer isso no Expression Blend. Como faço para organizar os recipientes? E como faço para configurá-lo para repetir no código ou manualmente?

Eu tenho um retângulo com um gradiente nele. Como faço para obtê-lo a expandir para preencher a largura da tela para qualquer tamanho de tela do navegador / computador? Eu costumo fazer isso uma imagem 1px em css com mas entendo que xaml é um pouco diferente.

Ao invés de um fundo Isso precisa ser um fundo dois níveis para o cabeçalho. O resto do site vai ser branco!

Graças Judi

Confira esta eu consegui o fundo, mas a largura é de auto 1000. Alguma idéia de como defini-lo para auto ou 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>
Foi útil?

Solução

Primeiro, você tem que ter certeza do controle do Silverlight em sua página HTML tem uma largura e ALTURA de 100%. Isso garante o controle irá abranger você página inteira. Esta é uma o mesmo um que você faria com uma página normal usando um div ou algo assim.

Em XAML. Remover a largura e altura padrão da parte do cabeçalho de controlo (onde o xmlns são definidos). seu xaml será algo parecido com:

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

update :

Certifique-se de não definir a largura em quaisquer recipientes como grades ou telas. Eu acho que você definir a largura a 1000 em algum lugar ... Tentar defini-lo como * ou removeing ??todo o atributo de largura.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top