如何禁用鼠标悬停在用户控件上的突出显示效果

天台

我已经搜索了相同的问题场景,但它们不清楚,并且大多数关注按钮而不是用户控件。

我有一个用户控件,我通过这种方式从主窗口加载:

private void Button_Click(object sender, RoutedEventArgs e)
{           
    ContentArea.Content = new Views.DashboardView();
}

但是当加载该用户控件时,当我用鼠标悬停在它上面时,整个窗口都会突出显示,而不是突出显示该窗口中的各个控件

突出显示的用户控件

被黑色轮廓包围的控件是在鼠标悬停事件上完全突出显示的用户控件。有没有办法禁用这种突出显示效果,只需突出显示用户控件中的“管理”按钮,而不突出显示整个控件。

这是我的用户控件 XAML 代码:

<UserControl x:Class="S.O.B_Management_System.Views.DashboardView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:local="clr-namespace:S.O.B_Management_System.Views"
    mc:Ignorable="d"            
    d:DesignHeight="300" d:DesignWidth="540">

    <Grid>
        <ListView>
            <ScrollViewer Height="300">
                <StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Background="LightBlue" Width="150" Height="90" Margin="10">
                        <StackPanel Orientation="Vertical">
                        <TextBlock Margin="10" Width="130" Background="White" Text="TRIANGLES" Padding="35,3,5,3" FontFamily="Century Gothic"/>
                        <Button Content="Manage" Width="100" Margin="0,15,0,0" Click="Button_Click"/>
                            </StackPanel>
                    </TextBlock>
                        <TextBlock Background="LightBlue" Width="150" Height="90" Margin="10">
                        </TextBlock>
                        <TextBlock Background="LightBlue" Width="150" Height="90" Margin="10">
                        </TextBlock>
                    </StackPanel>
                </StackPanel>
            </ScrollViewer>
        </ListView>
    </Grid>
</UserControl>

和我的主窗口 XAML 代码:

<Window x:Class="S.O.B_Management_System.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:S.O.B_Management_System"
        xmlns:vm="clr-namespace:S.O.B_Management_System.Views"
        mc:Ignorable="d"
        WindowStartupLocation="CenterScreen"
        Title="MainWindow" Height="700" Width="1250">
    <Window.Resources>
        <DataTemplate DataType="{x:Type vm:DashboardView}">
            <vm:DashboardView />
            <!-- This is a UserControl -->
        </DataTemplate>

    </Window.Resources>
    <DockPanel>
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="Test">
            </MenuItem>
        </Menu>
        <StackPanel Orientation="Horizontal">
            <DockPanel>
                
                <StackPanel Width="230"  Orientation="Vertical" DockPanel.Dock="Left">
                    <ListView Height="400">
                        <ListViewItem Name="dash" Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue">
                           
                        </ListViewItem>
                        <ListViewItem Content="Inventory" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                        <ListViewItem Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                        <ListViewItem Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                        <ListViewItem Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                        <Button Height="20" Width="60" Content="{Binding Name}"
                          Command="{Binding DataContext.ChangePageCommand,
                             RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
                          CommandParameter="{Binding}"
                          Margin="2,5" Click="Button_Click"/>
                    </ListView>
                </StackPanel>
                <StackPanel Orientation="Vertical" DockPanel.Dock="Right">

                    <ContentControl x:Name="ContentArea" />
                </StackPanel>
            </DockPanel>    
        </StackPanel>
    </DockPanel>
</Window>

任何帮助将不胜感激

天台

我通过删除 DashboardView 中相互交织的堆栈面板解决了这个问题

<UserControl x:Class="S.O.B_Management_System.Views.DashboardView"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:local="clr-namespace:S.O.B_Management_System.Views"
   mc:Ignorable="d"            
   d:DesignHeight="300" d:DesignWidth="540">

    <Grid>
        <DockPanel>       
            <ListView Height="400" DockPanel.Dock = Top>
                <ListViewItem Name="dash" Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue" />
                <ListViewItem Content="Inventory" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                <ListViewItem Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                <ListViewItem Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                <ListViewItem Content="Dashboard" FontFamily="Century Gothic" FontWeight="Bold" Height="30" Background="AliceBlue"/>
                <Button Height="20" Width="60" Content="{Binding Name}"
                    Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" 
                    CommandParameter="{Binding}" Margin="2,5" Button_Click"/>
            </ListView>
        </DockPanel>
    </Grid>
</UserControl>

谢谢大家的帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery将鼠标悬停在列表元素上时显示突出显示效果

来自分类Dev

当鼠标悬停在悬停元素上时,如何设置悬停效果继续显示?

来自分类Dev

当鼠标悬停在悬停元素上时,如何设置悬停效果继续显示?

来自分类Dev

当用户将鼠标悬停在wpf中时如何突出显示行?

