Jump to content

Component: MouseEvents ( Data): Difference between revisions

From Flowcode Help
Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.0 |- | width="20%" style="color:gray;..."
 
m Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead""
 
(3 intermediate revisions by the same user not shown)
Line 24: Line 24:
==Detailed description==
==Detailed description==


Many mobile devices contain an internal accelerometer which can report the acceleration in each of the 3 perpendicular axes - x, y and z.
This component allows access to the data provided by this sensor (if available) and can report the data with/without the contribution of the gravity force at that time.




==Examples==
==Examples==


===Graphing the accelerometer output===
This example shows the acceleration in the 3 axes on a chart.
{{Fcfile|DeviceMotion.fcweb|DeviceMotion.fcweb}}
The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/DeviceMotion.html DeviceMotion Example]
===Using the Motion component with a callback===
The is a similar example to above, but this one uses a callback function to retrieve the acceleration data on a regular basis.
{{Fcfile|DeviceMotionWithCallback.fcweb|DeviceMotionWithCallback.fcweb}}
The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/DeviceMotionWithCallback.html DeviceMotionWithCallback Example]




Line 51: Line 34:
==Property reference==
==Property reference==


{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''  
| width="90%" class="mtx-class-macrohead" | '''Properties'''  
|-
|-
|-
|-

Latest revision as of 14:23, 13 July 2026

Author MatrixTSL
Version 1.0
Category Data


MouseEvents component

Component that links to mouse-based events such as mouseEnter, mouseDown and mouseMove

Version information

Library Version, Component Version, Date, Author, Info
1, 1.0, 15-06-26, ST, Created


Detailed description

Examples

Macro reference

Property reference

Properties
Whole App
If true, mouse events will be monitored for the whole app. Otherwise, mouse events will be monitored only for the linked object. 
LinkTo
The object that will fire the events when the mouse is over it. 

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_MouseEvents.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_MouseEvents.fcsx