Question

我使用Canvases和ScrollViewer在Windows Phone 7.1中构建视图：

<Grid x:Name="LayoutRoot">
    <ScrollViewer x:Name="SV" Margin="0,8,0,-8" ManipulationCompleted="ScheduleBackground_ManipulationCompleted" Hold="SV_Hold">
        <Canvas x:Name="ScheduleView" Grid.Row="1"  Margin="0,0" Height="1560" Loaded="ScheduleView_Loaded" >
        <Canvas x:Name="ScheduleBackground" >
                <Grid x:Name="HoursLegend" />
            </Canvas>
        </Canvas>
    </ScrollViewer>
</Grid>

它运作良好。我可以看到我的整个画布。现在我想添加一些交互，假设当用户将手指放在画布的某个位置时绘制红色矩形。

    // in page behind
    private TaskCreator taskCreator;

    private void SV_Hold(object sender, GestureEventArgs e)
    {

        taskCreator = new TaskCreator(ScheduleView, e);
    }

    private void ScheduleBackground_ManipulationCompleted(object sender, ManipulationCompletedEventArgs e)
    {
        if (taskCreator != null)
        {
            taskCreator.Clear();
            taskCreator = null;
        }
    }

我的类存储矩形：

class TaskCreator
{
    private System.Windows.Controls.Canvas ScheduleView;
    private System.Windows.Input.GestureEventArgs e;
    private Rectangle rec;

    public TaskCreator(System.Windows.Controls.Canvas ScheduleView, System.Windows.Input.GestureEventArgs e)
    {
        this.ScheduleView = ScheduleView;
        this.e = e;

        CreateTask();
    }

    private void CreateTask()
    {
        if (rec != null) throw new InvalidOperationException("Cannot create task without clear the previous rectangle");

        rec = new Rectangle();
        SolidColorBrush brush = new SolidColorBrush(Colors.Red);
        rec.Stroke = brush;
        rec.Fill = brush;

        rec.Width = this.ScheduleView.ActualWidth;
        rec.Height = 45;

        Point pos = e.GetPosition(this.ScheduleView);
        rec.Margin = new Thickness(0, pos.Y, 0, 0);

        this.ScheduleView.Children.Add(rec);
    }

    public void Clear()
    {
        if (rec != null && ScheduleView != null)
        {
            this.ScheduleView.Children.Remove(rec);
            rec = null;
        }
    }
    }

它也有效。当用户在画布上按住手指矩形时，他拿走手指后矩形消失。

现在我想在用户移动手指时移动此矩形（但仍然按住它）。我怎样才能做到这一点？我应该使用什么事件？从我的角度来看，这里最大的问题是ScrollViewer。绘制矩形后SV仍在工作（很好），但是当我滑动时SV正在移动，我的矩形总是在相同的位置（相对于画布）。

我已尝试过的内容：

我在SV中添加了ManipulationDelta =“SV_ManipulationDelta”：

    private void SV_ManipulationDelta(object sender, ManipulationDeltaEventArgs e)
    {
        if (taskCreator != null)
            taskCreator.Move(e);
    }

并在课堂上：

    private TranslateTransform dragTranslation = new TranslateTransform();
    internal void Move(System.Windows.Input.ManipulationDeltaEventArgs e)
    {
        dragTranslation.Y += e.DeltaManipulation.Translation.Y;
        rec.RenderTransform = dragTranslation;
    }

但它不起作用。

Answer 1

您可以使用每次手指移动时调用的其他事件。

private void ManipulationDelta(object sender,System.Windows.Input.ManipulationDeltaEventArgs e)
    {}

从此可以更新矩形的位置。

值得注意的是，此事件并不总是在模拟器上触发，而是在设备上完美运行。

在scrollview中，矩形在画布上跟随手指

1 个答案: