NextionディスプレイのBME280温度、湿度、および圧力
コンポーネントと消耗品
>  |
| × | 1 | |||
 |
| × | 1 | |||
 |
| × | 1 | |||
| |
| × | 1 |
アプリとオンラインサービス
>  |
| |||
| |
|
このプロジェクトについて
多くのディスプレイがあります Arduino にグラフィカルユーザーインターフェイスを追加するためのオプション ボード。ただし、それらのほとんどはかなりの量のメモリと処理時間を必要とし、 Arduino には適していません。 メモリが限られており、 Arduino UNO などの処理能力を備えたボード または Arduino Nano 。メモリが限られていて、高度なユーザーインターフェースが必要な場合は、スマートプログラマブルシリアルネクストオンディスプレイ 人気のある選択肢です。 Itead 無料の Graphical Nextion Editor を提供しています ディスプレイのユーザーインターフェイスを設計するため。
BME280 非常に正確な温度の組み合わせです 、湿度 、および気圧 センサー。 I2C と接続できます または SPI インターフェイス、
Visuino 完全な Nextion Display サポート、そして私は Nextion のチュートリアルを計画しています しばらくの間サポート。 BME280 のチュートリアルも作りたかった センサー。最後に、それらを組み合わせて、温度を表示する単一のチュートリアルを作成することにしました。 、湿度 、および気圧 BME280 から スコープの3つのチャネル （波形 ） Nextion Display のコンポーネント 。
ステップ1：コンポーネント <図>
- 1つの Arduino 互換性のあるボード（Arduino Nanoを使用しているので使用していますが、他のボードでも問題ありません）
- 1つの BME280センサーモジュール
- 1つの Nextionシリアルインターフェーススマートディスプレイ （ NX4024K032_11 を使用しました ただし、他のものも機能するはずです）
- 4人の女性-女性 ジャンパー線
- ディスプレイをプログラムするには、 5V も必要です。 USBからTTLへのシリアルコンバータモジュール
ステップ2：NextionディスプレイをUSBシリアル通信モジュールに接続する <図>
<図> 
<図> 
Nextion Display をプログラムするには Nextion Editor USB toTTLシリアルコンバーターに接続する必要があります コンピューターへ：
- NextionWiresコネクタを接続します ディスプレイへ （写真1 ）
- USBからシリアルモジュールへの場合 構成可能です。 5V電源を提供するように設定されていることを確認してください （写真2 ）（私の場合、電源選択ジャンパーを使用して構成する必要がありました）
- アース線を接続します （黒いワイヤー ） Nextion Display から アースピンへ USB toTTLシリアルコンバータモジュールの （写真2 ）
- 電源（+ 5V）ワイヤーを接続します （赤いワイヤー ） Nextion Display から 電源（VCC / + 5V）ピン USB toTTLシリアルコンバータモジュールの （写真2 ）
- RXワイヤーを接続します （黄色のワイヤー ） Nextion Display から TXピンに USB toTTLシリアルコンバータモジュールの （写真2 ）
- TXワイヤーを接続します （青いワイヤー ） Nextion Display から RXピンに USB toTTLシリアルコンバータモジュールの （写真2 ）
- USB toTTLシリアルコンバータモジュールを接続します USBケーブルを使用してコンピュータに接続します （写真3 ）
ステップ3：Nextion Editorを起動し、表示の種類と向きを選択します <図>
<図> 
<図> 
<図> 
Nextion Display をプログラムするには 、 NextionEditorをダウンロードしてインストールする必要があります 。
- Nextion Editor を起動します （写真1 ）
- メニューから | FileNew を選択します | （写真1 ）
- [名前を付けて保存] "ダイアログで、プロジェクトファイル名を入力し、プロジェクトを保存する場所を選択します（写真2 ）
- [保存]をクリックします "ボタン（写真2 ）
- [設定] 「」ダイアログで、表示タイプを選択します （私の場合、 NX4024K032_11 ）（写真3 ）
- [表示]をクリックします 左側の[タブ]をクリックして、表示設定を表示します （写真4 ）
- 水平を選択します ディスプレイの向き（写真4 ）
- [ OK ]をクリックします ダイアログを閉じるための「」ボタン（写真4 ）
ステップ4：Nextion Editorで：Waveform（Scope）コンポーネントを追加して構成します <図>
<図> 
<図> 
<図> 
スコープコンポーネントを追加し、温度用に3つのチャネルを持つように構成する必要があります。 、圧力 、および湿度 ：
- 「ツールボックス」 左の「波形」をクリックします。 "コンポーネント（写真1 ）デザインエリアに追加します（写真2 ）
- ディスプレイ全体に表示されるようにコンポーネントのサイズを変更します（写真3 ）
- 「属性」 "ツールボックス、" ch の値を設定します 「 3 の属性 "（写真3 ）
- 「属性」 "ツールボックス、" dir の値を設定します "属性は" 右から左 "（写真4 ）
ステップ5：Nextion Editorの場合：プロジェクトをNextionDisplayにアップロードします <図>
<図> 
<図> 
<図> 
- [アップロード]をクリックします "ボタン（写真1 ）
- 「 Nextionデバイスへのアップロード」 []ダイアログで、[移動]をクリックします "ボタン（写真2 ）アップロードを開始します（写真3 ）
- アップロードが終了したとき（写真4 ）、[終了]をクリックします 「」ボタンをクリックしてダイアログを閉じます。
ステップ6：Visuinoを起動し、Arduinoボードタイプを選択します <図>
<図> 
Arduino Nano 以降 シリアルポートが1つだけあります 、および Arduino をプログラムする必要があります 、 Arduino Nano をプログラムする必要があります Nextion Display の前 接続されています。
Arduinoのプログラミングを開始するには、 Arduino IDE が必要です。 ここからインストール：http：//www.arduino.cc/。
Arduino IDE1.6.6にはいくつかの重大なバグがあることに注意してください。
必ず1.6.7以降をインストールしてください。インストールしないと、このチュートリアルは機能しません。
Visuino ：https：//www.visuino.comもインストールする必要があります。
- Visuino を開始します 最初の写真に示すように
- [ツール]をクリックします Arduino の[ボタン コンポーネント（写真1 ） Visuino
- ダイアログが表示されたら、 Arduino Nano を選択します 写真2 に示すように
ステップ7：Visuinoの場合：NextionDisplayコンポーネントとスコープ要素を追加します <図>
<図> 
<図> 
Nextion Displayを制御するには、VisuinoにNextion Displayコンポーネントを追加してから、その要素にスコープを制御する要素を追加する必要があります。
- 「次へ」と入力します [コンポーネントツールボックス]の[フィルター]ボックスで、[次の表示]を選択します。 "コンポーネント（写真1 ）、デザインエリアにドロップします
- [ツール]をクリックします DisplayNextion1 のボタン コンポーネント（写真2 ）
- 「要素」 「エディタは「スコープ（波）」を選択します 」要素をクリックし、左側の「」ボタンをクリックします（写真2 ）スコープを追加します 要素（写真3 ）
ステップ8：Visuinoの場合：Scope要素に3つのチャネルを追加し、NextionDisplayを接続します <図>
<図> 
<図> 
<図> 
次に、スコープにチャネルを追加する必要があります。
- オブジェクトインスペクターで、[ ... ]をクリックします [チャネル]の値の横にある[]ボタン " Scope1 のサブプロパティ 要素（写真1 ）
- チャンネルエディタで「チャンネル」を選択します 右側の」要素をクリックし、 3回をクリックします。 左側の["]ボタン（写真2 ）3つのチャネルを追加します（写真3 ）
- 「チャンネル」を閉じます "と表示" 要素 "ダイアログ
- 「アウト」を接続します " DisplayNextion1 の出力ピン 「 In 」へのコンポーネント 「シリアル[0] の入力ピン " Arduino のチャンネル コンポーネント（写真4 ）
ステップ9：Visuinoの場合：3つのマップ範囲コンポーネントを追加して構成します <図>
<図> 
<図> 
<図> 
Nextion Display Scopeチャネルは、 0.0 の間の値を表示するように設計されています および 1.0 。温度、湿度、圧力を表示するには、値を 0.0 に変換する必要があります。 1.0 へ 範囲。これには、マップ範囲コンポーネントを使用できます：
- 「マップ」と入力します [コンポーネントツールボックス]の[フィルター]ボックスで、[マップ範囲]を選択します。 "コンポーネント（写真1 ）、 3つをドロップします デザインエリアで
- MapRange1 を選択します コンポーネント（写真2 ）
- オブジェクトインスペクターで[入力範囲]を展開します "プロパティ（写真2 ）
- オブジェクトインスペクターで、「最大」の値を設定します 「入力範囲のサブプロパティ "プロパティから" 101000 "（写真2 ）（場所の気圧が大きく異なる場合は、別の値を設定する必要がある場合があります）
- オブジェクトインスペクターで、「最小」の値を設定します 「入力範囲のサブプロパティ "プロパティから" 99000 "（写真2 ）（場所の気圧が大きく異なる場合は、別の値を設定する必要がある場合があります）
- MapRange2 を選択します コンポーネント（写真3 ）
- オブジェクトインスペクターで[入力範囲]を展開します "プロパティ（写真3 ）
- オブジェクトインスペクターで、「最大」の値を設定します 「入力範囲のサブプロパティ "プロパティから" 100 "（写真3 ）
- オブジェクトインスペクターで、「最小」の値を設定します 「入力範囲のサブプロパティ "プロパティから" -20 "（写真3 ）
- MapRange3 を選択します コンポーネント（写真4 ）
- オブジェクトインスペクターで[入力範囲]を展開します "プロパティ（写真4 ）
- オブジェクトインスペクターで、「最大」の値を設定します 「入力範囲のサブプロパティ "プロパティから" 100 "（写真4 ）
ステップ10：Visuinoの場合：マップ範囲コンポーネントをNextionディスプレイチャネルに接続します <図>
<図> 
<図> 
- 「アウト」を接続します " MapRange1 の出力ピン 「 In 」のコンポーネント 「 Elements.Scope1.Channels.Channel1 の入力ピン " DisplayNextion1 の要素 コンポーネント（写真1 ）
- 「アウト」を接続します " MapRange2 の出力ピン 「 In 」のコンポーネント 「 Elements.Scope1.Channels.Channel2 の入力ピン " DisplayNextion1 の要素 コンポーネント（写真2 ）
- 「アウト」を接続します " MapRange3 の出力ピン 「 In 」のコンポーネント 「 Elements.Scope1.Channels.Channel3 の入力ピン " DisplayNextion1 の要素 コンポーネント（写真3 ）
ステップ11：Visuinoの場合：BME280コンポーネントを追加して接続します <図>
<図> 
<図> 
<図> 
<図> 
BME280モジュールからデータを読み取るためのコンポーネントを追加する必要があります：
- 「 280 」と入力します [コンポーネントツールボックス]の[フィルター]ボックスで、[圧力温度湿度BME280 I2C ]を選択します。 "コンポーネント（写真1 ）、デザインエリアにドロップします
- 私の BME280モジュール I2Cアドレスがあります 118 の （ 0x76 ）。モジュールのアドレスが異なる場合は、「アドレス」の値を設定する必要があります "プロパティ（写真2 ）
- 「 Pressure（Pa）」を接続します " PressureTemperatureHumidity1 の出力ピン 「 In 」へのコンポーネント " MapRange1 のピン コンポーネント（写真2 ）
- 「温度」を接続します " PressureTemperatureHumidity1 の出力ピン 「 In 」へのコンポーネント " MapRange2 のピン コンポーネント（写真3 ）
- 「湿度（％）」を接続します " PressureTemperatureHumidity1 の出力ピン 「 In 」へのコンポーネント " MapRange3 のピン コンポーネント（写真4 ）
- 「アウト」を接続します " PressureTemperatureHumidity1 の出力ピン 「 In 」へのコンポーネント " I2C のピン Arduino のチャンネル コンポーネント（写真5 ）
ステップ12：Visuinoの場合：Clock Generatorコンポーネントを追加、構成、および接続します <図>
<図> 
<図> 
プロジェクトはそのまま使用できますが、スコープは常に非常に高速に更新されます。スコープを例として1秒間に10回更新するとよいでしょう。このために、センサーからの読み取りとスコープの更新をクロックするクロックコンポーネントを追加します。
- 「時計」と入力します [コンポーネントツールボックス]の[フィルター]ボックスで、[クロックジェネレーター]を選択します。 "コンポーネント（写真1 ）、デザインエリアにドロップします
- オブジェクトインスペクターで、「頻度」の値を設定します " ClockGenerator1 のプロパティ 「 10 "（写真2 ）
- 「アウト」を接続します " ClockGenerator1 の出力ピン 「時計」のコンポーネント " PressureTemperatureHumidity1 の入力ピン コンポーネント（写真3 ）
ステップ13：Arduinoコードを生成、コンパイル、アップロードする <図>
<図> 
- Visuino 、 F9 を押します または、写真1 に表示されているボタンをクリックします Arduinoコードを生成し、ArduinoIDEを開きます
- Arduino IDE 、アップロードをクリックします ボタンをクリックして、コードをコンパイルしてアップロードします（写真2 ）
ステップ14：BME280温度、湿度、圧力センサーをArduinoに接続します <図>
<図> 
<図> 
- 3V3VCC電源を接続 （赤いワイヤー ）、グラウンド （黒いワイヤー ）、 SDA （緑色のワイヤー ）、および SCL （黄色のワイヤー ）、BME280モジュール（写真1 ）
- アース線のもう一方の端を接続します （黒いワイヤー ）からグラウンド Arduino Nano のピン ボード（写真2 ）
- 3V3VCC電源線のもう一方の端を接続します （赤いワイヤー ） 3V3 に Arduino Nano の電源ピン ボード（写真2 ）
- SDAワイヤーのもう一方の端を接続します （緑色のワイヤー ）から SDA /アナログピン4 Arduino Nano ボード（写真2 ）
- SCLワイヤーのもう一方の端を接続します （黄色のワイヤー ）から SCL /アナログピン5 Arduino Nano ボード（写真2 ）
- 写真3 グラウンドがどこにあるかを示します 、 3V3 電源、 SDA /アナログピン4 、および SCL /アナログピン5 、 Arduino Nano のピン
ステップ15：NextionディスプレイをArduinoに接続する <図>
<図> 
<図> 
<図> 
- Nextion Display を切断します USBからTTLシリアルコンバータモジュールへの配線
- アースを接続する
- Nextion Display を切断します USBからTTLシリアルコンバータモジュールへの配線
- アース線を接続します （黒いワイヤー ） Nextion Display から アースピンへ Arduino Nano （写真2 ）
- TXワイヤーを接続します （青いワイヤー ） Nextion Display から RX（D0）ピン Arduino Nano （写真2 ）
- RXワイヤーを接続します （黄色のワイヤー ） Nextion Display から TX（D1）ピン Arduino Nano （写真2 ）
- 写真4 グラウンドがどこにあるかを示します 、 5V 電源、 RX /デジタルピン0 、および TX /デジタルピン1 、 Arduino Nano のピン
- + 5V電源線を接続します （赤いワイヤー ） Nextion Display から 5V電源ピンに接続します Arduino Nano （写真3 ）
- 写真4 赤で表示 グラウンドはどこにありますか 、 5V 電源、 RX /デジタルピン0 、および TX /デジタルピン1 、Arduino Nanoのピン（青色は前の手順で接続されたピンを示しています）
ステップ16：そしてプレイ... <図>
<図> 
おめでとうございます！ プロジェクトが完了しました。
写真1 接続され、電源が入っているプロジェクトを示しています。写真とビデオでわかるように スコープ Nextion Display 圧力をプロットします 、温度 、および湿度 BME280モジュールから 。
写真2 完全な Visuino を見ることができます 図。
添付されているのは Visuino このチュートリアル用に作成したプロジェクト。ダウンロードして Visuino で開くことができます ：https：//www.visuino.com
Nextion Editor も同じzipに添付されています Nextion Display のプロジェクト 。
FJE6Y04IWE4O3H6.zip
製造プロセス