WPF示例-1-渐变效果
2009-10-03 14:52
786 查看
代码如下:
<Window x:Class="wpf_win_1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="渐变" Height="300" Width="300">
<Grid x:Name="gdTest">
<Rectangle Margin="37,5,30,0" Name="re1" Height="111" Stroke="Black" VerticalAlignment="Top">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="White"></GradientStop>
<GradientStop Offset="1" Color="Black"></GradientStop>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Margin="37,125,30,45" Name="re2" Stroke="Black" >
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="White"></GradientStop>
<GradientStop Offset="1" Color="Black"></GradientStop>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Margin="42,130,35,49" Name="re3" Stroke="Black">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <!--StartPoint=开始的点 | EndPoint=结束的点-->
<GradientStop Offset="0" Color="Black"></GradientStop>
<GradientStop Offset="1" Color="White"></GradientStop>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Grid>
</Window>
<Window x:Class="wpf_win_1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="渐变" Height="300" Width="300">
<Grid x:Name="gdTest">
<Rectangle Margin="37,5,30,0" Name="re1" Height="111" Stroke="Black" VerticalAlignment="Top">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="White"></GradientStop>
<GradientStop Offset="1" Color="Black"></GradientStop>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Margin="37,125,30,45" Name="re2" Stroke="Black" >
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="White"></GradientStop>
<GradientStop Offset="1" Color="Black"></GradientStop>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Margin="42,130,35,49" Name="re3" Stroke="Black">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <!--StartPoint=开始的点 | EndPoint=结束的点-->
<GradientStop Offset="0" Color="Black"></GradientStop>
<GradientStop Offset="1" Color="White"></GradientStop>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Grid>
</Window>
相关文章推荐
- WPF 字体阴影及渐变字效果示例代码
- Android开发基于ScrollView实现的渐变导航栏效果示例
- WPF window 子窗口反馈效果(抖动/渐变)
- jQuery实现的背景颜色渐变动画效果示例
- jQuery实现鼠标响应式透明度渐变动画效果示例
- WPF实现渐变淡入淡出的动画效果
- WPF实现渐变淡入淡出的登陆窗口效果
- WPF实现渐变淡入淡出的登陆窗口效果
- flex图表渐变效果示例
- Android编程实现带渐变效果的圆角矩形示例
- flex图表渐变效果示例
- JS实现的透明度渐变动画效果示例
- flex图表渐变效果示例
- Flex之行为控制(3) ------ 移动,放大,渐变效果示例
- Android实现状态栏(statusbar)渐变效果的示例
- jquery+css3问卷答题卡翻页动画效果示例
- jQuery实现的立体文字渐变效果
- (WPF) Grid渐入渐出效果
- WPF:依赖属性和附加属性示例
- CATextLayer与CAGradientLayer实现文字渐变的动画效果