当前位置：文江博客话题详情

是否可以在 Silverlight 中将渐变应用于背景图像？

发布于 2024-10-14 01:48:31 字数 37 浏览 6 评论 0原文

我想对我的图像应用一些渐变，如何实现？

谢谢

原文

分享到QQ

分享到微博

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

发布评论

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

尽揽少女心 2024-10-21 01:48:31

在渐变中，您可以使用一种或多种颜色。使用 VS2010 或表达式混合可以非常轻松地设置渐变。以下是蓝白二色渐变的示例代码。

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<LinearGradientBrush.RelativeTransform>                         <CompositeTransform CenterY="0.5" CenterX="0.5" Rotation="-90"/>
    </LinearGradientBrush.RelativeTransform>
    <GradientStop Color="#FFB6D3F9"/>
    <GradientStop Color="#FFFDFDFD" Offset="1"/>
    </LinearGradientBrush>

In the gradient you can use one or more colours. Any it is very easy to set the gradient using either VS2010 or expression blend. The following is the sample code of a two-colour gradient with blue and white.

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<LinearGradientBrush.RelativeTransform>                         <CompositeTransform CenterY="0.5" CenterX="0.5" Rotation="-90"/>
    </LinearGradientBrush.RelativeTransform>
    <GradientStop Color="#FFB6D3F9"/>
    <GradientStop Color="#FFFDFDFD" Offset="1"/>
    </LinearGradientBrush>

回复收藏 0 原文

苏大泽ㄣ 2024-10-21 01:48:31

您可以将图像托管在边框内，将渐变应用于边框背景：

<Border>
    <Border.Background>
        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="Red" Offset="0" />
            <GradientStop Color="Blue" Offset="1" />
        </LinearGradientBrush>
    </StackPanel.Background>
    <Image Source=..your image source .." />
</Border>

这假设您的图像有一些不透明区域，这些区域将在其下方显示渐变。

You could host your image within a Border, applying the gradient to the border background:

<Border>
    <Border.Background>
        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="Red" Offset="0" />
            <GradientStop Color="Blue" Offset="1" />
        </LinearGradientBrush>
    </StackPanel.Background>
    <Image Source=..your image source .." />
</Border>

This assumes that your image has some opaque regions which will show the gradient beneath it.

回复收藏 0 原文

~没有更多了~