Microsoft Expression Blend (silverlight): повторяющийся заголовок?

Я использую новое выражение 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>

xaml repeat silverlight expression-blend
person brightmist.co.uk    schedule 17.09.2009    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

person Sorskoot    schedule 18.09.2009
comment
Вау, спасибо Как мне убедиться, что моя ширина и высота установлены на 100%? Я новичок в смешивании, что мне нажимать? - person brightmist.co.uk; 18.09.2009
comment
Вы должны искать на панели «Проект» в Blend файл HTML или ASPX, который используется при запуске вашего приложения. Когда вы просматриваете свой элемент управления в браузере, эта страница отображается в адресной строке вашего браузера. В новом проекте оба значения по умолчанию установлены на 100%. - person Sorskoot; 18.09.2009
comment
Спасибо, но я не вижу файлов html или aspx. Все их файлы xaml и dll. Я не уверен, откуда этот файл localhost: 49712 / TestPage.html - person brightmist.co.uk; 18.09.2009
comment
В этом случае файл создается при сборке проекта. Это обычное дело в тестовых проектах или когда вы не возражаете против файлов html. Когда вы создаете приложение Silverlight + веб-сайт в смеси выражений, также создается веб-проект. Здесь у вас есть полный контроль над HTML. - person Sorskoot; 18.09.2009
comment
‹Сетка x: Имя = Корень макета› ‹Непрозрачность прямоугольника Маска = Белое поле = 0,130,0,0 Заливка = Белый Ширина = авто /› ‹Обводка прямоугольника = # FF87AEB8 Высота = 300 Поля = 0,138,0,0 Вертикальное выравнивание = Верхняя ширина = авто ›‹ Rectangle.Fill ›‹ LinearGradientBrush EndPoint = 0.5,0.953 StartPoint = 0.5,0.01 ›‹ GradientStop Color = White Offset = 0.03 / ›‹ GradientStop Color = # FFB2DBE5 Offset = 1 / ›‹/LinearGradientBrush›‹ /Rectangle.Fill › - person brightmist.co.uk; 18.09.2009
comment
Извините, я не понимаю. Большое спасибо за Вашу помощь. Я создал проект и попробовал вашу фоновую заливку, но как мне настроить фоновую заливку на высоту. Хочу в шапке 2 фоновых градиента? - person brightmist.co.uk; 18.09.2009
comment
Ура, мне удалось заставить работать градиентный фон, поместив его в другую сетку. Но ширина по-прежнему составляет 1000 пикселей? :( - person brightmist.co.uk; 18.09.2009
comment
Можете ли вы добавить к своему вопросу то, что у вас есть? Я обновлю свой ответ, чтобы другие могли извлечь из него выгоду. - person Sorskoot; 18.09.2009
comment
Может ли это мешать моей ширине? ‹UserControl xmlns = schemas.microsoft.com/winfx/2006/xaml/presentation xmlns: x = schemas.microsoft.com/winfx/2006/xaml xmlns: d = schemas.microsoft.com/expression/blend/2008 xmlns: mc = schemas.openxmlformats.org/markup-compatibility/2006 mc: Ignorable = dx: Class = Swinton_CommercialScreens.Screen_2 › - person brightmist.co.uk; 18.09.2009