2

Windows8メトロアプリで画像をドラッグアンドドロップする方法はありますか？私はC＃とXAMLを使用しています。以下は私が必要なものです...

ここに画像の説明を入力してください

4

4 に答える 4

5

確かにあります。自分で制御する必要がありますが、非常に簡単です。次のようないくつかのポインタイベントを使用する必要があります。

XAML：

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"   PointerMoved="GridPointerMoved">
    <Image x:Name="image1" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Source="Assets/imageFile.png"  PointerPressed="ImagePointerPressed" PointerReleased="ImagePointerReleased"/>
</Grid>

次に、CSファイルで：

Point positionWithinImage;
private void ImagePointerPressed(object sender, PointerRoutedEventArgs e)
{
    Debug.WriteLine("Pressed");
    holding = true;

    positionWithinImage = e.GetCurrentPoint(sender as Image).Position;
}

private void ImagePointerReleased(object sender, PointerRoutedEventArgs e)
{
    Debug.WriteLine("Released");
    holding = false;
}

bool holding = false;

private void GridPointerMoved(object sender, PointerRoutedEventArgs e)
{
    if (holding)
    {
        var pos = e.GetCurrentPoint(image1.Parent as Grid).Position;
        image1.Margin = new Thickness(pos.X - this.positionWithinImage.X, pos.Y - this.positionWithinImage.Y, 0, 0);
    }
}
于 2012-10-21T18:47:28.423 に答える
5

私はここで良い解決策を見つけました：http：//xatazch.blogspot.pt/2012/08/drag-and-drop-item-using.html

TranslateTransformを使用すると、ドラッグ可能なアイテムのスムーズで「リアルタイム」の動きを得ることができます。

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
     image1.ManipulationDelta += DragableItem_ManipulationDelta;
     image1.RenderTransform = new TranslateTransform();
}

private void DragableItem_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
{
     Image dragableItem = sender as Image;
     TranslateTransform translateTransform = dragableItem.RenderTransform as TranslateTransform;

     translateTransform.X += e.Delta.Translation.X;
     translateTransform.Y += e.Delta.Translation.Y;
}

それが役に立てば幸い！

于 2013-01-30T23:36:27.560 に答える
2

私はあなたの解決策を試しましたが、それは実際には画像の「完璧な」動きにはなりませんでした。

または、操作イベントの使用を試みることもできます。

XAML：

<Image x:Name="imgSanta" Width="250" Source="Assets/santa.png" ManipulationMode="All" ManipulationStarted="imgSanta_ManipulationStarted_1" ManipulationDelta="imgSanta_ManipulationDelta_1"></Image>

C＃

private void imgSanta_ManipulationStarted_1(object sender, ManipulationStartedRoutedEventArgs e)
        {
            txtFeedback.Text = "Manipulation started";
        }

        private void imgSanta_ManipulationDelta_1(object sender, ManipulationDeltaRoutedEventArgs e)
        {                
            var newTop = imgSanta.Margin.Top + e.Delta.Translation.Y;
            var newLeft = imgSanta.Margin.Left + e.Delta.Translation.X;
            imgSanta.Margin = new Thickness(newLeft, newTop, 0, 0);
        }

これでも100％満足しているわけではありませんが、より良い結果が得られると思います。これについてどう思うか教えてください。（これは古い投稿ですが、言及する価値があります）

編集：1：1の動きは、画像がStackPanel内にある場合にのみ機能することに気付きました。

于 2012-12-21T20:04:56.647 に答える
0

joaquimsアプローチの方が高速です...このデモアプリをご覧ください：http：//code.msdn.microsoft.com/windowsapps/Drag-and-Drop-a-picture-in-26580dc0

于 2014-01-17T14:05:32.397 に答える