How To Create a Custom Cursor
This lesson will show you how to create a custom cursor that you can use in LiveCode. To use custom cursors you can set the cursor property.
If you want to modify one of the existing LiveCode custom cursors then take a look at the stack revCustomCursors by executing the following script in the message box:
go stack "revCustomCursors"
Create The Cursor Image
Create a 16x16 pixel image in your favorite image editing application. You can have black, white or transparent pixels.
Export as PNG
Export your image as a 32-bit PNG, a PNG with transparency.
Import Into LiveCode
Import your icon PNG file into LiveCode.
Set the defaultCursor
Set the defaultCursor to the id of the image you just imported. I created a button with the script you see here.
Try it
Switch to run mode and click the button. Your cursor should change to your imported icon.
Robert Cailliau
This is fine, but how does one set the pixel that is active?
It seems to always be the top left pixel, but I want it in the centre, as it is with, e.g. , the beachball.
Panos Merakos
Hello Robert,
The active pixel of the custom cursor is the value of the "hotSpot" property of the image you create the cursor from.
Kind regards,
Panos
Robert Cailliau
Thank you Panos, perfect. I should have spotted that...!
Add it to the Dictionary API page.
Panos Merakos
Thanks Robert - will do :)
Robert Arnold
Thank you. On the topic of cursors I have a problem. I have a stack that plays videos initiated from a "play" button script. The script sets the cursor to none and locks the cursor. When initiated by clicking the "play" button the cursor is hidden as intended. However, if initiated from a stack script "on openstack" to send a mouseup to the "play" button, the cursor remains visible. Any idea what is going on here? Thanks again!
sam norris
Hello,
That is quite likely a race condition, which would be best avoided by adding "in 500 milliseconds" onto the end of your send command. If that solves the problem, you can then adjust the timing.