wpf界面展示关于ListView展示有倒影效果

最新推荐文章于 2024-08-06 17:45:00 发布

Maths_bai

最新推荐文章于 2024-08-06 17:45:00 发布

阅读量1.7k

点赞数

分类专栏：项目效果展示文章标签： listview wpf binding header path border

项目效果展示专栏收录该内容

1 篇文章 0 订阅

订阅专栏

wpf界面展示关于ListView展示有倒影效果分享一下

wpf界面展示关于ListView展示有倒影效果分享一下

wpf中的xaml代码：
<ListView x:Name="listView1" Grid.Row="1" Margin="36,1,29,0" RenderTransformOrigin="0.5,0.5" BorderThickness="2,2,2,0" OpacityMask="{x:Null}" ForceCursor="True"
               OverridesDefaultStyle="False" Background="#7273C0EC" BorderBrush="#00FFFFFF" Foreground="#FFFFFFFF" Width="300" Height="156" VerticalAlignment="Top">>
         <ListView.View>
            <GridView x:Name="gridView1" >
                  <GridViewColumn Header="用户编号" DisplayMemberBinding="{Binding Path=useId}" ></GridViewColumn>
                  <GridViewColumn Header="用户姓名" DisplayMemberBinding="{Binding Path=useName}" ></GridViewColumn>
                  <GridViewColumn Header="用户昵称" DisplayMemberBinding="{Binding Path=useLastName}" ></GridViewColumn>
                  <GridViewColumn Header="用户Email" DisplayMemberBinding="{Binding Path=useEmail}" ></GridViewColumn>
            </GridView>
         </ListView.View>

      </ListView>
      <Border BorderBrush="White" Margin="43,157,107,31" Grid.Row="1">
         <Border.RenderTransform>
            <SkewTransform CenterX="0" CenterY="100" AngleX="-20" AngleY="0"/>
         </Border.RenderTransform>
         <Border.OpacityMask>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                  <GradientStop Offset="0" Color="#FF000000"/>
                  <GradientStop Offset="0.8" Color="#00000000"/>
            </LinearGradientBrush>
         </Border.OpacityMask>
         <Border.Background>
            <VisualBrush Visual="{Binding ElementName=listView1}">
                  <VisualBrush.RelativeTransform>
                     <ScaleTransform ScaleX="1" ScaleY="-1" CenterX="0.5" CenterY="0.5"/>
                  </VisualBrush.RelativeTransform>
            </VisualBrush>
         </Border.Background>
      </Border>