线性渐变

最新推荐文章于 2025-05-30 13:14:14 发布

二进制的Bee

最新推荐文章于 2025-05-30 13:14:14 发布

阅读量431

点赞数

CC 4.0 BY-SA版权

分类专栏： WPF

本文链接：https://blog.youkuaiyun.com/weixin_44545531/article/details/90246321

WPF 专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了如何利用代码和属性设置实现线性渐变效果，包括背景色、标题、图片背景和字体的渐变，展示了不同场景下的渐变应用，并附有实际效果截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术：value studio2015
撰写时间：2019年5月15日

渐变画刷
1、自己写代码
2、在属性中→画笔→渐变画笔，就可以选择颜色和范围

背景色渐变：

<Grid>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFEE5719" Offset="0"/>
                <GradientStop Color="#FF22B4BC" Offset="0.5"/>
                <GradientStop Color="#FF8D72E2" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
</Grid>

效果截图
在这里插入图片描述

标题渐变：

<Border BorderBrush="SkyBlue" BorderThickness="1,0,0,0" DockPanel.Dock="Top" Height="50" CornerRadius="5,5,0,0">
            <!--依赖属性：定义给自己使用的即专属于某个控件-->
            <TextBlock Text="Welcome to Login" FontSize="24" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#fff"></TextBlock>
            <Border.Background>
                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" Opacity="0.5">
                    <GradientStop Color="RoyalBlue" Offset="0.2"/>
                    <GradientStop Color="Red" Offset="1.5"/>
                </LinearGradientBrush>
            </Border.Background>
        </Border>

效果截图
在这里插入图片描述

图片背景

<Grid>
        <Grid.Resources>
            <ImageBrush x:Key="sb" ImageSource="Content\images\1008793.jpg"></ImageBrush> 
        </Grid.Resources>
        <TextBlock Text="sdfghjkl" Foreground="{StaticResource sb}" FontSize="80" Height="200" Margin="0,35,0,35.4" HorizontalAlignment="Left" Width="284"/> 
</Grid>

效果截图
在这里插入图片描述

字体渐变

<Grid>
        <Grid.Resources>
           
            <LinearGradientBrush x:Key="sd" StartPoint="0,0" EndPoint="1,0">
                <GradientStop Color="Red" Offset="0"/>
                <GradientStop Color="Yellow" Offset="0.2"/>
                <GradientStop Color="Black" Offset="0.4"/>
                <GradientStop Color="CadetBlue" Offset="0.6"/>
                <GradientStop Color="Blue" Offset="0.8"/>
            </LinearGradientBrush>
        </Grid.Resources>
        <TextBlock Text="sdfghjkl" Foreground="{StaticResource sd}" FontSize="80" Height="200" Margin="0,132,0,-61.6" HorizontalAlignment="Left" Width="284"/>
</Grid>

效果截图
在这里插入图片描述