Microsoft Expression Blend (silverlight):重复标头?

发布于 2024-08-05 21:55:56 字数 805 浏览 3 评论 0原文

我正在使用新的微软表达式。我正在尝试创建一个重复标头,就像 http://csstreacle.artygirl.co.uk 上的这个标头一样/。 有没有办法可以在 Expression Blend 中做到这一点。如何组织容器?如何将其设置为在代码中或手动重复?

我有一个带有渐变的矩形。如何让它扩展以填充任何浏览器/计算机屏幕尺寸的屏幕宽度?我通常会使用 css 中的 1px 图像来执行此操作,但我知道 xaml 有点不同。

这需要是标题的两层背景,而不是背景。网站的其余部分将是白色的!

谢谢 Judi

看看这个我已经管理了背景,但宽度是自动 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>

I'm using the new microsoft expression. I'm trying to create a repeating header much like this one at http://csstreacle.artygirl.co.uk/.
Is there a way I can do this in Expression blend. How do I organize the containers? And how do I set it to repeat in code or manually?

I have a rectangle with a gradient on it. How do I get it to expand to fill the screen width for any browser/ computer screen size? I would usually do this with a 1px image in css but understand that xaml is a bit different.

Rather than a background this needs to be a two tiered background for the header. The rest of the website will be white!

Thanks
Judi

Check out this I've managed the background but the width is on auto 1000. Any ideas how to set it to auto or 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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

帅冕 2024-08-12 21:55:56

首先,您必须确保 HTML 页面中的 silverlight 控件的宽度和高度为 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 某处...尝试将其设置为 * 或删除整个宽度属性。

First, you have to make sure the silverlight control in your HTML page has a width and heigth of 100%. This makes sure the control will span you entire page. This is a the same a you would do with a normal page using a div or something.

In xaml. Remove the default width and height from the control header part (where the xmlns are defined). your xaml will look something like:

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

update:

Make sure you do not set the width on any containers like grids or canvasses. I think you have set the width to 1000 somewhere... Try setting it to * or removeing the whole width attribute.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文