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>

效果:

相关推荐
慕y27417 分钟前
Java学习第十六部分——JUnit框架
java·开发语言·学习
peace..1 小时前
温湿度变送器与电脑进行485通讯连接并显示在触摸屏中(mcgs)
经验分享·学习·其他
teeeeeeemo1 小时前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
软件黑马王子2 小时前
C#系统学习第八章——字符串
开发语言·学习·c#
strongwyy4 小时前
蓝牙墨水屏上位机学习(2)
学习
九皇叔叔4 小时前
(3)手摸手-学习 Vue3 之 变量声明【ref 和 reactive】区别
学习
致***锌5 小时前
期权标准化合约是什么?
笔记
Wilber的技术分享6 小时前
【机器学习实战笔记 14】集成学习:XGBoost算法(一) 原理简介与快速应用
人工智能·笔记·算法·随机森林·机器学习·集成学习·xgboost
The_cute_cat6 小时前
Ajax和Axios的初步学习
前端·学习·ajax
amazinging7 小时前
北京-4年功能测试2年空窗-报培训班学测开-第四十三天
python·学习