Microsoft Expression Blend (silverlight): повторяющийся заголовок? - PullRequest
1 голос
/ 17 сентября 2009

Я использую новое выражение Microsoft. Я пытаюсь создать повторяющийся заголовок, похожий на этот на http://csstreacle.artygirl.co.uk/. Есть ли способ сделать это в Expression Blend. Как мне организовать контейнеры? И как мне настроить его повторение в коде или вручную?

У меня есть прямоугольник с градиентом на нем. Как заставить его расширяться, чтобы заполнить ширину экрана для любого размера экрана браузера / компьютера? Обычно я делаю это с 1px изображением в css, но понимаю, что xaml немного отличается.

Вместо фона это должен быть двухуровневый фон для заголовка. Остальная часть сайта будет белой!

Спасибо Джуди

Проверьте это, я справился с фоном, но ширина на авто 1000. Есть идеи, как установить его на авто или 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>

1 Ответ

0 голосов
/ 18 сентября 2009

Во-первых, вы должны убедиться, что элемент управления silverlight на вашей HTML-странице имеет ширину и высоту 100%. Это гарантирует, что контроль будет охватывать всю страницу. Это то же самое, что вы делаете с обычной страницей, используя div или что-то еще.

В xaml. Удалите ширину и высоту по умолчанию из части заголовка элемента управления (где определены xmlns). ваш xaml будет выглядеть примерно так:

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

обновление

Убедитесь, что вы не задаете ширину для любых контейнеров, таких как сетки или полотна. Я думаю, что вы где-то установили ширину 1000 ... Попробуйте установить * или удалить атрибут всей ширины.

...