来自分类Dev

将鼠标悬停在 CSS Grid 项目上时如何突出显示整个按钮?

来自分类Dev

用户使用键盘时如何禁用鼠标悬停效果?

来自分类Dev

如何在鼠标悬停的图像上显示悬停效果

来自分类Dev

QListWidget 禁用鼠标悬停突出显示

来自分类Dev

鼠标悬停在栏上时如何显示标签

来自分类Dev

当按钮是默认按钮或鼠标悬停在按钮上时,如何为按钮设置某种类型的突出显示?

来自分类Dev

将鼠标悬停在HTML表格行上显示透明框(不突出显示行)

来自分类Dev

将鼠标悬停在该图像上方的按钮上时,如何对图像应用悬停效果?

来自分类Dev

当鼠标悬停在不同颜色上时,传单突出显示标记

来自分类Dev

d3-将鼠标悬停在图例上以突出显示相应数据

来自分类Dev

将鼠标悬停在Listiview项上时不突出显示-UWP(Windows 10)

来自分类Dev

将鼠标悬停在项目上时突出显示列表框项目

来自分类Dev

将鼠标悬停在项目上时突出显示列表框项目

来自分类Dev

d3-将鼠标悬停在图例上以突出显示相应的数据

来自分类Dev

当鼠标悬停在不同颜色上时,传单突出显示标记

来自分类Dev

要突出显示鼠标悬停在相应项目上的图像。

来自分类Dev

VueJS:将鼠标悬停在段落中的单词上时突出显示整个句子

来自分类Dev

隐藏视频控件,直到用户将鼠标悬停在视频上

来自分类Dev

jQuery类更改将鼠标悬停在效果上

来自分类Dev

鼠标悬停在图片上时的效果

来自分类Dev

将鼠标悬停在文字效果上

来自分类Dev

将鼠标悬停在控件上而不使用事件时,在标签中显示文本

来自分类Dev

如何使鼠标悬停在突出显示文本区域的位置

来自分类Dev

当用户将鼠标悬停在按钮的父容器上时,如何在按钮上添加悬停效果?

来自分类Dev

除非用户将鼠标悬停在文本上或突出显示文本,否则隐藏文本(Microsoft Word 2013另存为PDF)

Related 相关文章

  1. 1

    使用jQuery将鼠标悬停在列表元素上时显示突出显示效果

  2. 2

    当鼠标悬停在悬停元素上时,如何设置悬停效果继续显示?

  3. 3

    当鼠标悬停在悬停元素上时,如何设置悬停效果继续显示?

  4. 4

    当用户将鼠标悬停在wpf中时如何突出显示行?

  5. 5

    将鼠标悬停在 CSS Grid 项目上时如何突出显示整个按钮?

  6. 6

    用户使用键盘时如何禁用鼠标悬停效果?

  7. 7

    如何在鼠标悬停的图像上显示悬停效果

  8. 8

    QListWidget 禁用鼠标悬停突出显示

  9. 9

    鼠标悬停在栏上时如何显示标签

  10. 10

    当按钮是默认按钮或鼠标悬停在按钮上时,如何为按钮设置某种类型的突出显示?

  11. 11

    将鼠标悬停在HTML表格行上显示透明框(不突出显示行)

  12. 12

    将鼠标悬停在该图像上方的按钮上时,如何对图像应用悬停效果?

  13. 13

    当鼠标悬停在不同颜色上时,传单突出显示标记

  14. 14

    d3-将鼠标悬停在图例上以突出显示相应数据

  15. 15

    将鼠标悬停在Listiview项上时不突出显示-UWP(Windows 10)

  16. 16

    将鼠标悬停在项目上时突出显示列表框项目

  17. 17

    将鼠标悬停在项目上时突出显示列表框项目

  18. 18

    d3-将鼠标悬停在图例上以突出显示相应的数据

  19. 19

    当鼠标悬停在不同颜色上时,传单突出显示标记

  20. 20

    要突出显示鼠标悬停在相应项目上的图像。

  21. 21

    VueJS:将鼠标悬停在段落中的单词上时突出显示整个句子

  22. 22

    隐藏视频控件,直到用户将鼠标悬停在视频上

  23. 23

    jQuery类更改将鼠标悬停在效果上

  24. 24

    鼠标悬停在图片上时的效果

  25. 25

    将鼠标悬停在文字效果上

  26. 26

    将鼠标悬停在控件上而不使用事件时,在标签中显示文本

  27. 27

    如何使鼠标悬停在突出显示文本区域的位置

  28. 28

    当用户将鼠标悬停在按钮的父容器上时,如何在按钮上添加悬停效果?

  29. 29

    除非用户将鼠标悬停在文本上或突出显示文本,否则隐藏文本(Microsoft Word 2013另存为PDF)

热门标签

归档