resizestate can be used to change the
width and height of a view in response to the movement of the
mouse.
In the example below, the resizestate tracks
differences in the mouse position from after it is applied, so the
bottom right corner of the resizing view does not snap to the
mouse position.
Example 95. Resizing a view using the mouse
<canvas height="120">
<view bgcolor="green" width="100" height="100" onmousedown="rs.setAttribute('applied', true)" onmouseup="rs.setAttribute('applied', false)">
<resizestate name="rs"/>
</view>
</canvas>
resizes its immediateparent in response to mouse events, when applied
| Name | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
height
|
expression | any | this.immediateparent.getMouse( 'y' )- this.__resize_yroffset | read/write |
__resize_xroffset
|
expression | any | this.x - this.width + this.getMouse( 'x' ) | read/write |
| the x offset from the mouse | ||||
__resize_yroffset
|
expression | any | this.y - this.height + this.getMouse( 'y' ) | read/write |
| the y offset from the mouse | ||||
width
|
expression | any | this.immediateparent.getMouse( 'x' )- this.__resize_xroffset | read/write |
Attributes inherited from <node>
classroot, cloneManager, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, subnodes
Methods
Methods inherited from <node>
animate, applyConstraint, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getAttribute, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setData, setDatapath, setOption, setSelected, updateData
Events