[ Impressum ] [ Datenschutzerklärung ] [ Kontakt ] [

]

Fest installierte Schriften

Bangle.js Fest installierte Schriften

listBuiltinFonts

Eine Bangle.js enthält von Haus aus ein paar (wenige) eingebaute Schriften. Das Code-Beispiel listBuiltinFonts schreibt eine Liste dieser Schriften auf den Bildschirm.

Auf dem Gerät des Autors werden derzeit 3 Schriften angezeigt:

"4x6" - Rastergrafik-Schrift, 6 Pixel hoch
"6x8" - Rastergrafik-Schrift, 8 Pixel hoch
"Vector" - Liniengrafik-Schrift variabler Höhe

Quelltext

  const CharsPerLine = 60;
  const LineHeight   = 10;
  let   yPosition;
  
/**** clear ****/

  function clear () {
    Bangle.setLCDMode();                              // use normal display mode
    g.clear();
    g.setFont("4x6");
    yPosition = 0;
  }

/**** println ****/

  function println () {
    let StringToDraw = '';
    for (let i = 0, l = arguments.length; i < l; i++) {
      StringToDraw += arguments[i];           // implicitly also does "toString"
    }
    g.drawString(StringToDraw, 0,yPosition);
    yPosition += LineHeight;
  }

/**** list all built-in fonts ****/

  clear();
  println('List of built-in fonts');
  
  let FontList = g.getFonts();
  switch (true) {
    case (FontList.length === 0):
      println();
      println('no built-in fonts found');
      break;
    case (FontList.length <= 23):
      for (let i = 0, l = FontList.length; i < l; i++) {
        println(' - "' + FontList[i] + '"');
      }
      break;
    default:
      let StringToDraw = '';
        for (let i = 0, l = FontList.length; i < l; i++) {
          let FontName = ' "' + FontList[i] + '"';
          if (i < l-1) { FontName += ',' }
          
          if (StringToDraw.length + FontName.length > 60) {
            println(StringToDraw);
            StringToDraw = FontName;
          } else {
            StringToDraw += FontName;
          }
        }
      println(StringToDraw);
  }

im Emulator ausführen auf Uhr ausführen

240x240

showBrownFox_4x6/6x8/Vector

Die folgenden Beispiele geben Ihnen einen ersten Eindruck vom Aussehen der zuvor genannten Schriften - jedesmal in der höchsten Bildschirmauflösung (wodurch die Bitmap-Schriften zugegebenermaßen ziemlich klein ausfallen)

showBrownFox_4x6 - Rastergrafik-Schrift mit einer festen Höhe von 6 Pixeln

Quelltext

Bangle.setLCDMode();
g.clear();
g.setFont("4x6");
g.drawString("The quick brown Fox",70,100);
g.drawString("jumps over the lazy dog",70,120);

im Emulator ausführen auf Uhr ausführen

showBrownFox_6x8 - Rastergrafik-Schrift mit einer festen Höhe von 8 Pixeln

Quelltext

Bangle.setLCDMode();
g.clear();
g.setFont("6x8");
g.drawString("The quick brown Fox",50,100);
g.drawString("jumps over the lazy dog",50,120);

im Emulator ausführen auf Uhr ausführen

showBrownFox_Vector - Vektor-Schrift mit einer konfigurierten Höhe von 18 Pixeln

Quelltext

Bangle.setLCDMode();
g.clear();
g.setFontVector(18);
g.drawString("The quick brown Fox",4,90);
g.drawString("jumps over the lazy dog",4,130);

im Emulator ausführen auf Uhr ausführen

240x240

240x240

240x240

showBrownFox_4x6/6x8_on_120x120/80x80

Die kleineren Rastergrafik-Schriften eignen sich auch für die gröberen Bildschirmauflösungen einer Bangle.js - die Liniengrafik-Schrift sieht bei niedrigen Höhen ziemlich krakelig aus.

showBrownFox_4x6_on_120x120 - Schrift "4x6" mit Auflösung von 120x120 Pixeln

Quelltext

Bangle.setLCDMode('120x120');
g.clear();
g.setFont("4x6");
g.drawString("The quick brown Fox",15,50);
g.drawString("jumps over the lazy dog",15,60);
g.flip();

im Emulator ausführen auf Uhr ausführen

showBrownFox_4x6_on_80x80 - Schrift "4x6" mit Auflösung von 80x80 Pixeln

Quelltext

Bangle.setLCDMode('80x80');
g.clear();
g.setFont("4x6");
g.drawString("The quick brown",5,20);
g.drawString("Fox jumps over",5,35);
g.drawString("the lazy dog",5,50);
g.flip();

im Emulator ausführen auf Uhr ausführen

showBrownFox_6x8_on_120x120 - Schrift "6x8" mit Auflösung von 120x120 Pixeln

Quelltext

Bangle.setLCDMode('120x120');
g.clear();
g.setFont("6x8");
g.drawString("The quick brown",10,40);
g.drawString("Fox jumps over",10,55);
g.drawString("the lazy dog",10,70);
g.flip();

im Emulator ausführen auf Uhr ausführen

showBrownFox_6x8_on_80x80 - Schrift "6x8" mit Auflösung von 80x80 Pixeln

Quelltext

Bangle.setLCDMode('80x80');
g.clear();
g.setFont("6x8");
g.drawString("The quick",5,13);
g.drawString("brown Fox",5,28);
g.drawString("jumps over",5,43);
g.drawString("the lazy dog",5,58);
g.flip();

im Emulator ausführen auf Uhr ausführen

120x120

80x80

120x120

80x80