Microsoft Expression Blend (silverlight): ripetizione dell'intestazione?
-
10-07-2019 - |
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>
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.