バージョン

さまざまなドラッグ アンド ドロップ状況のカスタム カーソルを設定

始める前に

エンドユーザーが Infragistics Drag and Drop Framework 内でアクションを実行する時に使用されるデフォルトのカーソルをオーバーライドできます。以下のカーソル テンプレートを使用できます。

前提:

このトピックは、ドラッグ アンド ドロップ機能をページにすでに実装済みであることを前提としています。詳細については、 「Infragistics Drag and Drop Framework を使用した作業の開始」を参照してください。

達成すること

この詳細なガイドの手順を完了すると、MoveCursorTemplate と DropNotAllowedCursorTemplate をカスタマイズしたことになります。ユーザー エクスペリエンスを向上させ、ドラッグされた要素がどの状態にあるか明確に判断するため、カーソル テンプレートを変更できます。

次の手順を実行します

  1. DragSource オブジェクトの MoveCursorTemplate および DropNotAllowedCursorTemplate を設定します。緑色と赤色の省略記号は、ドラッグされた要素が有効なドロップ ターゲットの上にあるかどうかを示します。

XAML の場合:

<ig:DragDropManager.DragSource>
    <ig:DragSource IsDraggable="True"  DragChannels="ChannelA"
        Drop="DragSource_Drop" >
        <ig:DragSource.MoveCursorTemplate>
            <DataTemplate>
                <Ellipse Fill="Green" Width="50" Height="50" />
            </DataTemplate>
        </ig:DragSource.MoveCursorTemplate>
        <ig:DragSource.DropNotAllowedCursorTemplate>
            <DataTemplate>
                <Ellipse Fill="Red" Width="50" Height="50" />
            </DataTemplate>
        </ig:DragSource.DropNotAllowedCursorTemplate>
    </ig:DragSource>
 </ig:DragDropManager.DragSource>
  1. アプリケーションを保存して実行します。