Смесь Майкрософт выражения (в Silverlight):повторяющийся заголовок?
-
10-07-2019 - |
Вопрос
Я использую новое выражение 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 целиком.