SPI Graphic Lcd Library
mikroBasic PRO for dsPIC30/33 and PIC24 provides a library for operating Graphic Lcd 128x64 (with commonly used Samsung KS108/KS107 controller) via SPI interface.
For creating a custom set of Glcd images use Glcd Bitmap Editor Tool.

- When using this library with dsPIC33 and PIC24 family MCUs be aware of their voltage incompatibility with certain number of Samsung KS0108 based Glcd modules.
So, additional external power supply for these modules may be required. - Library uses the SPI module for communication. The user must initialize the appropriate SPI module before using the SPI Glcd Library.
- For MCUs with multiple SPI modules it is possible to initialize all of them and then switch by using the
SPI_Set_Active()
routine. See the SPI Library functions. - This Library is designed to work with the mikroElektronika's Serial Lcd/Glcd Adapter Board pinout, see schematic at the bottom of this page for details.
Library Dependency Tree

External dependencies of SPI Lcd Library
The implementation of SPI Lcd Library routines is based on Port Expander Library routines.
External dependencies are the same as Port Expander Library external dependencies.
Library Routines
Basic routines:
- SPI_Glcd_Init
- SPI_Glcd_Set_Side
- SPI_Glcd_Set_Page
- SPI_Glcd_Set_X
- SPI_Glcd_Read_Data
- SPI_Glcd_Write_Data
- SPI_Glcd_Set_Ext_Buffer
Advanced routines:
- SPI_Glcd_Fill
- SPI_Glcd_Dot
- SPI_Glcd_Line
- SPI_Glcd_V_Line
- SPI_Glcd_H_Line
- SPI_Glcd_Rectangle
- SPI_Glcd_Rectangle_Round_Edges
- SPI_Glcd_Rectangle_Round_Edges_Fill
- SPI_Glcd_Box
- SPI_Glcd_Circle
- SPI_Glcd_Circle_Fill
- SPI_Glcd_Set_Font
- SPI_Glcd_Set_Font_Adv
- SPI_Glcd_Set_Ext_Font_Adv
- SPI_Glcd_Write_Char
- SPI_Glcd_Write_Char_Adv
- SPI_Glcd_Write_Text
- SPI_Glcd_Write_Text_Adv
- SPI_Glcd_Write_Const_Text_Adv
- SPI_Glcd_Image
- SPI_Glcd_Ext_Image
- SPI_Glcd_PartialImage
- SPI_Glcd_Ext_PartialImage
SPI_Glcd_Init
Prototype |
sub procedure SPI_Glcd_Init() |
---|---|
Description |
Initializes the Glcd module via SPI interface. |
Parameters |
|
Returns |
Nothing. |
Requires |
Global variables :
|
Example |
' Port Expander module connections dim SPExpanderRST as sbit at LATF0_bit SPExpanderCS as sbit at LATF1_bit SPExpanderRST_Direction as sbit at TRISF0_bit SPExpanderCS_Direction as sbit at TRISF1_bit ' End Port Expander module connections ... ' If Port Expander Library uses SPI1 module : SPI1_Init() ' Initialize SPI module used with PortExpander SPI_Glcd_Init(0) |
Notes |
None. |
SPI_Glcd_Set_Side
Prototype |
sub procedure SPI_Glcd_Set_Side(dim x_pos as byte) |
---|---|
Description |
Selects Glcd side. Refer to the Glcd datasheet for detail explanation. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
The following two lines are equivalent, and both of them select the left side of Glcd: SPI_Glcd_Set_Side(0) SPI_Glcd_Set_Side(10) |
Notes |
For side, x axis and page layout explanation see schematic at the bottom of this page. |
SPI_Glcd_Set_Page
Prototype |
sub procedure SPI_Glcd_Set_Page(dim page as byte) |
---|---|
Description |
Selects page of Glcd. |
Returns |
|
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
SPI_Glcd_Set_Page(5) |
Notes |
For side, x axis and page layout explanation see schematic at the bottom of this page. |
SPI_Glcd_Set_X
Prototype |
sub procedure SPI_Glcd_Set_X(dim x_pos as byte) |
---|---|
Description |
Sets x-axis position to |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
SPI_Glcd_Set_X(25) |
Notes |
For side, x axis and page layout explanation see schematic at the bottom of this page. |
SPI_Glcd_Read_Data
Prototype |
sub function SPI_Glcd_Read_Data() as byte |
---|---|
Description |
Reads data from the current location of Glcd memory and moves to the next location. |
Returns |
One byte from Glcd memory. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. Glcd side, x-axis position and page should be set first. See the functions SPI_Glcd_Set_Side, SPI_Glcd_Set_X, and SPI_Glcd_Set_Page. |
Parameters |
None. |
Example |
dim data_ as byte ... data_ = SPI_Glcd_Read_Data() |
Notes |
None. |
SPI_Glcd_Write_Data
Prototype |
sub procedure SPI_Glcd_Write_Data(dim data_ as byte) |
---|---|
Description |
Writes one byte to the current location in Glcd memory and moves to the next location. |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. Glcd side, x-axis position and page should be set first. See the functions SPI_Glcd_Set_Side, SPI_Glcd_Set_X, and SPI_Glcd_Set_Page. |
Example |
dim data_ as byte ... SPI_Glcd_Write_Data(data_) |
Notes |
None. |
SPI_Glcd_Set_Ext_Buffer
Prototype |
sub procedure SPI_Glcd_Set_Ext_Buffer(dim getExtDataPtr as ^TSPI_Glcd_Get_Ext_Data_Ptr) |
---|---|
Returns |
Nothing. |
Description |
Function sets pointer to the user function which manipulates the external resource. Parameters :
User function prototype should be in the following format: Parameters used in the function have the following meaning :
|
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. Glcd side, x-axis position and page should be set first. See the functions SPI_Glcd_Set_Side, SPI_Glcd_Set_X, and SPI_Glcd_Set_Page. |
Example |
Glcd_Set_Ext_Buffer(@ReadExternalBuffer) |
SPI_Glcd_Fill
Prototype |
sub procedure SPI_Glcd_Fill(dim pattern as byte) |
---|---|
Description |
Fills Glcd memory with byte To clear the Glcd screen, use To fill the screen completely, use |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Clear screen SPI_Glcd_Fill(0) |
Notes |
None. |
SPI_Glcd_Dot
Prototype |
sub procedure SPI_Glcd_Dot(dim x_pos, y_pos, color as byte) |
---|---|
Description |
Draws a dot on Glcd at coordinates ( |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Invert the dot in the upper left corner SPI_Glcd_Dot(0, 0, 2) |
Notes |
For x and y axis layout explanation see schematic at the bottom of this page.. |
SPI_Glcd_Line
Prototype |
sub procedure SPI_Glcd_Line(dim x_start, y_start, x_end, y_end as integer, dim color as byte) |
---|---|
Description |
Draws a line on Glcd. Parameters : |
Parameters |
Parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a line between dots (0,0) and (20,30) SPI_Glcd_Line(0, 0, 20, 30, 1) |
Notes |
None. |
SPI_Glcd_V_Line
Prototype |
sub procedure SPI_Glcd_V_Line(dim y_start, y_end, x_pos, color as byte) |
---|---|
Description |
Draws a vertical line on Glcd. |
Parameters |
Parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a vertical line between dots (10,5) and (10,25) SPI_Glcd_V_Line(5, 25, 10, 1) |
Notes |
None. |
SPI_Glcd_H_Line
Prototype |
sub procedure SPI_Glcd_H_Line(dim x_start, x_end, y_pos, color as byte) |
---|---|
Description |
Draws a horizontal line on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a horizontal line between dots (10,20) and (50,20) SPI_Glcd_H_Line(10, 50, 20, 1) |
Notes |
None. |
SPI_Glcd_Rectangle
Prototype |
sub procedure SPI_Glcd_Rectangle(dim x_upper_left, y_upper_left, x_bottom_right, y_bottom_right, color as byte) |
---|---|
Description |
Draws a rectangle on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a rectangle between dots (5,5) and (40,40) SPI_Glcd_Rectangle(5, 5, 40, 40, 1) |
Notes |
None. |
SPI_Glcd_Rectangle_Round_Edges
Prototype |
sub procedure Glcd_Rectangle_Round_Edges(dim x_upper_left as byte, dim y_upper_left as byte, dim x_bottom_right as byte, dim y_bottom_right as byte, dim radius as byte, dim color as byte) |
---|---|
Description |
Draws a rounded edge rectangle on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routines. |
Example |
' Draw a rounded edge rectangle between dots (5,5) and (40,40) with the radius of 12 SPI_Glcd_Rectangle_Round_Edges(5, 5, 40, 40, 12, 1) |
Notes |
None. |
SPI_Glcd_Rectangle_Round_Edges_Fill
Prototype |
sub procedure SPI_Glcd_Rectangle_Round_Edges_Fill(dim x_upper_left as byte, dim y_upper_left as byte, dim x_bottom_right as byte, dim y_bottom_right as byte, dim radius as byte, dim color as byte) |
---|---|
Description |
Draws a filled rounded edge rectangle on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routines. |
Example |
' Draws a filled rounded edge rectangle between dots (5,5) and (40,40) with the radius of 12 SPI_Glcd_Rectangle_Round_Edges_Fill(5, 5, 40, 40, 12, 1) |
Notes |
None. |
SPI_Glcd_Box
Prototype |
sub procedure SPI_Glcd_Box(dim x_upper_left, y_upper_left, x_bottom_right, y_bottom_right, color as byte) |
---|---|
Description |
Draws a box on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a box between dots (5,15) and (20,40) SPI_Glcd_Box(5, 15, 20, 40, 1) |
Notes |
None. |
SPI_Glcd_Circle
Prototype |
sub procedure SPI_Glcd_Circle(dim x_center, y_center, radius as integer, dim color as byte) |
---|---|
Description |
Draws a circle on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a circle with center in (50,50) and radius=10 SPI_Glcd_Circle(50, 50, 10, 1) |
Notes |
None. |
SPI_Glcd_Circle_Fill
Prototype |
sub procedure SPI_Glcd_Circle_Fill(dim x_center as integer, dim y_center as integer, dim radius as integer, dim color as byte) |
---|---|
Description |
Draws a filled circle on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draw a circle with center in (50,50) and radius=10 SPI_Glcd_Circle_Fill(50, 50, 10, 1) |
Notes |
None. |
SPI_Glcd_Set_Font
Prototype |
sub procedure SPI_Glcd_Set_Font(dim activeFont as const byte, dim aFontWidth, aFontHeight as byte, dim aFontOffs as word) |
---|---|
Description |
Sets font that will be used with SPI_Glcd_Write_Char and SPI_Glcd_Write_Text routines. |
Parameters |
The user can use fonts given in the file
For the sake of the backward compatibility, these fonts are supported also:
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Use the custom 5x7 font "myfont" which starts with space (32): SPI_Glcd_Set_Font(@myfont, 5, 7, 32) |
Notes |
None. |
SPI_Glcd_Set_Font_Adv
Prototype |
sub procedure SPI_Glcd_Set_Font_Adv(dim const activeFont as ^byte, dim font_color as word, dim font_orientation as byte) |
---|---|
Description |
Sets font that will be used with SPI_Glcd_Write_Char_Adv and SPI_Glcd_Write_Text_Adv routines. |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
SPI_Glcd_Set_Font_Adv(@myfont, 0, 0) |
Notes |
None. |
SPI_Glcd_Set_Ext_Font_Adv
Prototype |
sub procedure SPI_Glcd_Set_Ext_Font_Adv(dim activeFont as longword, dim font_color as word, dim font_orientation as word) |
---|---|
Description |
Sets font that will be used with SPI_Glcd_Write_Char_Adv and SPI_Glcd_Write_Text_Adv routines. Font is located in an external resource. |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
Glcd_Set_Ext_Font_Adv(173296, 5, 7, 32) |
Notes |
None. |
SPI_Glcd_Write_Char
Prototype |
sub procedure SPI_Glcd_Write_Char(dim chr1, x_pos, page_num, color as byte) |
---|---|
Description |
Prints character on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
SPI_Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. Use the SPI_Glcd_Set_Font
to specify the font for display; if no font is specified, then the default |
Example |
' Write character 'C' on the position 10 inside the page 2: SPI_Glcd_Write_Char("C", 10, 2, 1) |
Notes |
For x axis and page layout explanation see schematic at the bottom of this page. |
SPI_Glcd_Write_Char_Adv
Prototype |
sub procedure SPI_Glcd_Write_Char_Adv(dim ch, x, y as word) |
---|---|
Returns |
Nothing. |
Description |
Writes a char on the glcd at coordinates (x, y).
|
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
Glcd_Write_Char_Adv("A",22,23) |
SPI_Glcd_Write_Text
Prototype |
sub procedure SPI_Glcd_Write_Text(dim byref text as string, dim x_pos, page_num, color as byte) |
---|---|
Description |
Prints text on Glcd. |
Parameters |
The parameter |
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. Use the SPI_Glcd_Set_Font
to specify the font for display; if no font is specified, then the default |
Example |
' Write text "Hello world!" on the position 10 inside the page 2: SPI_Glcd_Write_Text("Hello world!", 10, 2, 1) |
Notes |
For x axis and page layout explanation see schematic at the bottom of this page. |
SPI_Glcd_Write_Text_Adv
Prototype |
sub procedure SPI_Glcd_Write_Text_Adv(dim byref text as string, dim x, y as word) |
---|---|
Returns |
Nothing. |
Description |
Writes text on the glcd at coordinates (x, y). Parameters :
|
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
Glcd_Write_Text_Adv("GLCD LIBRARY DEMO, WELCOME !", 0, 0) |
SPI_Glcd_Write_Const_Text_Adv
Prototype |
sub procedure SPI_Glcd_Write_Const_Text_Adv(dim text as ^const far byte, dim x, y as word) |
---|---|
Returns |
Nothing. |
Description |
Writes text located in the program memory on the glcd at coordinates (x, y). Parameters :
|
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
const ctext = "mikroElektronika" ... SPI_Glcd_Write_Const_Text_Adv(@ctext, 0, 0) |
SPI_Glcd_Image
Prototype |
sub procedure SPI_Glcd_Image(dim image as ^const far byte) |
---|---|
Description |
Displays bitmap on Glcd. |
Parameters |
|
Returns |
Nothing. |
Requires |
SPI_Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
SPI_Glcd_Image(@my_image) |
Notes |
Use the mikroBasic PRO for dsPIC30/33 and PIC24 integrated Glcd Bitmap Editor, Tools > Glcd Bitmap Editor, to convert image to a constant array suitable for displaying on Glcd. |
SPI_Glcd_Ext_Image
Prototype |
sub procedure SPI_Glcd_Ext_Image(dim image as longword) |
---|---|
Description |
Displays a bitmap from an external resource. |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
Glcd_Ext_Image(153608) |
Notes |
Use the mikroBasic PRO for PIC32 integrated Glcd Bitmap Editor, Tools > Glcd Bitmap Editor, to convert image to a constant array suitable for displaying on Glcd. |
SPI_Glcd_PartialImage
Prototype |
sub procedure SPI_T6963C_PartialImage(dim x_left, y_top, width, height, picture_width, picture_height as word, dim image as ^const far byte) |
---|---|
Description |
Displays a partial area of the image on a desired location. |
Parameters |
|
Returns |
Nothing. |
Requires |
SPI_Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
' Draws a 10x15 part of the image starting from the upper left corner on the coordinate (10,12). Original image size is 16x32. SPI_Glcd_PartialImage(10, 12, 10, 15, 16, 32, @image) |
Notes |
Use the mikroBasic PRO for dsPIC30/33 and PIC24 integrated Glcd Bitmap Editor, Tools > Glcd Bitmap Editor, to convert image to a constant array suitable for displaying on Glcd. |
SPI_Glcd_Ext_PartialImage
Prototype |
sub procedure SPI_Glcd_Ext_PartialImage(dim x_left, y_top, width, height, picture_width, picture_height as word, dim image as longword) |
---|---|
Description |
Displays a partial area of the image, located on an external resource, on a desired location of the screen. |
Parameters |
|
Returns |
Nothing. |
Requires |
Glcd needs to be initialized for SPI communication, see SPI_Glcd_Init routine. |
Example |
Glcd_Ext_PartialImage(10, 12, 10, 15, 16, 32, 0) |
Notes |
Use the mikroBasic PRO for PIC32 integrated Glcd Bitmap Editor, Tools > Glcd Bitmap Editor, to convert image to a constant array suitable for displaying on Glcd. |
Library Example
The example demonstrates how to communicate to KS0108 Glcd via the SPI module, using serial to parallel convertor MCP23S17.
program SPI_Glcd ' Port Expander module connections dim SPExpanderRST as sbit at LATF0_bit SPExpanderCS as sbit at LATF1_bit SPExpanderRST_Direction as sbit at TRISF0_bit SPExpanderCS_Direction as sbit at TRISF1_bit ' End Port Expander module connections dim someText as char[20] counter as byte sub procedure Delay2S Delay_ms(2000) end sub main: #DEFINE COMPLETE_EXAMPLE ' comment this line to make simpler/smaller example ADPCFG = 0xFFFF ' initialize AN pins as digital ' If Port Expander Library uses SPI1 module SPI1_Init() ' Initialize SPI module used with PortExpander ' If Port Expander Library uses SPI2 module ' SPI2_Init() ' Initialize SPI module used with PortExpander SPI_Glcd_Init(0) ' Initialize Glcd via SPI SPI_Glcd_Fill(0x00) ' Clear Glcd while (TRUE) #IFDEF COMPLETE_EXAMPLE SPI_Glcd_Image(@truck_bmp) ' Draw image Delay2s() Delay2s() #ENDIF SPI_Glcd_Fill(0x00) ' Clear Glcd Delay2s SPI_Glcd_Box(62,40,124,63,1) ' Draw box SPI_Glcd_Rectangle(5,5,84,35,1) ' Draw rectangle SPI_Glcd_Line(0, 0, 127, 63, 1) ' Draw line Delay2s() counter = 5 while (counter < 60) ' Draw horizontal and vertical line Delay_ms(250) SPI_Glcd_V_Line(2, 54, counter, 1) SPI_Glcd_H_Line(2, 120, counter, 1) counter = counter + 5 wend Delay2s() #IFDEF COMPLETE_EXAMPLE SPI_Glcd_Fill(0x00) ' Clear Glcd SPI_Glcd_Set_Font(@Character8x7, 8, 7, 32) ' Choose font SPI_Glcd_Write_Text("mikroE", 1, 7, 2) ' Write string #ENDIF for counter = 1 to 10 ' Draw circles SPI_Glcd_Circle(63,32, 3*counter, 1) next counter Delay2s() #IFDEF COMPLETE_EXAMPLE SPI_Glcd_Box(10,20, 70,63, 2) ' Draw box Delay2s() SPI_Glcd_Fill(0xFF) ' Fill Glcd SPI_Glcd_Set_Font(@Character8x7, 8, 7, 32) ' Change font someText = "8x7 Font" SPI_Glcd_Write_Text(someText, 5, 0, 2) ' Write string Delay2s() SPI_Glcd_Set_Font(@System3x5, 3, 5, 32) ' Change font someText = "3X5 CAPITALS ONLY" SPI_Glcd_Write_Text(someText, 60, 2, 2) ' Write string Delay2s() SPI_Glcd_Set_Font(@font5x7, 5, 7, 32) ' Change font someText = "5x7 Font" SPI_Glcd_Write_Text(someText, 5, 4, 2) ' Write string Delay2s() SPI_Glcd_Set_Font(@FontSystem5x7_v2, 5, 7, 32) ' Change font someText = "5x7 Font (v2)" SPI_Glcd_Write_Text(someText, 50, 6, 2) ' Write string Delay2s() #ENDIF wend end.
HW Connection
SPI Glcd HW connection
What do you think about this topic ? Send us feedback!