Cursors for an Application

Introduction

A cursor is a small picture that represents the position of the mouse on a computer screen. As most operating systems are graphic-oriented, when they install, they create some standard or regularly used cursors. In Microsoft Windows, the set of cursors can be seen by opening the Control Panel window and double-clicking the Mouse icon. This opens the Mouse Properties dialog box where you can click the Pointers tab to see a list of standard cursors installed by Windows:

Mouse Properties

To support cursors, the .NET Framework provides two classes. One of the classes used for cursors is called Cursors:

public static class Cursors

This sealed class mostly contains a list of available cursors as properties. Another technique consists of using a cursor not listed in the Properties window. A cursor is based on the Cursor class:

public sealed class Cursor : IDisposable, System.Runtime.Serialization.ISerializable

Both the Cursors and the Cursor classes are defined in the System.Windows.Forms namespace that is part of the System.Windows.Forms.dll library.

Practical LearningPractical Learning: Introducing Cursors

  1. Start Microsoft Visual Studio
  2. Create a Windows Forms App named GraphicsAccessories2
  3. From the Common Controls section of the Toolbox, click the ListBox control ListBox and click the upper-left section of the form
  4. From the Containers section of the Toolbox, click the Panel control Panel and click the upper-right section of the form
  5. Once again, from the Common Controls section of the Toolbox, click the TreeView control Tree View and click the lower-left section of the form
  6. From the Common Controls section of the Toolbox, click the RichTextBox control Rich Text Box and click the lower-right section of the form

    Cursor

Creating a Cursor

A cursor is primarily represented in Microsoft Windows as a (resource) file. This means that, to get a cursor, you can design one. Fortunately, Microsoft Windows and the .NET Framework provide many cursors ready to be used. Otherwise, you can create and design your own cursor.

To create a cursor, you can use use Microsoft Visual Studio. To start, on the main menu, you can click Project -> Add New Item... In the middle list, you can click Cursor File, give it a name, and click Add.

A cursor is a Windows file that has the .cur extension.

Practical LearningPractical Learning: Creating a Cursor

  1. On the main menu, click Project -> Add New Item...
  2. In the middle list, click Cursor File
  3. Change the Filename to push
  4. Click Add
  5. On the Image Editor toolbar, click the Line tool Line. In the Colors window, make sure the black color is selected
  6. Draw a vertical line from the pixel on the 6th column and 2nd row from top
  7. Draw a diagonal line at 45˚ from the top border of the new line to the lower-right until the line is at 5 pixels from the right border of the drawing area

    Cursor Design

  8. Draw a horizontal line from the lower border of the dialog line to half-left
  9. Draw a diagonal line from the lower border of the vertical line to the left border of the horizontal line:
     

    Cursor Design 2

  10. Draw another diagonal line from the top corner of the current shape to the intersection of horizontal and left diagonal line:
     

    Cursor Design

  11. On the Image Editor toolbar, click Fill Tool Fill Tool
  12. In the Colors window, click the button with a pink monitor
  13. In the drawing area, click the right triangle
  14. In the Colors window, click the white color
  15. On the drawing area, click in the left triangle

    Cursor Design 

Characteristics of a Cursor

Accessing a Cursor

There are two main ways you can use a cursor in your application. The easiest cursors are listed in the Cursor field of the Properties window for the control whose cursor you want to change. The available cursors are:

Cursor Cursor Cursor Cursor

You can select one of these cursors in the Properties window and assign it to a control. These cursors are defined in a class called Cursors. This simple class mostly contains only a list of available cursors as properties. All these cursors are represented as static properties. Therefore, to use one of these cursors, call the name of the class, Cursors, followed by the class access operator ".", followed by the name of the cursor as it appears in the above list.

The Cursor class provides four constructors. One of them allows you to specify the path where the cursor is located. This constructor has the following syntax:

public Cursor(String filename);

The argument passed to this constructor is the name or the location of the cursor as a file. After calling this constructor to initialize a Cursor variable, the cursor is ready. You can then use it as you see fit. For example, you can assign it to the Cursor property of a control.

When the cursor of a control has been changed, the control fires a CursorChanged event. This event is of type EventArgs.

Practical LearningPractical Learning: Using Cursors

  1. Display the form
  2. Click the control on the upper-left section of the form
  3. In the Properties window, click the arrow of the combo box of the Cursor field and select PanNorth
  4. Double-click an unoccupied area of the form to access its Load event
  5. To programmatically assign cursors, implement the event as follows:
    private void Form1_Load(object sender, EventArgs e)
    {
        System.Drawing.Icon icoMain = new System.Drawing.Icon("diamond.ico");
        Icon = icoMain;
    
        System.Windows.Forms.Cursor curPush = new System.Windows.Forms.Cursor("push.cur");
        panel1.Cursor = Cursors.NoMove2D;
        treeView1.Cursor = curPush;
        richTextBox1.Cursor = Cursors.PanSE;
    }
  6. Execute the application to test it
    Cursor Cursor on a control
    Control showing a cursor Cursor displaying
  7. Close the form and return to your programming environment

