1.8inch LCD for micro:bit

From Waveshare Wiki
Jump to: navigation, search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
1.8inch LCD for micro:bit
1.8inch-LCD-for-micro-bit

1.8inch LCD for micro:bit. 65K color
{{{name2}}}

{{{name3}}}

{{{name4}}}

{{{name5}}}

Overview

Introduction

This is a colorful display module designed for the BBC micro: bit, 1.8inch diagonal, 160 x 128 pixels, capable of displaying 65K colors.

Tired of the 5 x 5 LED matrix? Time to get a tiny monitor for your micro: bit, this one would be the ideal choice.

Feature

  • micro:bit edge connector, directly pluggable
  • Embedded driver ST7735S, supports 65K colors
  • Onboard SRAM 23LC1024, used as display cache, no more out of memory
  • SPI interface, takes up only a few IO pins
  • Backlight adjustment via PWM
  • Reserved solder pads for control interface, make it easy to connect with Arduino/Nucleo boards
  • Comes with development resources (micro:bit graphical demo/user manual, etc.)

Specification

  • Driver: ST7735S
  • Resolution: 160 x 128
  • Display color: RGB, 65K colors
  • Operating voltage: 3.3V
  • Dimension: 61mm x 51.5mm

Pinouts

PIN micro:bit PIN Description
Vcc 3V3 Power
GND GND Ground
MISO P14 SPI data master input/slave output
MOSI P15 SPI data master output/slave input
SCK P13 SPI clock input
LCD_CS P16 LCD chip selection
RAM_CS P2 SRAM chip selection
DC P12 LCD data/command
RST P8 LCD reset
BL P1 LCD backlight

Programming Guide

Micor:bit has variety of programming methods like mbed, micropython, typescript and other programming methods, as well as code online websites which are abundant.

The official recommendation are two programming methods: typescript and micropython. Typescript is the graphical programming language.

Note:For this LCD, we only provide demo code of typescript

Typescript

Typescript is a kind of graphical programming, its website is that: https://makecode.microbit.org/#

  • Open a browser and input the next URL

Open make.gif

  • Create a new empty project

Click Project->New Project to create an empty project. Rename the project as LCD or any one you like to.

1 Createnewproject LCD.gif

  • Add Packeage

You can get the package of 1.8inch LCD for micro;bit from github. Click More..->Add Package, then copy the URL to the Edittext.

If you have the old Micro bit

https://github.com/waveshare/WSLCD1in8

If you have the Micro bit V2

https://github.com/waveshare/PXT-WSLCD1in8

Note: add a space follow the address

2 getgithubpackage LCD.gif

The Blocks

  • Initiation

You need to initial LCD module first.

3 initiallcd LCD.gif

  • Clear the screen

Clear the screen to white. Create an buffer on RAM with the resolution size 160*128 and initial it to white.

4 clearlcdtowhite LCD.gif

  • Set the backlight

5 Setbacklight LCD.gif

  • Send display data

With this block, it will send one frame of buffer to the LCD and display. Note: it is always following drawing operation

6 senddisplaydata LCD.gif

  • Draw point

7 drwapoint LCD.gif

Place the block before send display data. You can choose the position, color and size. For the screen, (1,1) is on top-left, and (160,128) is on bottom-right

There are tow way to set the color, the one is use the color block as above, another is to set the value (RGB565) by drag the slider.

  • Draw line

You can choose the the line's position, color, size and its sytle

solid line:

8 drawsolidline LCD.gif

dotted line: just need to change the Style

9 drawdottedline LCD.gif


  • Draw frame

Draw empty rectange:

10 drawemptyrectange LCD.gif

Draw full rectange:

11 drawfullrectange LCD.gif

  • Draw circle

Draw empty circle:

12 drawemptycircle LCD.gif

Draw full circle:

13 drawfullcircle LCD.gif

  • Draw string

14 drawstring LCD.gif

  • Partial refresh

You can set display windows and refresh it on LCD instead of full refresh

Initialize LCD, set the backlight and then draw a rectangle from (30, 30) to (80, 80)

Partial-refresh.gif

Then set the display windows block and set its position

14 drawstring LCD 2.gif

Resources

Document

Programs

Datasheet

Software

Certification information

FAQ

 Answer:
You cannot refresh the picture, but only write data to the display.
{{{3}}}
{{{4}}}

{{{5}}}


Support



Technical Support

If you need technical support or have any feedback/review, please click the Submit Now button to submit a ticket, Our support team will check and reply to you within 1 to 2 working days. Please be patient as we make every effort to help you to resolve the issue.
Working Time: 9 AM - 6 AM GMT+8 (Monday to Friday)