Displaying text on OLED in Raspberry Pi - Step-by-Step Execution

Concept Flow - Displaying text on OLED

Start Program

↓

Initialize OLED Display

↓

Clear Display Buffer

↓

Set Text Position

↓

Write Text to Buffer

↓

Send Buffer to OLED

↓

Display Text on OLED

↓

End Program

The program starts by setting up the OLED, clears the screen, writes text to a buffer, then sends it to the OLED to show the text.

Execution Sample

Raspberry Pi

import board
import adafruit_ssd1306

display = adafruit_ssd1306.SSD1306_I2C(128, 32, board.I2C())
display.fill(0)
display.text('Hello, OLED!', 0, 0, 1)
display.show()

This code initializes the OLED display, clears it, writes 'Hello, OLED!' at the top-left corner, and updates the screen.

Execution Table

Step	Action	Internal State	Output/Effect
1	Import libraries	board, adafruit_ssd1306 modules ready	No visible output
2	Initialize display	display object created with 128x32 size	OLED ready to receive data
3	Clear display buffer	display buffer set to all zeros (black)	Buffer cleared (black)
4	Write text 'Hello, OLED!' at (0,0)	Text pixels set in buffer at top-left	Text prepared in buffer, not yet visible
5	Show display buffer	Buffer sent to OLED hardware	OLED screen shows 'Hello, OLED!' text
6	Program ends	No change	Text remains on OLED until changed or power off

💡 Program ends after displaying text; OLED keeps showing until next update or power off

Variable Tracker

Variable	Start	After Step 2	After Step 3	After Step 4	After Step 5	Final
display	None	SSD1306 object created	Buffer cleared (all zeros)	Buffer contains text pixels	Buffer sent to OLED	Display shows text

Key Moments - 2 Insights

Why doesn't the text appear immediately after calling display.text()?

Because display.text() only writes to the internal buffer; the text appears on the OLED only after display.show() sends the buffer to the screen (see step 4 and 5 in execution_table).

What happens if we skip display.fill(0)?

The previous content stays in the buffer, so new text may overlap or mix with old pixels, causing unclear display (step 3 clears the buffer to avoid this).

Visual Quiz - 3 Questions

Look at the execution_table, what is the internal state of the display after step 3?

A Display buffer contains the text pixels

B Display object is not yet created

C Display buffer is cleared to all zeros

D Text is already visible on OLED

💡 Hint

Check the 'Internal State' column for step 3 in execution_table

At which step does the text actually become visible on the OLED screen?

A Step 5: Show display buffer

B Step 2: Initialize display

C Step 4: Write text to buffer

D Step 3: Clear display buffer

💡 Hint

Look at the 'Output/Effect' column in execution_table for when text appears

If you remove display.show(), what will happen to the text?

A Text will still appear on OLED

B Text will be written to buffer but not shown

C Display will clear automatically

D Program will crash

💡 Hint

Refer to the difference between display.text() and display.show() in execution_table steps 4 and 5

Concept Snapshot

import board and adafruit_ssd1306
Initialize display with SSD1306_I2C(width, height, board.I2C())
Clear screen with display.fill(0)
Write text with display.text('text', x, y, color)
Update OLED with display.show()
Text appears only after display.show()

Full Transcript

This example shows how to display text on an OLED screen using a Raspberry Pi. First, we import the needed libraries. Then, we create a display object for a 128x32 OLED. We clear the screen buffer to black using display.fill(0). Next, we write the text 'Hello, OLED!' at the top-left corner (0,0) in white color. The text is written to an internal buffer but not shown yet. Finally, we call display.show() to send the buffer to the OLED hardware, making the text visible. The program ends with the text displayed on the screen. Remember, writing text only changes the buffer; you must call show() to update the screen. Also, clearing the buffer before writing avoids leftover pixels from previous content.

Practice

1. What is the main purpose of using the canvas context when displaying text on an OLED with Raspberry Pi?

easy

A. To draw and update text or graphics on the OLED screen

B. To connect the Raspberry Pi to the internet

C. To install the OLED driver software

D. To power the OLED screen

Solution

1. Step 1: Understand the role of canvas in OLED display

   The canvas context is used to draw graphics or text before showing it on the OLED screen.

2. Step 2: Connect canvas to display update

   Drawing on the canvas allows you to prepare the image or text, which then updates the OLED display when done.

3. Final Answer:

   To draw and update text or graphics on the OLED screen -> Option A

4. Quick Check:

   Canvas draws text/graphics = A [OK]