The Hot Spot of a Cursor

Besides showing the current position of the mouse, depending on the application, at one time, the user may need to click. Because a cursor is primarily confined to a rectangular shape, a cursor must specify which one of its sections would lead the clicking. The area that directs or holds the clicking on a cursor is referred to as its hot spot. The person who designs a cursor must also specify its hot spot. This means that the hot spots have already been specified for all the built-in cursors of Microsoft Windows and the cursor that ship with the .NET Framework.

If you are visually creating a cursor, to specify its hot spot, on the Image Editor toolbar, you can click the Set Hot Spot Set Hot Spot Tool. Then, on the cursor, click the point that will act as the hot spot.

On an existing cursor, to know the coordinates of the hot spot, access the value of its HotSpot property. The Cursor.HotSpot property is of type Point.

Practical LearningPractical Learning: Creating a Hot Spot for a Cursor

  1. Display the cursor you were designing
  2. To set the position of the cursor pointer, on the Image Editor toolbar, click the Set Hot Spot Tool Set Hot Spot Tool
  3. Click the tip of the cursor at the intersection of vertical and the the diagonal lines in the top-left section

    Set Hot Spot Tool

  4. On the form, click an unoccupied area of the form
  5. In the Properties window, click the Events button Events and double-click the box right to MouseMove
  6. Implement the event as follows:
    private void Form1_MouseMove(object sender, MouseEventArgs e)
    {
        Text = "Hot Spot: F(" +
               Cursor.HotSpot.X.ToString() +
               ", " + Cursor.HotSpot.Y + ")";
    }
  7. Return to the form
  8. Click the control on the top-left area of the form
  9. In the Events section of the Properties window, double-click the box right to MouseMove
  10. Implement the event as follows:
    private void listBox1_MouseMove(object sender, MouseEventArgs e)
    {
        Text = "Hot Spot: L(" +
               listBox1.Cursor.HotSpot.X.ToString() +
               ", " + listBox1.Cursor.HotSpot.Y + ")";
    }
  11. Return to the form
  12. Click the control on the top-right area of the form
  13. In the Events section of the Properties window, double-click the box right to MouseMove
  14. Implement the event as follows:
    private void panel1_MouseMove(object sender, MouseEventArgs e)
    {
        Text = "Hot Spot: P(" +
               panel1.Cursor.HotSpot.X.ToString() +
               ", " + panel1.Cursor.HotSpot.Y + ")";
    }
  15. Return to the form
  16. Click the control on the lower-left area of the form
  17. In the Events section of the Properties window, double-click the box right to MouseMove
  18. Implement the event as follows:
    private void treeView1_MouseMove(object sender, MouseEventArgs e)
    {
        Text = "Hot Spot: T(" +
               treeView1.Cursor.HotSpot.X.ToString() +
               ", " + treeView1.Cursor.HotSpot.Y + ")";
    }
  19. Return to the form
  20. Click the control on the lower-right area of the form
  21. In the Events section of the Properties window, double-click the box right to MouseMove
  22. Implement the event as follows:
    private void richTextBox1_MouseMove(object sender, MouseEventArgs e)
    {
        Text = "Hot Spot: R(" +
               richTextBox1.Cursor.HotSpot.X.ToString() +
               ", " + richTextBox1.Cursor.HotSpot.Y + ")";
    }
  23. Execute the application to see the results:
  24. Close the form and return to your programming environment

The Size of a Cursor

A cursor is a picture of size 32 x 32 pixels. To know the size of an existing cursor, you can get the value of the Size property of the Cursor object. The Cursor.Size property is of type Size.

To specify the rectangle in which the cursor much be confined, you can create a Rectangle object and assign it to the Clip property of a cursor. To know the rectangle in which a cursor is confined, get the value of its Clip property. The Cursor.Clip property is of type Rectangle.

The Position of a Cursor

While the user is moving the mouse on a control, the cursor moves also, which, by its purpose, is designed to show the current position of the mouse. In some application, at one particular time, you may want to know the coordinates of the mouse position. To provide you with this information, the Cursor class is equipped with a property named Position. The Position property is of type Point, which gives you to left (X) and the top (Y) coordinates of the mouse. Here is an example that displays the position of the mouse on the title bar of a form:

private void Exercise_MouseMove(object sender, MouseEventArgs e)
{
    Text = Cursor.Position.X.ToString() +
           ", " +
           Cursor.Position.Y.ToString();
}

Showing or Hiding a Cursor

If at any time you want to hide a cursor, you can call the Cursor.Hide() method. Its syntax is:

public static void Hide();

To display the cursor again, you can call the Cursor.Show() method. Its syntax is:

public static void Show();

Practical LearningPractical Learning: Ending the Lesson


Previous Copyright © 2010-2024, FunctionX Thursday 25 Apil 2024, 22:15 Next