Question

I want to use an image or icon as a custom cursor in WPF app. How can I do that?

Answer 1

You have two basic options:

1. When the mouse cursor is over your control, hide the system cursor by setting this.Cursor = Cursors.None; and draw your own cursor using whatever technique you like. Then, update the position and appearance of your cursor by responding to mouse events. Here are two examples:

• http://www.xamlog.com/2006/07/17/creating-a-custom-cursor/

• http://www.hanselman.com/blog/DeveloperDesigner.aspx

  Additional examples can be found here:

• WPF Tutorial – How To Use Custom Cursors

• Setting the Cursor to Render Some Text While Dragging

• Getting fancy and using the Visual we are dragging for feedback [instead of a cursor]

• How can I drag and drop items between data bound ItemsControls?

2. Create a new Cursor object by loading an image from a .cur or .ani file. You can create and edit these kinds of files in Visual Studio. There are also some free utilites floating around for dealing with them. Basically they’re images (or animated images) which specify a "hot spot" indicating what point in the image the cursor is positioned at.

If you choose to load from a file, note that you need an absolute file-system path to use the Cursor(string fileName) constructor. Lamely, a relative path or Pack URI will not work. If you need to load the cursor from a relative path or from a resource packed with your assembly, you will need to get a stream from the file and pass it in to the Cursor(Stream cursorStream) constructor. Annoying but true.

On the other hand, specifying a cursor as a relative path when loading it using a XAML attribute does work, a fact you could use to get your cursor loaded onto a hidden control and then copy the reference to use on another control. I haven’t tried it, but it should work.