WPF：在鼠标悬停时使卡片更大一点

如何解决WPF：在鼠标悬停时使卡片更大一点

我正在使用 XAML (MDIX) 中的 Material Design 创建一个 materialDesign:Cards 列表。当鼠标移到卡片上时，我想让每张卡片都大一点。

代码：

         <ListView ScrollViewer.HorizontalScrollBarVisibility="disabled"
                   ItemsSource="{Binding List}"
                   SelectedItem="{Binding Item}">

            <ListView.ItemsPanel>
               <ItemsPanelTemplate>
                  <WrapPanel HorizontalAlignment="Center"
                             VerticalAlignment="Center" />
               </ItemsPanelTemplate>
            </ListView.ItemsPanel>

            <ListView.ItemTemplate>
               <DataTemplate>
                  <materialDesign:Card Width="225" Height="400" Margin="10" >
                     <Grid />
                  </materialDesign:Card>
               </DataTemplate>
            </ListView.ItemTemplate>
         </ListView>

解决方法

您应该将以下代码写入您的 ListView

<ListView.ItemContainerStyle>
   <Style TargetType="{x:Type ListViewItem}">
      <Style.Triggers>
         <Trigger Property="IsMouseOver"
                  Value="True">
            <Setter Property="RenderTransform">
               <Setter.Value>
                  <ScaleTransform ScaleX="1.05"
                                    ScaleY="1.05" />
               </Setter.Value>
            </Setter>
         </Trigger>
      </Style.Triggers>
   </Style>
</ListView.ItemContainerStyle>