Hint: Canvas is where you draw before showing on OLED [OK]

Common Mistakes:

• Thinking canvas connects to internet
• Confusing canvas with hardware power
• Assuming canvas installs drivers

2. Which of the following is the correct way to import the OLED device class from the luma.oled.device module in Python?

easy

A. import ssd1306 from luma.oled.device

B. import luma.oled.device.ssd1306

C. from luma.oled import device.ssd1306

D. from luma.oled.device import ssd1306

Solution

1. Step 1: Recall Python import syntax

   Correct import uses 'from module import class' format.

2. Step 2: Match correct module and class names

   The device class for OLED is 'ssd1306' inside 'luma.oled.device'. So 'from luma.oled.device import ssd1306' is correct.

3. Final Answer:

   from luma.oled.device import ssd1306 -> Option D

4. Quick Check:

   Correct Python import = A [OK]

Hint: Use 'from module import class' for specific imports [OK]

Common Mistakes:

• Using dot notation inside import incorrectly
• Trying to import with 'import class from module'
• Importing whole module instead of class

3. What will be the output on the OLED screen after running this code snippet?

from luma.core.interface.serial import i2c
from luma.oled.device import ssd1306
from luma.core.render import canvas

serial = i2c(port=1, address=0x3C)
device = ssd1306(serial)

with canvas(device) as draw:
    draw.text((10, 10), "Hi OLED", fill="white")

medium

A. The text appears but in black color, invisible on screen

B. The screen stays blank with no text

C. The text 'Hi OLED' appears at position (10, 10) in white color

D. An error occurs because 'canvas' is not imported

Solution

1. Step 1: Analyze the code setup

   The code initializes the OLED device and opens a canvas context to draw text at (10, 10) with white color.

2. Step 2: Understand canvas drawing effect

   Text 'Hi OLED' is drawn on the canvas and shown on the OLED screen at the specified position.

3. Final Answer:

   The text 'Hi OLED' appears at position (10, 10) in white color -> Option C

4. Quick Check:

   Text 'Hi OLED' at (10,10) white = D [OK]

Hint: Text inside canvas with fill='white' shows on OLED [OK]

Common Mistakes:

• Forgetting to use 'with canvas' context
• Using wrong fill color making text invisible
• Not initializing device before drawing

4. Identify the error in this code that tries to display 'Hello' on the OLED:

from luma.oled.device import ssd1306
from luma.core.render import canvas

device = ssd1306()

with canvas(device) as draw:
    draw.text((0, 0), "Hello", fill=1)

medium

A. Canvas context is not used properly

B. Missing serial interface initialization for ssd1306 device

C. Incorrect fill color value; should be a string

D. Text coordinates (0, 0) are invalid

Solution

1. Step 1: Check device initialization

   The ssd1306 device requires a serial interface (like i2c) passed during initialization, which is missing here.

2. Step 2: Verify other parts

   Fill value '1' is valid for monochrome, canvas usage is correct, and (0,0) is valid coordinate.

3. Final Answer:

   Missing serial interface initialization for ssd1306 device -> Option B

4. Quick Check:

   Device needs serial interface = C [OK]

Hint: Always initialize ssd1306 with serial interface first [OK]

Common Mistakes:

• Not passing serial interface to device
• Confusing fill color types
• Misusing canvas context syntax

5. You want to display multiple lines of text on an OLED screen using luma.oled. Which approach correctly updates the display with two lines: 'Line 1' at (0,0) and 'Line 2' at (0,15)?

hard

A. Use one canvas context and call draw.text((0,0), 'Line 1') and draw.text((0,15), 'Line 2') inside it

B. Call canvas(device) twice, each time drawing one line separately

C. Draw 'Line 1' outside canvas context and 'Line 2' inside canvas

D. Use draw.text((0,0), 'Line 1\nLine 2') to print both lines at once

Solution

1. Step 1: Understand canvas context usage

   All drawing commands must be inside one canvas context to update the display at once.

2. Step 2: Draw multiple lines with separate coordinates

   Calling draw.text twice inside the same canvas with different y-coordinates correctly places two lines.

3. Final Answer:

   Use one canvas context and call draw.text((0,0), 'Line 1') and draw.text((0,15), 'Line 2') inside it -> Option A

4. Quick Check:

   Multiple texts inside one canvas = B [OK]

Hint: Draw all text lines inside one canvas context [OK]

Common Mistakes:

• Opening multiple canvas contexts causing flicker
• Trying to print multiline string with \n directly
• Drawing outside canvas context