How to use basic graphical controls?

What is a basic graphic control?

To be compatible with the basic graphic instructions for drawing lines, circles, rectangles, and images in old basic products, basic graphic controls are introduced to meet the demand. The basic graphic controls are controlled by sending instructions through the serial port. Each basic graphic control has a storage area of 1024 bytes, and the serial port screen will save the drawing instruction part of the received instructions into the storage area.

This section mainly introduces the instruction format

Scope of application: F type, M series, H series

17.1 Basic display

Different graphics correspond to different drawing instructions, and one instruction can draw one or multiple graphics. When drawing again, the previous image will be cleared. The instruction format is shown in the following table:

17.2 Additional display

When using the additional mode, the old graphic will not be cleared. The new graphic will be added on top of the existing one, which is different from the basic display. It has an additional 0xCC byte. The instruction format is shown in the following table:

17.3 Clear display

The format of the clear drawing instruction is shown in the following table:

17.4 Draw a straight line

As per the instruction: EE B1 10 00 00 00 01 01 01 FF 00 32 00 32 00 C8 00 C8 FF FC FF FF, it indicates that the basic graphic control with ID 1 on page 0 uses the color 0x01FF to draw a straight line between screen coordinates (50,50) and (200,200).

17.5 Multi-point line

As per the instruction: EE B1 10 00 00 00 01 02 01 FF 00 32 00 32 00 C8 00 C8 00 64 00 64 FF FC FF FF, it indicates that in the basic graphic control with ID 1 on page 0, the color 0x01FF is used to draw two straight lines between screen coordinates (50,50), (200,200), and (100,100).

17.6 Hollow rectangle

As per instruction: EE B1 10 00 00 00 01 03 01 FF 00 32 00 32 00 C8 00 C8 FF FC FF FF, it indicates that in the basic graphic control with ID 1 on page 0, a hollow rectangle is drawn using color 0x01FF, with the upper left corner at screen coordinates (50,50) and the lower right corner at screen coordinates (200,200).

17.7 Solid rectangle

As per the instruction: EE B1 10 00 00 00 01 04 01 FF 00 32 00 32 00 C8 00 C8 FF FC FF FF, it indicates that in the basic graphic control with ID 1 on the 0th page, a solid rectangle is drawn using color 0x01FF, with the top left corner at screen coordinates (50,50) and the bottom right corner at screen coordinates (200,200)

17.8 Hollow ellipse

As per the instruction: EE B1 10 00 00 00 01 05 01 FF 00 32 00 64 00 96 00 FA FF FC FF FF, it indicates that in the basic graphic control with ID 1 on the 0th page, the color 0x01FF is used to draw an inscribed hollow ellipse (inscribed hollow circle) within a rectangle with the upper left corner at screen coordinates (100,50) and the lower right corner at screen coordinates (250,150).

17.9 Solid ellipse

As per the instruction: EE B1 10 00 00 00 01 06 01 FF 00 32 00 64 00 96 00 FA FF FC FF FF, it indicates that in the basic graphic control with ID 1 on the 0th page, the color 0x01FF is used to draw an inscribed solid ellipse (inscribed solid circle) within a rectangle with the top left corner at screen coordinates (100,50) and the bottom right corner at screen coordinates (250,150).

17.10 Crop image

As per instruction: EE B1 10 00 00 00 01 07 00 02 00 32 00 32 00 68 00 68 00 C8 00 C8 FF FC FF FF, it indicates that in the basic graphic control with ID 1 on the 0th page, starting from the screen coordinates (50,50), the content between the image coordinates (100,100) and (200,200) in image 2 is displayed.