WPF编程,实现倒影或者说文字镜像的一种方法。

文章参考网友分享的文章,但原文章链接一时找不到了。后期找到补上。

效果

在这里插入图片描述

代码

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition />
      <RowDefinition />
    </Grid.RowDefinitions>

    <TextBox FontSize="55"
             FontWeight="Bold"
             Text="Hello Word~"
             Name="XAML_TXT"
             HorizontalContentAlignment="Center"
             VerticalContentAlignment="Bottom" />

    <Rectangle RenderTransformOrigin="0 0.5"
               Margin="0,246,254,0"
               Grid.RowSpan="2">
      <Rectangle.Fill>
        <VisualBrush Visual="{Binding ElementName=XAML_TXT}"></VisualBrush>
      </Rectangle.Fill>
      <Rectangle.RenderTransform>
        <ScaleTransform ScaleY="-1"
                        ScaleX="1.5"></ScaleTransform>
      </Rectangle.RenderTransform>
      <Rectangle.OpacityMask>
        <LinearGradientBrush StartPoint="0,0.7"
                             EndPoint="0,1">
          <GradientStop Offset="0.2"
                        Color="Transparent"></GradientStop>
          <GradientStop Offset="1.0"
                        Color="#44000000"></GradientStop>
        </LinearGradientBrush>
      </Rectangle.OpacityMask>
    </Rectangle>


    <Button  Width="200"
             Visibility="Collapsed"
             Background="SkyBlue"
             FontSize="30"
             FontWeight="Bold">
      <Button.OpacityMask>
        <LinearGradientBrush StartPoint="0,0"
                             EndPoint="1,0">
          <GradientStop Offset="0"
                        Color="AliceBlue" />
          <GradientStop Offset="1"
                        Color="Transparent" />
        </LinearGradientBrush>
      </Button.OpacityMask>
    </Button>
  </Grid>
</Window>

属性扩展:WPF: RenderTransform特效

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值