WhileDroppingBy Class - Fuse Documentation

Jump to:
Table of Contents

This entity is experimental and might be changed or removed in a future release.

a Trigger that activate when the element that has WhileDroppedBy trigger is intersected with Source element (Draggable Element)

#Example:

<App>
    <JavaScript>
        var Observable = require("FuseJS/Observable");
        var dataToTransfer = new Observable("Data to transfer");
        module.exports = { dataToTransfer, dataReceived: function (args) { console.dir(args.data); } }
    </JavaScript>
    <ClientPanel>
        <Panel ux:Name="source" X="40" Y="80" Size="80">
            <Rectangle Layer="Background" Color="#afa" ux:Name="bg" />
            <Draggable />
            <Shadow Distance="0" Size="0" ux:Name="shadow" />
            <WhilePressed>
                <Scale Vector="1.2" Duration="0.2" />
                <Change shadow.Size="5" Duration="0.2" />
                <Change shadow.Distance="3" Duration="0.2" />
                <Change shadow.Color="#666" Duration="0.1" />
            </WhilePressed>
            <WhileDragging>
                <Change shadow.Size="10" Duration="0.1" />
                <Change shadow.Distance="6" Duration="0.1" />
                <Change shadow.Color="#333" Duration="0.1" />
            </WhileDragging>
            <WhileDraggingOver Target="dropPanel">
                <Change bg.Color="#0f0" />
                <Change bg.StrokeWidth="2" Duration="0.2" />
                <Change bg.StrokeColor="#f00" Duration="0.2" />
            </WhileDraggingOver>
            <Dropped To="dropPanel" Data="{dataToTransfer}">
                <Set source.Size="50" />
            </Dropped>
        </Panel>

        <Panel Size="80" X="80" Y="500" Color="#ccc" ux:Name="dropPanel">
            <WhileDroppingBy Source="source">
                <Change dropPanel.Color="#0ff" Duration="0.2" />
            </WhileDroppingBy>
            <Dropped By="source" Handler="{dataReceived}">
                <Scale Vector="1.2" Duration="0.2" />
            </Dropped>
        </Panel>
    </ClientPanel>
</App>

Location

Namespace: Fuse.Physics
Package: Fuse.Physics 2.9.1

Show Uno properties and methods

Interface of WhileDroppingBy

Source : Element ux

Source element is an element that has draggable behavior on which intersect with the element that has WhileDroppingBy trigger

SourceUxClass : string ux

Source element classname that has draggable behavior on which intersect with the element that has WhileDroppingBy trigger

WhileDroppingBy Constructor uno

Creates a new WhileDroppingBy

Inherited from DraggableTrigger

CheckOverlap(Element, Element) : float uno

FindBestOverlaps(Element) : OverlapInfo uno

TargetInstances : IList of Node uno

ToTargetUxClass : string ux

Target Element classname that is intersected by a draggable element

Inherited from WhileTrigger

BypassSetActive(bool) uno

Call in situations where the bypassing is forced. This should be rare since during rooting the normal bypass mechanism of the trigger will apply.

Invert : bool ux

Inverts the trigger so it will be active when it would normally be inactive, and vice versa.

Inherited from Trigger

Actions : IList of TriggerAction ux

A list of actions that execute with the trigger. These may react on simple direction changes, or at specific time offsets.

Activate(Action) uno

Activates the trigger (target progress of 1).

Animators : IList of Animator ux

BackwardAnimation : TriggerAnimation ux

Specifies an explicit backward animation instead of using the implied backward animation of the animators involved. Be aware that actions are not part of the animation.

Bypass : TriggerBypassMode ux

Specifies how changes in state are handled while initializing and rooting the trigger.

BypassSeek(double, AnimationVariant) uno

CrossFadeDuration : double ux

If there is a transition between forward/backward playback and two timeilnes are being used (implicit or explicit) this specifies the cross-fade time.

Deactivate uno

Deactivates the trigger (target progress of 0).

DirectSeek(double, AnimationVariant) uno

HasBackwardAnimation : bool uno

true if there is an explicit backward animation.

OnPlayStateChanged(TriggerPlayState) uno

PlayEnd(bool, Action) uno

Play the trigger from where it currently is to the end.

PlayTo(double, AnimationVariant) uno

Plays to a specific progress with the given animation variant.

Pulse uno

Plays the trigger to progress 1 then back to 0.

PulseBackward uno

Plays the trigger starting at progress=1 down to 0.

Indicates the trigger is bound to the layout of a visual. This will keep the trigger in Bypass mode until after the first layout of the element is obtained. This is required since layout does not happen in the same root grouping/update phase as the creation of the element, yet not having a layout should qualify as part of the rooting period.

Seek(double, AnimationVariant) uno

Seeks to a specific progress with the given animation variant.

Start uno

Stop(bool) uno

StretchDuration : double ux

Stretches the duration of the animation to fill up this period of time.

TimeMultiplier : double ux

Specifies a multiplier to the elapsed time for animation playback.

Inherited from NodeGroupBase

FindTemplate(string) : Template uno

Nodes : IList of Node ux

Nodes to add to the Parent when this trigger is any non-deactivated state (Progress > 0)

OnNodeAdded(Node) uno

OnNodeRemoved(Node) uno

Resources : IList of Resource ux

Templates : IList of Template ux

Inherited from Node

Add(Binding) uno

Bindings : IList of Binding ux

The list of bindings belonging to this node.

ContextParent : Node uno

The context parent is the semantic parent of this node. It is where non-UI structure should be resolved, like looking for the DataContext, a Navigation, or other semantic item.

FindByType<T> : T uno

FindNodeByName(Selector, Predicate<Node> (Node)) : Node uno

Finds the first node with a given name that satisfies the given acceptor. The serach algorithm works as follows: Nodes in the subtree are matched first, then it matches the nodes in the subtrees ofthe ancestor nodes by turn all the way to the root. If no matching node is found, the function returns null.

GetNearestAncestorOfType<T> : T uno

Insert(int, Binding) uno

IsRootingCompleted : bool uno

Whether rooting for this node is completed. Returns false if unrooting has started.

IsRootingStarted : bool uno

Whether rooting of this node has started. Note that even if this property returns true, rooting may not yet be completed for the node. See also IsRootingCompleted.

Name : Selector ux

Run-time name of the node. This property is automatically set using the ux:Name attribute.

NextSibling<T> : T uno

Returns the next sibling node of the given type.

OnDataChanged(string, object) uno

OnRooted uno

If you override OnRooted you must call base.OnRooted() first in your derived class. No other processing should happen first, otherwise you might end up in an undefined state.

OnUnrooted uno

Parent : Visual uno

The parent Visual of this node. Will return null if the node is not rooted.

PreviousSibling<T> : T uno

Returns the next sibling node of the given type.

Properties : Properties uno

A linked list holding data for extrinsic properties.

Remove(Binding) : bool uno

SoftDispose uno

SourceFileName : string ux

hide

SourceLineNumber : int ux