Domanda

Sto usando la nuova espressione di Microsoft. Sto cercando di creare un'intestazione ripetuta molto simile a questa a http://csstreacle.artygirl.co.uk / . C'è un modo in cui posso farlo nella miscela di espressioni. Come organizzo i contenitori? E come posso impostarlo per ripetere nel codice o manualmente?

Ho un rettangolo con una sfumatura. Come faccio ad espanderlo per riempire la larghezza dello schermo per qualsiasi dimensione dello schermo del browser / computer? Di solito lo farei con un'immagine 1px in CSS ma capisco che xaml è un po 'diverso.

Piuttosto che uno sfondo, questo deve essere uno sfondo a due livelli per l'intestazione. Il resto del sito web sarà bianco!

Grazie Judi

Dai un'occhiata a questo ho gestito lo sfondo ma la larghezza è su auto 1000. Qualche idea su come impostarlo su 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>
È stato utile?

Soluzione

Innanzitutto, devi assicurarti che il controllo silverlight nella tua pagina HTML abbia una larghezza e un'altezza del 100%. Questo si assicura che il controllo si estenda su tutta la pagina. Questo è lo stesso che faresti con una pagina normale usando un div o qualcosa del genere.

In xaml. Rimuovere la larghezza e l'altezza predefinite dalla parte dell'intestazione del controllo (dove sono definiti gli xmlns). il tuo xaml sarà simile a:

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

Aggiorna :

Assicurati di non impostare la larghezza su contenitori come griglie o tele. Penso che tu abbia impostato la larghezza su 1000 da qualche parte ... Prova a impostarla su * o rimuovendo l'attributo di larghezza intera.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top