[英]Bind to or Expose IsMouseOver or any other ReadOnly DependencyProperty from element inside UserControl
I have a window with a UserControl, that UserControl has an element. 我有一个带有UserControl的窗口,该UserControl有一个元素。 If I move the mouse over the element inside the UserControl, I want that some other elements inside the Window to react (for example: hide them).
如果将鼠标移到UserControl内的元素上,我希望Window内的其他一些元素做出反应(例如:隐藏它们)。
<Window x:Class="WpfApplication4.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"
xmlns:local="clr-namespace:WpfApplication4"
>
<DockPanel>
<Grid Width="50" Height="50" Background="Yellow">
<Grid.Style>
<Style TargetType="Grid">
<Style.Triggers>
<!-- When hovering innerControl inside userControl this grid should become invisible, of course this doesn't work, it hides the element if I move the mouse over any part of the usercontrol-->
<DataTrigger Binding="{Binding userControl.IsMouseOver, ElementName=userControl}" Value="True">
<Setter Property="Visibility" Value="Collapsed" />
</DataTrigger>
</Style.Triggers>
</Style>
</Grid.Style>
</Grid>
<local:userControl x:Name="userControl" Width="300" Height="300"/>
</DockPanel>
UserControl 用户控件
<UserControl x:Class="WpfApplication4.userControl"
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"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300"
Background="Red"
>
<Grid>
<Grid x:Name="innerControl" Background="Blue" Width="100" Height="100"/>
</Grid>
public partial class userControl : UserControl
{
public userControl()
{
InitializeComponent();
}
//This is far from working
public new bool IsMouseOver
{
get { return (bool)GetValue(IsMouseOverProperty); }
set { SetValue(IsMouseOverProperty, value); }
}
public new static readonly DependencyProperty IsMouseOverProperty =
Border.IsMouseOverProperty.AddOwner(typeof(Border));
}
I know I have to use Dependency Properties, but I can't adapt the examples I have found to this problem. 我知道我必须使用依赖项属性,但是我无法将我发现的示例用于该问题。
Just in case anyone cares, here's the solution 万一有人在乎,这是解决方案
Adapted from this answer: https://stackoverflow.com/a/317699/3596441 从此答案改编而成: https : //stackoverflow.com/a/317699/3596441
Expose child controls properties in UserControl: 在UserControl中公开子控件的属性:
public partial class userControl : UserControl
{
public userControl()
{
InitializeComponent();
DependencyPropertyDescriptor descriptor = DependencyPropertyDescriptor.FromProperty(FrameworkElement.IsMouseOverProperty, typeof(FrameworkElement));
descriptor.AddValueChanged(this.innerControl, new EventHandler(OnIsMouseOverChanged));
}
// Dependency Property Declaration
private static DependencyPropertyKey ElementIsMouseOverPropertyKey = DependencyProperty.RegisterReadOnly("ElementIsMouseOver", typeof(bool),typeof(userControl), new PropertyMetadata());
public static DependencyProperty ElementIsMouseOverProperty = ElementIsMouseOverPropertyKey.DependencyProperty;
public bool ElementIsMouseOver
{
get { return (bool)GetValue(ElementIsMouseOverProperty); }
}
private void SetIsMouseOver(bool value)
{
SetValue(ElementIsMouseOverPropertyKey, value);
}
// Dependency Property Callback
// Called when this.MyElement.ActualWidth is changed
private void OnIsMouseOverChanged(object sender, EventArgs e)
{
this.SetIsMouseOver(this.innerControl.IsMouseOver);
}
}
Use like this: 像这样使用:
<Window x:Class="WpfApplication4.MainWindow"
...
xmlns:local="clr-namespace:WpfApplication4"
>
<DockPanel>
<Grid DockPanel.Dock="Left" Width="100" Height="100" Background="Yellow">
<Grid.Style>
<Style TargetType="Grid">
<Style.Triggers>
<DataTrigger Binding="{Binding ElementIsMouseOver, ElementName=userControl}" Value="True">
<Setter Property="Visibility" Value="Collapsed"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Grid.Style>
</Grid>
<local:userControl x:Name="userControl" Width="300" Height="300"/>
</DockPanel>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.