これに似たSilverlightでカラーピッカーを作成しようとしていますが、大きな正方形の領域にカーソルを実装するのに問題があります。マウスの状態を追跡するために、_isMouseDown
変数があります。MouseLeave
イベント_isMouseDown
がに設定されているfalse
ため、ユーザーが大きな正方形の領域からドラッグして離し、マウスを元に戻した場合、カラーピッカーカーソルがマウスに「ジャンプ」して追従すること_isMouseDown
はありません( true
)。ただし、MouseLeave
カーソルがマウスをすばやく動かしたときにもイベントが発生するようで、カラーピッカーカーソルが「ドロップ」されます。
次のコードは、問題を再現するのに十分です。マウスをすばやくドラッグしてみると、楕円が「ドロップ」されます。MouseLeave
イベントが削除されると、問題は解消されます。この「ドロップ」の問題を修正する方法はありますが、それでも上記の動作はありますか?
XAML:
<UserControl x:Class="SilverlightApplication1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas x:Name="LayoutRoot" Width="800" Height="600">
<Rectangle Width="800" Height="600" MouseLeftButtonDown="TestMouseDown"
MouseLeftButtonUp="TestMouseUp" MouseMove="TestMouseMove"
MouseLeave="TestMouseLeave">
<Rectangle.Fill>
<LinearGradientBrush>
<GradientStop Offset="0.00" Color="Crimson" />
<GradientStop Offset="1.00" Color="Azure" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Ellipse Name="TestEllipse" Width="50" Height="50" Fill="Green" />
</Canvas>
</UserControl>
C#コードビハインド:
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
namespace SilverlightApplication1
{
public partial class MainPage : UserControl
{
private bool _isMouseDown;
public MainPage()
{
InitializeComponent();
}
private void TestMouseDown(object sender, MouseButtonEventArgs e)
{
_isMouseDown = true;
UpdatePosition(e.GetPosition(LayoutRoot));
}
private void TestMouseUp(object sender, MouseButtonEventArgs e)
{
_isMouseDown = false;
}
private void TestMouseMove(object sender, MouseEventArgs e)
{
if (_isMouseDown)
UpdatePosition(e.GetPosition(LayoutRoot));
}
private void TestMouseLeave(object sender, MouseEventArgs e)
{
_isMouseDown = false;
}
private void UpdatePosition(Point point)
{
Canvas.SetLeft(TestEllipse, point.X);
Canvas.SetTop(TestEllipse, point.Y);
}
}
}