WPF为鼠标悬停上的所有图像添加边框

本文关键字：图像 添加 边框 鼠标 悬停 WPF | 更新日期: 2023-09-27 18:26:35

WPF新手。

我正试图了解XAML语法，但这才几天。我想知道如何将鼠标悬停效果，特别是阴影应用于这段代码中的所有图像标签：

    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <WrapPanel Orientation="Horizontal">
            <WrapPanel.Style>
                <Style>
                </Style>
            </WrapPanel.Style>
            <Image Source="../Image.jpg" Width="200" Height="296" Margin="0,10,10,10"/>
            <Image Source="../Image.jpg" Width="200" Height="296" Margin="10,10,10,10"/>
            <Image Source="../Image.jpg" Width="200" Height="296" Margin="10,10,10,10"/>
            <Image Source="../Image.jpg" Width="200" Height="296" Margin="10,10,0,10"/>
        </WrapPanel>
    </ScrollViewer>

WPF为鼠标悬停上的所有图像添加边框

这将应用DropShadowEffect:

         <ScrollViewer VerticalScrollBarVisibility="Auto">
            <WrapPanel Orientation="Horizontal">
                <WrapPanel.Resources>
                    <Style TargetType="Image">
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Effect">
                                    <Setter.Value>
                                        <DropShadowEffect />
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </WrapPanel.Resources>
                <WrapPanel.Style>
                    <Style>
                    </Style>
                </WrapPanel.Style>
                <Image Source="/Image.jpg" Width="200" Height="296" Margin="0,10,10,10"/>
                <Image Source="/Image.jpg" Width="200" Height="296" Margin="10,10,10,10"/>
                <Image Source="/Image.jpg" Width="200" Height="296" Margin="10,10,10,10"/>
                <Image Source="/Image.jpg" Width="200" Height="296" Margin="10,10,0,10"/>
            </WrapPanel>
        </ScrollViewer>
相关文章：