KurtE
commented
3 years ago @paynterf @mjs513 - I think it has a lot more to do with the character - than anything else.
That is if I strip your sketch down to just the drawing and a few things drawn, like:
/*
Name: Teensy_LCDClockV4.ino
Created: 3/9/2021 11:12:31 AM
Author: FRANKNEWXPS15\Frank
This project was cloned from Teensy_LCDClockV3 to re-investigate the use of proportional fonts
*/
#include <XPT2046_Touchscreen.h>
#include <ILI9341_t3n.h>
#include "CustomBox.h"
#include "ili9341_t3n_font_Arial.h"
#define N0_DIAGNOSTICS
//****************************************************************************
// Settings and objects
//****************************************************************************
#pragma region DISPLAY_PIN_ASSIGNMENTS
//02/15/21 pin assignments from https://www.pjrc.com/store/display_ili9341_touch.html
#define TFT_DC 9
#define TFT_CS 7
#define TFT_RST 8
#define TFT_SCK 13
#define TFT_MISO 12
#define TFT_MOSI 11
#define TOUCH_CS 6
#pragma endregion DISPLAY_PIN_ASSIGNMENTS
XPT2046_Touchscreen ts(TOUCH_CS);
ILI9341_t3n tft = ILI9341_t3n(TFT_CS, TFT_DC, TFT_RST, TFT_MOSI, TFT_SCK, TFT_MISO);
elapsedMillis mSecSinceLastClockUpdate;
const int CLOCK_UPDATE_MSEC = 1000;
#pragma region DISP_AND_ADJ_BOX_PARAMETERS
// Size of the color selection boxes and the paintbrush size
#define MAX_DISPLAY_X 240
#define MAX_DISPLAY_Y 320
#define SCREEN_ORIENTATION_1
#define TS_MINX 600
#define TS_MINY 600
#define TS_MAXX 3758
#define TS_MAXY 3612
const int PLUSBOX_X = 20;
const int PLUSBOX_Y = 180;
const int PLUSBOX_WIDTH = 50;
const int PLUSBOX_HEIGHT = 50;
const int PLUSBOX_COLOR = ILI9341_BLUE;
const int MINUSBOX_X = 120;
const int MINUSBOX_Y = 180;
const int MINUSBOX_WIDTH = 50;
const int MINUSBOX_HEIGHT = 50;
const int MINUSBOX_COLOR = ILI9341_YELLOW;
const String nextstr = "NEXT";
const int nextstr_width = 70;
const int nextstr_height = 20;
const int NEXTBOX_X = 220;
const int NEXTBOX_Y = 180;
const int NEXTBOX_COLOR = ILI9341_GREEN;
const int NEXTBOX_WIDTH = 100;
const int NEXTBOX_HEIGHT = 50;
CustomBox PlusBox(PLUSBOX_X, PLUSBOX_Y, PLUSBOX_WIDTH, PLUSBOX_HEIGHT, PLUSBOX_COLOR);
CustomBox MinusBox(MINUSBOX_X, MINUSBOX_Y, MINUSBOX_WIDTH, MINUSBOX_HEIGHT, MINUSBOX_COLOR);
CustomBox NextBox(NEXTBOX_X, NEXTBOX_Y, NEXTBOX_WIDTH, NEXTBOX_HEIGHT, NEXTBOX_COLOR);
CustomBox Plus2Box(PLUSBOX_X, PLUSBOX_Y-100, PLUSBOX_WIDTH, PLUSBOX_HEIGHT, PLUSBOX_COLOR);
CustomBox Minus2Box(MINUSBOX_X, MINUSBOX_Y-100, MINUSBOX_WIDTH, MINUSBOX_HEIGHT, MINUSBOX_COLOR);
void setup()
{
Serial.begin(9600);
delay(3000);
Serial.println("Teensy 3.2 TFT Clock Program");
#pragma region DISPLAY INITIALIZATION
Serial.println("Initializing TFT display");
tft.begin();
// Note: you can now set the SPI speed to any value
// the default value is 30Mhz, but most ILI9341 displays
// can handle at least 60Mhz and as much as 100Mhz
// tft.setClock(60000000);
tft.fillScreen(ILI9341_BLACK);
tft.setTextColor(ILI9341_YELLOW);
tft.setTextSize(2);
tft.setRotation(1);
tft.setFont(Arial_40);
int16_t x1, y1, w, h;
tft.setCursor(50,20);
tft.getTextBounds("-", 50, 20, &x1, &y1, &w, &h);
tft.print("-");
tft.drawRect(x1, y1, w, h, ILI9341_RED);
tft.setCursor(100,20);
tft.getTextBounds("+", 100, 20, &x1, &y1, &w, &h);
tft.print("+");
tft.drawRect(x1, y1, w, h, ILI9341_RED);
tft.setCursor(150,20);
tft.getTextBounds("X", 150, 20, &x1, &y1, &w, &h);
tft.print("X");
tft.drawRect(x1, y1, w, h, ILI9341_RED);
PlusBox.Draw(&tft, '+', ILI9341_BLACK, Arial_40, true);
MinusBox.Draw(&tft, '-', ILI9341_BLACK, Arial_40, true);
NextBox.Draw(&tft, "NEXT", ILI9341_BLACK, Arial_20, true);
Plus2Box.Draw(&tft, "X", ILI9341_BLACK, Arial_40, true);
Minus2Box.Draw(&tft, "Z", ILI9341_BLACK, Arial_40, true);
}
void loop(void)
{
//Serial.printf("%lu: mSecSinceLastClockUpdate = %lu\n", millis(), (long int)mSecSinceLastClockUpdate);
}As you can see the - does not draw in the rectangle returned, like the other two chars do:
paynterf
I have a clock project using the ILI9341 display, and I use the touch sensitive feature of the display to enable a 'clock setting' mode where the user has "+", "-", and "NEXT" buttons available to facilitate setting the time and date.
The "+", "-", and "NEXT" buttons are simple colored rectangles, with '+', '-' and 'NEXT' centered within the rectangles. However, I have found that even using the new centering version of the 'setCursor()' function, the single-character text isn't properly centered in the relevant rectangles, but the multi-character string "NEXT" does seem to be properly centered.
I have attached a photo showing the issue:
Here is the code used to produce this result (.ino file and required CustomBox.h)
And the required 'CustomBox.h' file: