Display Picture or Icon on the Fancy I2C_LCD




About: Electronics can be art! I'm a maker, and I make for makers~

To display any picture or icon on the fancy I2C_LCD. Have fun!

I2C_LCD integrated the picture display function, you can display any sample picture on the I2C_LCD.

The Bitmap Converter software was developed for the I2C_LCD, this software used for convert the picture into code. Bitmap Converter software is now supporting Mac, OS Windows, Linux.

In use of the Bitmap Converter software we only need a few steps to display the picture you like on the I2C_LCD.

Before all, you need 1 piece of I2C_LCD, you can buy it from here:

I2C_LCD(With Female Jumper Cable) or I2C_LCD(With universal Grove cable) .

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: Download the Files What We Need.

1. You can download the I2C_LCD Library from here: http://www.seeedstudio.com/wiki/images/e/ef/I2C_L...

2. Download the I2C_LCD User Manual from here: http://www.seeedstudio.com/wiki/images/7/74/I2C_L...

3. Please download the Bitmap Converter according to your OS version:




Step 2: Install the Arduino Library for I2C_LCD.

How to install the library? please refer to the "How to use?" section of WIKI page: http://www.seeedstudio.com/wiki/I2C_LCD

For more information about the usage of I2C_LCD, please refer to the I2C_LCD User Manual.

Step 3: Unzip the File, and Use Software to Open a Bitmap.

1. Unzip the "I2C_LCD-UserManual_EN.zip" and "BitmapConverter(For xxx).zip" you just download.

2. Running the Bitmap Converter software, click "Open" to browse and open "Tuzki_1.bmp";

(The "Tuzki_1.bmp" is under the directory "...\I2C_LCD-UserManual_EN\DemoCode\BitmapDisplay".)

Step 4: Select the Bitmap Area You Want.

Use the cutting tool to select the final desired image area, and then click "OK" as shown below;

Here we select the default area, click "OK" directly.

Step 5: Modify the Picture As You Want.

The Picture have been loaded into the editing area, you can use eraser, pencil and other tools to edit the bitmap or removal of burr pixels.

Step 6: Save the Picture Data As Code.

Then, click "Save As Code" button, select the path you want to save to, here is "...\I2C_LCD-UserManual_EN\DemoCode\BitmapDisplay".

You have to save the code file to your arduino project path.

Step 7: Open and Edit the Demo Project.

Open "BitmapDisplay.ino" under the directory: "...\I2C_LCD-UserManual_EN\DemoCode\BitmapDisplay". Then declare the data packet("bmTuzki_1") at the beginning of the project as picture-1 shown.

Modify the bitmap display function, change the data packet pointer, and starting coordinates as picture-2 shown.

#include <Wire.h>
#include <I2C_LCD.h>

I2C_LCD LCD; extern GUI_Bitmap_t bmTuzki_1; //Declare bitmap data packet. uint8_t I2C_LCD_ADDRESS = 0x51; //Device address setting, default: 0x51

void setup(void) { Wire.begin(); //I2C controler init. }

void loop(void) { LCD.CleanAll(WHITE); //Erase all. delay(1000); //Delay for 1s.

//Booting logo ON, backlight ON, bitmap work mode. //If you want to display characters please switch to WM_CharMode. LCD.WorkingModeConf(ON, ON, WM_BitmapMode); //Display bitmap at the specified location. LCD.DrawScreenAreaAt(&bmTuzki_1, 30, 0); while(1); //Wait for ever. }

After edit, please click the "Save" button of arduino IDE as picture-3 shown.

Step 8: Hardware Connection

Connect the I2C_LCD to your Arduino board.

Because I2C_LCD is Grove interface module, We recommend you to use Seeeduino Lotus or other Seeeduino vx board. If you use original Arduino board or other clones, please use the Electronic brick 4 pin to Grove 4 pin converter cable . (picture-1)

I2C_LCD is I2C interface module, so we connect it to the I2C bus-port of the board. (picture-2)

Step 9: Upload the Program to Your Board.

Select your board and COMx. (picture-1)

Click "Upload" to upload the program to your board. (picture-2)

Step 10: Enjoy Yourself.

You can follow the steps above to display any other pictures or icons that what you like on the I2C_LCD.

I2C_LCD not only can display pictures, but also the characters and strings.

Have fun!

Remix 2.0 Contest

Participated in the
Remix 2.0 Contest



    • Indoor Lighting Contest

      Indoor Lighting Contest
    • Make It Fly Challenge

      Make It Fly Challenge
    • Growing Beyond Earth Maker Contest

      Growing Beyond Earth Maker Contest

    4 Discussions


    3 years ago

    thanks for sharing, I was looking for ways to display on lcd, and i found this


    this seems promising, and since I am a graphic designer, more attractive for me :)