如何获取CustomControl部分的鼠标位置
本文关键字:鼠标 位置 CustomControl 何获取 获取 | 更新日期: 2023-09-27 18:01:08
在制作自定义控件时,我试图在Canvas上获取鼠标位置,Canvas是我的自定义控件中的一个容器。问题是,当我把我的customcontrol放在一个测试应用程序中,只放在窗口中的一个网格中时,我得到的总是窗口本身的鼠标位置,而不是我的customicontrol上的鼠标位置。
public class HueWheel : Control
{
static HueWheel()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(HueWheel), new FrameworkPropertyMetadata(typeof(HueWheel)));
}
private bool _isPressed = false;
//private Canvas _templateCanvas = null;
private Canvas _PART_FirstCanvas;
private Canvas _PART_SecondCanvas;
private Slider _PART_Slider;
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
_PART_FirstCanvas = (Canvas)GetTemplateChild("PART_FirstCanvas");
_PART_SecondCanvas = (Canvas)GetTemplateChild("PART_SecondCanvas");
_PART_Slider = (Slider)GetTemplateChild("PART_Slider");
}
protected override void OnMouseMove(MouseEventArgs e)
{
if (_isPressed)
{
const double RADIUS = 150;
Point newPos = e.GetPosition(_PART_SecondCanvas);
double angle = MyHelper.GetAngleR(newPos, RADIUS);
_PART_Slider.Value = (_PART_Slider.Maximum - _PART_Slider.Minimum) * angle / (2 * Math.PI);
}
}
protected override void OnMouseLeftButtonDown(MouseButtonEventArgs e)
{
_isPressed = true;
}
protected override void OnMouseLeftButtonUp(MouseButtonEventArgs e)
{
_isPressed = false;
}
}
这是Generic.xaml 中包含的xaml
<Style TargetType="{x:Type local:HueWheel}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:HueWheel}">
<Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
<Slider x:Name="PART_Slider">
<Slider.Template>
<ControlTemplate>
<Canvas x:Name="PART_FirstCanvas" Width="300" Height="300">
<Image Stretch="Fill" Source="Assets/HueCircle.PNG" Focusable="False" Height="300" Width="300" RenderTransformOrigin="0.5,0.5">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="270"/>
<TranslateTransform/>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Ellipse Fill="Transparent" Width="300" Height="300" Canvas.Left="0" Canvas.Top="0"/>
<Canvas x:Name="PART_SecondCanvas">
<Line Stroke="Transparent" StrokeThickness="5" X1="150" Y1="150" X2="150" Y2="0"/>
<Ellipse Fill="Black" Width="20" Height="20" Canvas.Left="140" Canvas.Top="30"/>
<Canvas.RenderTransform>
<RotateTransform CenterX="150" CenterY="150">
<RotateTransform.Angle>
<MultiBinding Converter="{StaticResource ValueAngleConverter}">
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Value"/>
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Minimum"/>
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Maximum"/>
</MultiBinding>
</RotateTransform.Angle>
</RotateTransform>
</Canvas.RenderTransform>
</Canvas>
</Canvas>
</ControlTemplate>
</Slider.Template>
</Slider>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
此外,只有当鼠标在画布上时,鼠标位置才会输出,所以在这里它有点半功半功。。。没有什么困惑。
这是我用于角度计算的两个函数:
public static double GetAngle(double value, double maximum, double minimum)
{
double current = (value / (maximum - minimum)) * 360;
if (current == 360)
current = 359.999;
return current;
}
public static double GetAngleR(Point pos, double radius)
{
Point center = new Point(radius, radius);
double xDiff = center.X - pos.X;
double yDiff = center.Y - pos.Y;
double r = Math.Sqrt(xDiff * xDiff + yDiff * yDiff);
double angle = Math.Acos((center.Y - pos.Y) / r);
if (pos.X < radius)
angle = 2 * Math.PI - angle;
if (Double.IsNaN(angle))
return 0.0;
else
return angle;
}
有什么提示吗?
感谢
_PART_SecondCanvas
和_PART_FirstCanvas
为null,因为它们属于子Slider的控制模板,而不是"main">HueWheel模板。因此,使用HueWheel的GetTemplateChild()
无法访问它们。
在OnApplyTemplate()
中,您需要首先找到滑块,然后应用它的模板,最后在上调用FindName()
来查找画布元素:
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
//_PART_FirstCanvas = (Canvas)GetTemplateChild("PART_FirstCanvas");
//_PART_SecondCanvas = (Canvas)GetTemplateChild("PART_SecondCanvas");
_PART_Slider = (Slider)GetTemplateChild("PART_Slider");
_PART_Slider.ApplyTemplate();
var sliderTemplate = _PART_Slider.Template;
_PART_FirstCanvas = (Canvas)sliderTemplate.FindName("PART_FirstCanvas", _PART_Slider);
_PART_SecondCanvas = (Canvas)sliderTemplate.FindName("PART_SecondCanvas", _PART_Slider);
}
来源:如何获得ContentPresenter的孩子?
一旦您真正找到了_PART_SecondCanvas
和_PART_FirstCanvas
,您的OnMouseMove()
函数就应该按您的期望执行。
在您的代码中
Point ControlPos = e.GetPosition (this);
Point WindowPos = e.GetPosition( Application.Current.MainWindow );
将在控件和窗口坐标中为您提供-坐标。