Embedded Files
u8g2 font(ref)
若欲顯示圖形 可用:
若欲顯示圖形 可用:
Display Controller: SSD1306
default address:0x3C
The display uses the I2C data bus for communication, and is a 5V and 3.3V-tolerant board.
安裝library
安裝library
//展示程式 u8g2範例
//ESP 使用d1 mini
//OLED SDA-->ESP D2 OLED SCL-->ESPD1
#include "Wire.h"
#include "U8g2lib.h"
U8G2_SSD1306_128X64_NONAME_F_HW_I2C u8g2(U8G2_R0, /* reset=*/ U8X8_PIN_NONE);
void u8g2_prepare(void) {
u8g2.setFont(u8g2_font_6x10_tf);
u8g2.setFontRefHeightExtendedText();
u8g2.setDrawColor(1);
u8g2.setFontPosTop();
u8g2.setFontDirection(0);
}
void u8g2_box_title(uint8_t a) {
u8g2.drawStr( 10+a*2, 5, "U8g2");
u8g2.drawStr( 10, 20, "GraphicsTest");
u8g2.drawFrame(0,0,u8g2.getDisplayWidth(),u8g2.getDisplayHeight() );
}
void u8g2_box_frame(uint8_t a) {
u8g2.drawStr( 0, 0, "drawBox");
u8g2.drawBox(5,10,20,10);
u8g2.drawBox(10+a,15,30,7);
u8g2.drawStr( 0, 30, "drawFrame");
u8g2.drawFrame(5,10+30,20,10);
u8g2.drawFrame(10+a,15+30,30,7);
}
void u8g2_disc_circle(uint8_t a) {
u8g2.drawStr( 0, 0, "drawDisc");
u8g2.drawDisc(10,18,9);
u8g2.drawDisc(24+a,16,7);
u8g2.drawStr( 0, 30, "drawCircle");
u8g2.drawCircle(10,18+30,9);
u8g2.drawCircle(24+a,16+30,7);
}
void u8g2_r_frame(uint8_t a) {
u8g2.drawStr( 0, 0, "drawRFrame/Box");
u8g2.drawRFrame(5, 10,40,30, a+1);
u8g2.drawRBox(50, 10,25,40, a+1);
}
void u8g2_string(uint8_t a) {
u8g2.setFontDirection(0);
u8g2.drawStr(30+a,31, " 0");
u8g2.setFontDirection(1);
u8g2.drawStr(30,31+a, " 90");
u8g2.setFontDirection(2);
u8g2.drawStr(30-a,31, " 180");
u8g2.setFontDirection(3);
u8g2.drawStr(30,31-a, " 270");
}
void u8g2_line(uint8_t a) {
u8g2.drawStr( 0, 0, "drawLine");
u8g2.drawLine(7+a, 10, 40, 55);
u8g2.drawLine(7+a*2, 10, 60, 55);
u8g2.drawLine(7+a*3, 10, 80, 55);
u8g2.drawLine(7+a*4, 10, 100, 55);
}
void u8g2_triangle(uint8_t a) {
uint16_t offset = a;
u8g2.drawStr( 0, 0, "drawTriangle");
u8g2.drawTriangle(14,7, 45,30, 10,40);
u8g2.drawTriangle(14+offset,7-offset, 45+offset,30-offset, 57+offset,10-offset);
u8g2.drawTriangle(57+offset*2,10, 45+offset*2,30, 86+offset*2,53);
u8g2.drawTriangle(10+offset,40+offset, 45+offset,30+offset, 86+offset,53+offset);
}
void u8g2_ascii_1() {
char s[2] = " ";
uint8_t x, y;
u8g2.drawStr( 0, 0, "ASCII page 1");
for( y = 0; y < 6; y++ ) {
for( x = 0; x < 16; x++ ) {
s[0] = y*16 + x + 32;
u8g2.drawStr(x*7, y*10+10, s);
}
}
}
void u8g2_ascii_2() {
char s[2] = " ";
uint8_t x, y;
u8g2.drawStr( 0, 0, "ASCII page 2");
for( y = 0; y < 6; y++ ) {
for( x = 0; x < 16; x++ ) {
s[0] = y*16 + x + 160;
u8g2.drawStr(x*7, y*10+10, s);
}
}
}
void u8g2_extra_page(uint8_t a)
{
u8g2.drawStr( 0, 0, "Unicode");
u8g2.setFont(u8g2_font_unifont_t_symbols);
u8g2.setFontPosTop();
u8g2.drawUTF8(0, 24, "☀ ☁");
switch(a) {
case 0:
case 1:
case 2:
case 3:
u8g2.drawUTF8(a*3, 36, "☂");
break;
case 4:
case 5:
case 6:
case 7:
u8g2.drawUTF8(a*3, 36, "☔");
break;
}
}
void u8g2_xor(uint8_t a) {
uint8_t i;
u8g2.drawStr( 0, 0, "XOR");
u8g2.setFontMode(1);
u8g2.setDrawColor(2);
for( i = 0; i < 5; i++)
{
u8g2.drawBox(10+i*16, 18 + (i&1)*4, 21,31);
}
u8g2.drawStr( 5+a, 19, "XOR XOR XOR XOR");
u8g2.setDrawColor(0);
u8g2.drawStr( 5+a, 29, "CLR CLR CLR CLR");
u8g2.setDrawColor(1);
u8g2.drawStr( 5+a, 39, "SET SET SET SET");
u8g2.setFontMode(0);
}
#define cross_width 24
#define cross_height 24
static const unsigned char cross_bits[] U8X8_PROGMEM = {
0x00, 0x18, 0x00, 0x00, 0x24, 0x00, 0x00, 0x24, 0x00, 0x00, 0x42, 0x00,
0x00, 0x42, 0x00, 0x00, 0x42, 0x00, 0x00, 0x81, 0x00, 0x00, 0x81, 0x00,
0xC0, 0x00, 0x03, 0x38, 0x3C, 0x1C, 0x06, 0x42, 0x60, 0x01, 0x42, 0x80,
0x01, 0x42, 0x80, 0x06, 0x42, 0x60, 0x38, 0x3C, 0x1C, 0xC0, 0x00, 0x03,
0x00, 0x81, 0x00, 0x00, 0x81, 0x00, 0x00, 0x42, 0x00, 0x00, 0x42, 0x00,
0x00, 0x42, 0x00, 0x00, 0x24, 0x00, 0x00, 0x24, 0x00, 0x00, 0x18, 0x00, };
#define cross_fill_width 24
#define cross_fill_height 24
static const unsigned char cross_fill_bits[] U8X8_PROGMEM = {
0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x18, 0x00, 0x18, 0x64, 0x00, 0x26,
0x84, 0x00, 0x21, 0x08, 0x81, 0x10, 0x08, 0x42, 0x10, 0x10, 0x3C, 0x08,
0x20, 0x00, 0x04, 0x40, 0x00, 0x02, 0x80, 0x00, 0x01, 0x80, 0x18, 0x01,
0x80, 0x18, 0x01, 0x80, 0x00, 0x01, 0x40, 0x00, 0x02, 0x20, 0x00, 0x04,
0x10, 0x3C, 0x08, 0x08, 0x42, 0x10, 0x08, 0x81, 0x10, 0x84, 0x00, 0x21,
0x64, 0x00, 0x26, 0x18, 0x00, 0x18, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, };
#define cross_block_width 14
#define cross_block_height 14
static const unsigned char cross_block_bits[] U8X8_PROGMEM = {
0xFF, 0x3F, 0x01, 0x20, 0x01, 0x20, 0x01, 0x20, 0x01, 0x20, 0x01, 0x20,
0xC1, 0x20, 0xC1, 0x20, 0x01, 0x20, 0x01, 0x20, 0x01, 0x20, 0x01, 0x20,
0x01, 0x20, 0xFF, 0x3F, };
void u8g2_bitmap_overlay(uint8_t a) {
uint8_t frame_size = 28;
u8g2.drawStr(0, 0, "Bitmap overlay");
u8g2.drawStr(0, frame_size + 12, "Solid / transparent");
u8g2.setBitmapMode(false /* solid */);
u8g2.drawFrame(0, 10, frame_size, frame_size);
u8g2.drawXBMP(2, 12, cross_width, cross_height, cross_bits);
if(a & 4)
u8g2.drawXBMP(7, 17, cross_block_width, cross_block_height, cross_block_bits);
u8g2.setBitmapMode(true /* transparent*/);
u8g2.drawFrame(frame_size + 5, 10, frame_size, frame_size);
u8g2.drawXBMP(frame_size + 7, 12, cross_width, cross_height, cross_bits);
if(a & 4)
u8g2.drawXBMP(frame_size + 12, 17, cross_block_width, cross_block_height, cross_block_bits);
}
void u8g2_bitmap_modes(uint8_t transparent) {
const uint8_t frame_size = 24;
u8g2.drawBox(0, frame_size * 0.5, frame_size * 5, frame_size);
u8g2.drawStr(frame_size * 0.5, 50, "Black");
u8g2.drawStr(frame_size * 2, 50, "White");
u8g2.drawStr(frame_size * 3.5, 50, "XOR");
if(!transparent) {
u8g2.setBitmapMode(false /* solid */);
u8g2.drawStr(0, 0, "Solid bitmap");
} else {
u8g2.setBitmapMode(true /* transparent*/);
u8g2.drawStr(0, 0, "Transparent bitmap");
}
u8g2.setDrawColor(0);// Black
u8g2.drawXBMP(frame_size * 0.5, 24, cross_width, cross_height, cross_bits);
u8g2.setDrawColor(1); // White
u8g2.drawXBMP(frame_size * 2, 24, cross_width, cross_height, cross_bits);
u8g2.setDrawColor(2); // XOR
u8g2.drawXBMP(frame_size * 3.5, 24, cross_width, cross_height, cross_bits);
}
uint8_t draw_state = 0;
void draw(void) {
u8g2_prepare();
switch(draw_state >> 3) {
case 0: u8g2_box_title(draw_state&7); break;
case 1: u8g2_box_frame(draw_state&7); break;
case 2: u8g2_disc_circle(draw_state&7); break;
case 3: u8g2_r_frame(draw_state&7); break;
case 4: u8g2_string(draw_state&7); break;
case 5: u8g2_line(draw_state&7); break;
case 6: u8g2_triangle(draw_state&7); break;
case 7: u8g2_ascii_1(); break;
case 8: u8g2_ascii_2(); break;
case 9: u8g2_extra_page(draw_state&7); break;
case 10: u8g2_xor(draw_state&7); break;
case 11: u8g2_bitmap_modes(0); break;
case 12: u8g2_bitmap_modes(1); break;
case 13: u8g2_bitmap_overlay(draw_state&7); break;
}
}
void setup(void) {
//直接將OLED 插入d1 mini 不用接線
//但使用comport upload程式時須將OLED暫時拔掉
pinMode(RX,OUTPUT);
pinMode(TX,OUTPUT);
digitalWrite(TX,1);//使用TX接腳當OLED VCC
digitalWrite(RX,0);//使用RX接腳當OLED GND
delay(2000);
u8g2.begin();
//u8g2.setFlipMode(0);
}
void loop(void) {
// picture loop
u8g2.firstPage();
do {
draw();
} while( u8g2.nextPage() );
// increase the state
draw_state++;
if ( draw_state >= 14*8 )
draw_state = 0;
// delay between each page
delay(150);
}
中文字形需使用此U8g2-2.27.6.zip(lib) 解壓縮後放置於libraries下(取代原u8g2)
//顯示中文 測試
//中文字形需使用此U8g2-2.27.6.zip(lib)
//解壓縮後放置於libraries下(取代原u8g2)
//ESP 使用d1 mini
//OLED SDA-->ESP D2 OLED SCL-->ESPD1
#include "Wire.h"
#include "U8g2lib.h"
U8G2_SSD1306_128X64_NONAME_F_HW_I2C u8g2(U8G2_R0, /* reset=*/ U8X8_PIN_NONE);
void setup()
{//直接將OLED 插入d1 mini 不用接線
//但使用comport upload程式時須將OLED暫時拔掉
pinMode(RX,OUTPUT);
pinMode(TX,OUTPUT);
digitalWrite(TX,1);//使用TX接腳當OLED VCC
digitalWrite(RX,0);//使用RX接腳當OLED GND
delay(2000);
u8g2.begin();
u8g2.enableUTF8Print();
u8g2.setFont(u8g2_font_6x10_tf);
u8g2.setFontRefHeightExtendedText();
u8g2.setDrawColor(1);
u8g2.setFontPosTop();
u8g2.setFontDirection(0);
}
void loop()
{
u8g2.setFont(u8g2_font_unifont_t_chinese1);
u8g2.firstPage();
do {
u8g2.setCursor(0, 5);
u8g2.print(String("中文字型測試").c_str());
u8g2.setCursor(0, 50);
u8g2.print(String("恭喜測試成功").c_str());
u8g2.sendBuffer();
} while (u8g2.nextPage());
}
//印出°C
//page buffer
#include <U8g2lib.h>
#include <Wire.h>
U8G2_SSD1306_128X64_NONAME_1_HW_I2C u8g2(U8G2_R0, U8X8_PIN_NONE);
void setup(void) {
//直接將OLED 插入d1 mini 不用接線
//但使用comport upload程式時須將OLED暫時拔掉
pinMode(RX,OUTPUT);
pinMode(TX,OUTPUT);
digitalWrite(TX,1);//使用TX接腳當OLED VCC
digitalWrite(RX,0);//使用RX接腳當OLED GND
delay(2000);
u8g2.begin();
// enable UTF8 support for the Arduino print() function
u8g2.enableUTF8Print();
}
void loop(void) {
u8g2.setFont(u8g2_font_helvB12_tf);
u8g2.firstPage();
do {
u8g2.setCursor(0, 15);
u8g2.print("-1 °C");
} while ( u8g2.nextPage() );
delay(1000);
}
//顯示中文 測試 繪圖 反轉
//中文字形需使用此U8g2-2.27.6.zip(lib)
//解壓縮後放置於libraries下(取代原u8g2)
//ESP 使用d1 mini
//OLED SDA-->ESP D2 OLED SCL-->ESPD1
//OLED Vcc-->5V OLEDGND-->GND
#include <U8g2lib.h>
#include <Wire.h>
int displayWidth;
int displayHeight;
const char *text = "黃耀師教學網";
U8G2_SSD1306_128X64_NONAME_F_HW_I2C u8g2(U8G2_R0,U8X8_PIN_NONE);
// Draw LED schematic symbol with size of 60x24
void drawLED(int centerX, int centerY) {
u8g2.drawTriangle(centerX - 10, centerY + 12, centerX + 10, centerY + 2, centerX - 10, centerY - 8);
u8g2.drawLine(centerX + 10, centerY - 8, centerX + 10, centerY + 12);
u8g2.drawLine(centerX - 30, centerY + 2, centerX - 10, centerY + 2);
u8g2.drawLine(centerX + 10, centerY + 2, centerX + 30, centerY + 2);
u8g2.drawLine(centerX, centerY - 6, centerX + 3, centerY - 10);
u8g2.drawTriangle(centerX + 6, centerY - 12, centerX + 6, centerY - 8, centerX + 2, centerY - 12);
u8g2.drawLine(centerX - 22, centerY + 8, centerX - 18, centerY + 8);
u8g2.drawLine(centerX - 20, centerY + 6, centerX - 20, centerY + 10);
u8g2.drawLine(centerX + 18, centerY + 8, centerX + 22, centerY + 8);
}
void setup(void) {
u8g2.begin();
u8g2.enableUTF8Print();
u8g2.setFontMode(0);
u8g2.setFontPosTop();
u8g2.clear();
displayWidth = u8g2.getDisplayWidth(); // width of display
displayHeight = u8g2.getDisplayHeight(); // height of display
}
void loop(void) {
u8g2.firstPage(); // enable display rendering using page buffering
do {
// Draw text
u8g2.setFont(u8g2_font_unifont_t_chinese1);
// center text at top of screen
//u8g2.drawUTF8((displayWidth - u8g2.getUTF8Width(text)) / 2, 2, text);
u8g2.setCursor((displayWidth - u8g2.getUTF8Width(text)) / 2,2);
u8g2.print(text);
// center text at bottom of screen
u8g2.drawStr((displayWidth - u8g2.getStrWidth("Eletctronics")) / 2, 48, "Eletctronics");
// Draw LED symbol
// place symbol in middle of screen (between text)
drawLED(displayWidth / 2, (displayHeight / 2));
} while (u8g2.nextPage()); // render current page
delay(2000); // update screen every 2 seconds
//u8g2.clearDisplay();
// u8g2.setDisplayRotation(U8G2_R0);
u8g2.setFlipMode(1);
}
Google Sites
Report abuse