WPF LinearGradientBrush立体效果

WPF LinearGradientBrush立体效果

渐变方向

  1. 默认是左上角到右下角

2.从左到右

复制代码
<Border Height="35" Width="120">
    <Border.Background>
        <LinearGradientBrush EndPoint="1,0">
            <GradientStop Color="Yellow"
              Offset="0.1" />
            <GradientStop Color="Green"
              Offset="1.0" />
        </LinearGradientBrush>
    </Border.Background>
</Border>

效果:

3.人上到下

复制代码
<Border Height="35" Width="120">
    <Border.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="Yellow"
              Offset="0.1" />
            <GradientStop Color="Green"
              Offset="1.0" />
        </LinearGradientBrush>
    </Border.Background>
</Border>

效果:

4.立体效果

复制代码
<Border Height="35" Width="120">
    <Border.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="#FFE8A6" Offset="0.07" />
            <GradientStop Color="#FFFAEA" Offset="0.1" />
            <GradientStop Color="#FFFAEA" Offset="0.4" />
            <GradientStop Color="#FFE8A6" Offset="0.5" />
        </LinearGradientBrush>
    </Border.Background>
    <TextBlock Text="功率循环" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="18"/>
</Border>

效果:

相关推荐
psybrain6 分钟前
脑科学圈| 利用眼动追踪评估演讲情境下焦虑障碍儿童的注视行为
学习·心理学·脑科学·课堂·焦虑·儿童青少年·眼动
笑衬人心。30 分钟前
Java 17 新特性笔记
java·开发语言·笔记
序属秋秋秋1 小时前
《C++初阶之内存管理》【内存分布 + operator new/delete + 定位new】
开发语言·c++·笔记·学习
许白掰1 小时前
Linux入门篇学习——Linux 工具之 make 工具和 makefile 文件
linux·运维·服务器·前端·学习·编辑器
B1nna2 小时前
Docker学习
学习·docker·容器
quant_19863 小时前
R语言如何接入实时行情接口
开发语言·经验分享·笔记·python·websocket·金融·r语言
promising-w8 小时前
【运算放大器专题】基础篇
嵌入式硬件·学习
宝山哥哥8 小时前
网络信息安全学习笔记1----------网络信息安全概述
网络·笔记·学习·安全·网络安全
前端开发与ui设计的老司机8 小时前
从UI设计到数字孪生实战:构建智慧教育的个性化学习平台
学习·ui
X Y O9 小时前
神经网络初步学习3——数据与损失
人工智能·神经网络·学习