Смесь Майкрософт выражения (в Silverlight):повторяющийся заголовок?

StackOverflow https://stackoverflow.com/questions/1440045

Вопрос

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

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

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

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

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

Решение

Во-первых, вы должны убедиться, что элемент управления 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...Попробуйте установить для него значение * или удалить атрибут whole width целиком.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top