Nextionタッチパネル - IchigoJam偏

  NextionタッチパネルをIchigoJamで使用する方法を紹介します。

 

○新規プロジェクトの作成

　Nexion Editorで新規プロジェクトを作成します。

①[New]をクリックします。

②保存先のフォルダを選択し、ファイル名を入力して[保存(S)]ボタンをクリックします。

③デバイスと画面の向きを選択し、[OK]ボタンをクリックします。

○フォントの作成

　次のように操作して、フォントを作成します。

①[Tools]→[Font Generator]を選択します。

②フォントの種類を選択し、フォント名を入力して、[Generate font]をクリックします。

 

※ここでは「Arial」を選択することとします。なお、他の設定項目は規定値のままとします。

②保存先のフォルダを選択し、ファイル名を入力して[保存(S)]ボタンをクリックします。

③[OK]ボタンをクリックします。

④「Font Creator」ウィンドウの[×]をクリックします。

⑤[Yes]ボタンをクリックします。

○GUIの作成

　次のように操作して、ボタンを2つ配置します。

①[Button]コンポーネントを2つ配置します。

 

②ボタン「b0」をクリックして選択状態にします。

③「Attribute」の「txt」(表示テキスト)を、「ON」に変更します。

 

④②～③の手順でボタン「b1」の表示テキストを「OFF」に変更します。

○イベントの設定

　ボタンがリリースされたときに、ボタンのIDが送信されるように設定します。

①ボタン「b0」をクリックして選択状態にします。

②「Event」ウィンドウの「Touch Release Event」をクリックし、「Send Component ID」のチェックをオンにします。

 

③ボタン「b1」も②③の手順で「Touch Release Event」の「Send Component ID」のチェックをオンにします。

※「Touch Press Event」の「Send Component ID」のチェックをオンにすると、ボタンが押されたときにIDが送信されるようになります。

○デバッグとコンパイル

　次のように操作して、デバッグし、コンパイルします。

①[Debug]ボタンをクリックします。

②各ボタンをクリックし、「Simulator Return Data」を確認します。

・ON

　0x65 0x00 0x01 0x00 0xff 0xff 0xff

・OFF

　0x65 0x00 0x02 0x00 0xff 0xff 0xff

③[×]ボタンをクリックし、デバックのウィンドウを閉じます。

④[Compile]をクリックします。

○「.tft」ファイルのアップロード

　シリアル通信、またはSDカードを使用し、作成した「.tft」ファイルをタッチパネルにアップロードします。

※アップロード方法は、「Nextionタッチパネル - 導入偏」を参照してください。

○配線

　IchigoJamとタッチパネルを次のように接続します。

タッチパネル	IchigoJam
RX	TXD
TX	RXD
VCC	CN5の1ピン
GND	CN5の5ピン

○BASICプログラムの入力と実行

　IichigoJamに次のプログラムを入力し、実行します。

10 bps 9600
20 I=INKEY()
30 IF I=1 LED1
40 IF I=2 LED0
50 GOTO 20

　タッチパネルの[ON]ボタンをタッチ(正確には、タッチからのリリース時)するとLEDが点灯、[OFF]ボタンをタッチするとLEDが消灯します。