There is a built in microSD card slot into the breakout, and we can use that to load bitmap images! You will need a microSD card formatted FAT16 or FAT32 (they almost always are by default).

Its really easy to draw bitmaps. However, this is only supported when talking to the display in SPI mode, not 8-bit mode!

It's really easy to draw bitmaps. We have a library for it, Adafruit_ImageReader, which can be installed through the Arduino Library Manager (Sketch→Include Library→Manage Libraries…). Enter “imageread” in the search field and the library is easy to spot:

Lets start by downloading this image of pretty flowers (pix by johngineer)

Copy purple.bmp into the base directory of a microSD card and insert it into the microSD socket in the breakout.

You'll need to connect up the CCS pin to Digital 4 on your Arduino as well. In the below image, its the extra purple wire

You may want to try the SD library examples before continuing, especially one that lists all the files on the SD card

Now upload the File→examples→Adafruit ImageReader Library→ShieldILI9341 example to your Arduino + breakout. You will see the flowers appear!

We show the 2.8" version of this breakout in the photos below but the 3.2" TFT is identical, just a lil bit bigger
To make new bitmaps, make sure they are less than 240 by 320 pixels and save them in 24-bit BMP format! They must be in 24-bit format, even if they are not 24-bit color as that is the easiest format for the Arduino. You can rotate images using the setRotation() procedure

You can draw as many images as you want - dont forget the names must be less than 8 characters long. Just copy the BMP drawing routines below loop() and call
bmpDraw(bmpfilename, x, y);
For each bitmap. They can be smaller than 320x240 and placed in any location on the screen.

This guide was first published on Mar 18, 2014. It was last updated on Apr 16, 2024.

This page (Bitmaps (SPI Mode)) was last updated on Mar 08, 2024.

Text editor powered by tinymce.