Bodmer/TFT_eSPI
1
0
Fork 1
mirror of https://github.com/Bodmer/TFT_eSPI.git synced 2025-08-06 14:14:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update custom font example

Browse Source
This commit is contained in:
Bodmer
2017-03-12 01:20:24 +00:00
parent c2cf07db1e
commit d89b72f93c
1 changed files with 66 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
examples/ILI9341/TFT_Custom_Fonts/TFT_Custom_Fonts.ino
View File

@@ -15,12 +15,12 @@
#########################################################################
###### DON'T FORGET TO UPDATE THE User_Setup.h FILE IN THE LIBRARY ######
###### TO SELECT YOUR DISPLAY TYPE AND ENABLE FONTS ######
###### TO SELECT YOUR DISPLAY TYPE, PINS USED AND ENABLE FONTS ######
#########################################################################
*/
// Note the the tilda symbol ~ does not exist in some fonts at the moment
#define TEXT "MWyz~12" // Text that will be printed on screen in any font
#define TEXT "abc MWy 123 |" // Text that will be printed on screen in any font
#include "SPI.h"
#include "TFT_eSPI.h"
@@ -29,9 +29,9 @@
#define GFXFF 1
#define FF18 &FreeSans12pt7b
// Custom are fonts added to library TFT_eSPI\Fonts\Custom folder
// Custom are fonts added to library "TFT_eSPI\Fonts\Custom" folder
// a #include must also be added to the "User_Custom_Fonts.h" file
// here in this folder. See example entries.
// in the "TFT_eSPI\User_Setups" folder. See example entries.
#define CF_OL24 &Orbitron_Light_24
#define CF_OL32 &Orbitron_Light_32
#define CF_RT24 &Roboto_Thin_24
@@ -44,6 +44,8 @@ TFT_eSPI tft = TFT_eSPI();
void setup(void) {
Serial.begin(250000);
tft.begin();
tft.setRotation(1);
@@ -59,46 +61,90 @@ void loop() {
// Where font sizes increase the screen is not cleared as the larger fonts overwrite
// the smaller one with the background colour.
// Set text datum to middle centre
// We can set the text datum to be Top, Middle, Bottom vertically and Left, Centre
// and Right horizontally. These are the text datums that can be used:
// TL_DATUM = Top left (default)
// TC_DATUM = Top centre
// TR_DATUM = Top right
// ML_DATUM = Middle left
// MC_DATUM = Middle centre <<< This is used below
// MR_DATUM = Middle right
// BL_DATUM = Bottom left
// BC_DATUM = Bottom centre
// BR_DATUM = Bottom right
// L_BASELINE = Left character baseline (Line the 'A' character would sit on)
// C_BASELINE = Centre character baseline
// R_BASELINE = Right character baseline
//Serial.println();
// Set text datum to middle centre (MC_DATUM)
tft.setTextDatum(MC_DATUM);
// Set text colour to orange with black background
// Set text colour to white with black background
// Unlike the stock Adafruit_GFX library, the TFT_eSPI library DOES draw the background
// for the custom and Free Fonts
tft.setTextColor(TFT_WHITE, TFT_BLACK);
tft.fillScreen(TFT_BLACK); // Clear screen
tft.fillScreen(TFT_MAGENTA); // Clear screen
tft.setFreeFont(FF18); // Select the font
tft.drawString("Yellowtail 32", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_Y32); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the string name of the font
delay(2000);
tft.fillScreen(TFT_BLACK); // Clear screen
tft.fillScreen(TFT_BLUE); // Clear screen
tft.setFreeFont(FF18); // Select the font
tft.drawString("Satisfy 24", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_S24); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the string name of the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the test text in the custom font
delay(2000);
tft.fillScreen(TFT_BLACK); // Clear screen
tft.fillScreen(TFT_RED); // Clear screen
tft.setFreeFont(FF18); // Select the font
tft.drawString("Roboto 24", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_RT24); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the string name of the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the test text in the custom font
delay(2000);
tft.fillScreen(TFT_BLACK); // Clear screen
tft.setFreeFont(FF18); // Select the font
tft.drawString("Orbitron 32", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_OL32); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the string name of the font
delay(2000);
tft.fillScreen(TFT_BLACK); // Clear screen
tft.fillScreen(TFT_DARKGREY); // Clear screen
tft.setFreeFont(FF18); // Select the font
tft.drawString("Orbitron 24", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_OL24); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the string name of the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the test text in the custom font
delay(2000);
// Here we do not clear the screen and rely on the new text over-writing the old
tft.setFreeFont(FF18); // Select the font
tft.drawString("Orbitron 32", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_OL32); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the test text in the custom font
delay(2000);
// Here we use text background padding to over-write the old text
tft.fillScreen(TFT_YELLOW); // Clear screen
tft.setTextColor(TFT_WHITE, TFT_BLACK);
// Here we use text background padding to over-write the old text
tft.setTextPadding(tft.width() - 20); // Blanked area will be width of screen minus 20 pixels
tft.setFreeFont(FF18); // Select the font
tft.drawString("Orbitron 32 with padding", 160, 60, GFXFF);// Print the string name of the font
tft.setFreeFont(CF_OL32); // Select the font
tft.drawString(TEXT, 160, 120, GFXFF);// Print the test text in the custom font
delay(2000);
// Use 80 pixel wide padding so old numbers over-write old ones
// One of the problrms with proportionally spaced numbers is that they jiggle position
tft.setTextPadding(80);
tft.setTextDatum(MC_DATUM);
tft.setFreeFont(CF_OL32);
for( int i = 100; i > 0; i--)
{
tft.drawNumber( i, 160, 200);
delay(500);
}
// Reset text padding to zero (default)
tft.setTextPadding(0);
}