Displaying text on OLED in Raspberry Pi - Mini Project: Build & Apply

Displaying text on OLED

📖 Scenario: You have a small OLED screen connected to your Raspberry Pi. You want to show a simple message on this screen, like a friendly greeting.

🎯 Goal: Learn how to write a short program that shows text on the OLED screen connected to your Raspberry Pi.

📋 What You'll Learn

Use the Adafruit_SSD1306 library to control the OLED screen

Create a variable to hold the text message

Initialize the OLED display

Show the text message on the OLED screen

💡 Why This Matters

🌍 Real World

Small OLED screens are used in many gadgets like clocks, weather stations, and IoT devices to show information clearly in a tiny space.

💼 Career

Knowing how to control hardware displays is useful for embedded systems developers, IoT engineers, and hobbyists building interactive devices.

1

Set up the text message

Create a variable called message and set it to the string "Hello, OLED!".

Raspberry Pi

# Create a variable called message and set it to "Hello, OLED!"
# Your code here

Hint

Use simple quotes or double quotes to create the string.

2

Initialize the OLED display

Import Adafruit_SSD1306 and Image, ImageDraw, ImageFont from PIL. Then create an oled object for a 128x64 display using Adafruit_SSD1306.SSD1306_128_64(). Finally, call oled.begin() and oled.clear() to start the display.

Raspberry Pi

message = "Hello, OLED!"
# Import Adafruit_SSD1306 and PIL modules
# Create oled object for 128x64 display
# Initialize and clear the display
# Your code here

Hint

Remember to import all needed modules before creating the display object.

3

Draw the text on the OLED

Create a new image with mode '1' and size (128, 64). Create a draw object from this image. Use draw.text() to write the message at position (0, 0) with a default font. Then display the image on the OLED using oled.image() and oled.display().

Raspberry Pi

import Adafruit_SSD1306
from PIL import Image, ImageDraw, ImageFont

message = "Hello, OLED!"

oled = Adafruit_SSD1306.SSD1306_128_64()
oled.begin()
oled.clear()

# Create image and draw object
# Write message text at (0, 0)
# Display the image on the OLED
# Your code here

Hint

Use ImageFont.load_default() to get a simple font.

4

Show the message on the OLED

Run the program to see the text "Hello, OLED!" displayed on the OLED screen.

Raspberry Pi

import Adafruit_SSD1306
from PIL import Image, ImageDraw, ImageFont

message = "Hello, OLED!"

oled = Adafruit_SSD1306.SSD1306_128_64()
oled.begin()
oled.clear()

image = Image.new('1', (128, 64))
draw = ImageDraw.Draw(image)
font = ImageFont.load_default()
draw.text((0, 0), message, font=font, fill=255)

oled.image(image)
oled.display()

# Run the program to display the message
# Your code here

Hint

Use print() to confirm the message was sent to the OLED.

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