複数のサイズでテキストを描く
異なる倍率でラベルや値を表示します。
「複数のサイズでテキストを描く」はCoddyKit上の無料Arduino & IoT Academyレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはArduino & IoT Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Arduino & IoT Academyコースには全4レッスンが含まれています。
文字はピクセルにすぎない
OLEDには文字が組み込まれていません。GFXライブラリは、各文字を小さなピクセルパターンとして描画するため、文字の見た目を正確に制御できます。✍️
文字色を選ぶ
モノクロOLEDでは、色はオンかオフかを意味します。setTextColorにWHITEを指定すると、暗い背景に文字が明るく表示されます。
display.setTextColor(WHITE);文字サイズを設定する
setTextSize(1)では、基本の6x8ピクセルフォントが描画されます。数値を大きくすると同じ形が拡大され、鮮明さと引き換えに、離れた場所からの読みやすさが向上します。
display.setTextSize(1);サイズの拡大方法
サイズ2ではすべてのピクセルが2倍になるため、文字は12x16になります。Sizeはポイント数ではなく整数の倍率なので、段階的に大きくなりますが、結果は予測しやすくなっています。
カーソルを配置する
setCursor(x, y)は、次に始まる文字の位置を設定します。左上の角が(0,0)で、xは右方向に、yは画面の下方向に増加します。
display.setCursor(0, 0);文字を表示する
printまたはprintlnで文字を書き込みます。Serial Monitorと同じように動作しますが、出力先はカーソル位置のOLEDになります。
display.print("Hello!");数値も表示する
変数をそのままprintに渡せます。ラベルと値を組み合わせれば、温度の測定値などのリアルタイムデータを画面に表示できます。
display.print("Temp: ");
display.print(temp);太字のタイトル
大きなtitleと、その下の小さな詳細情報を組み合わせます。見出しにはサイズ2を使い、その下のデータ行にはサイズ1に戻します。
display.setTextSize(2);
display.setCursor(0, 0);
display.print("STATUS");新しい行に移動する
カーソルはレイアウトに適した形で自動的に折り返されるわけではありません。2行目をきれいに表示するには、より大きなy値を指定してsetCursorをもう一度呼び出し、下へ移動します。
display.setCursor(0, 20);必ず画面を更新する
次の手順を覚えておいてください。clearDisplay、サイズとカーソルの設定、print、そしてdisplayです。最後のdisplayを省略すると、新しく書いた文字は表示されません。
display.clearDisplay();
display.print("Ready");
display.display();端に注意する
大きな文字はすぐに画面の領域を使い切ります。サイズ2の行は高さが16ピクセルあるため、64ピクセルの画面では、下端からはみ出す前に数行しか収まりません。
確認問題
デフォルトのフォントの2倍の高さの文字を表示したいとします。
まとめ
色を設定し、text sizeを選び、カーソルを配置して、値付きのラベルを表示しました。見出しは大きく、データは小さくし、最後には必ずdisplayを呼び出します。
AI チューターと学ぶ C++ — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 30
- レッスン
- 120
よくある質問
「複数のサイズでテキストを描く」レッスンは無料ですか？
はい。「複数のサイズでテキストを描く」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Arduino & IoT Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Arduino & IoT Academyコースには全4レッスンが含まれています。
「複数のサイズでテキストを描く」で何を学びますか？
異なる倍率でラベルや値を表示します。 ブラウザで直接実行するハンズオンコードでArduino & IoT Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Arduino & IoT Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのArduino & IoT Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。
「複数のサイズでテキストを描く」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このArduino & IoT Academyレッスンでコードを書いて実行できますか？
はい。すべてのArduino & IoT Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- SSD1306 OLEDを配線・初期化する
- 複数のサイズでテキストを描く
- 線、長方形、円
- 棒グラフをアニメーション表示する