株式会社インデペンデンスシステムズ横浜システム開発エンジニアの西田五郎が運営しております。その他新規開発案件のご依頼をお待ちしております。Piでタッチアプリ開発の3回目です。前回はKivyの導入について書きました。今回は具体的なレイアウトとボタンを配置してみます。以下のレイアウトについて順番に書きます。Kivyでのレイアウト全てについて書けませんので、必要な場合はページ最後の関連リンク等を参照して下さい。以下の順番で書きます。1.今回のレイアウト全体とプログラム2.widgetとcanvas3.BoxLayoutとLabel4.BoxLayoutとButton5.Buttonのコールバック1.今回のレイアウト全体とプログラムレイアウトが以下です。root.on()プログラムが以下です。GPIOの操作を想定していますが、ここでは単にボタンの色を変更しているだけです。GpioApp().run()2.widgetとcanvas<Widget>:がwidgetの基底クラスの設定で前回書いた全体のフォントを指定しています。<BtnWidget>:がルートウィジェットの定義で実際のレイアウトです。canvas:でまず全体をグレーに描画します。部分的に上から順番に書いて描画を確認すると分かりやすいかもしれないです。3.BoxLayoutとLabelBoxLayout:の’vertical’を指定してLabel:を並べています。上のLabel:では背景を青系の色に描画しています。canvas.boforeは更新前(描画前)です。beforeにすることによってラベルの文字が表示されます。size_hint_y:が高さの割合です。20%と30%の割合になるように指定しています。4.BoxLayoutとButton更に、BoxLayout:の’horizontal’でボタンの領域を定義しています。そこにボタンを2個並べています。指定しているので、結局はスクリーンショットの配置になりました。これを指定しないとデフォルトのグレー系の色と混ざります。すると濁るのでこれを指定しています。その他は、idの指定やテキスト、コールバックの指定等です。root.on()です。off()とon()です。ここではボタンの色を変更しています。これで、レイアウトファイルを関連付けます。実行した状態が上のスクリーンショットです。その状態で「リレーをオン」のボタンをタッチ(クリック)すると以下のように色が変わります。「リレーをオフ」をタッチ(クリック)すると元の色に戻ります。この処理では、GPIOは全く操作していないので、その処理を追加すれば実際に動作します。次回にそのGPIOの処理を追加します。3でモニタとキーボードなしで設定する方法についてです。以下のような条件ごとに方法を確認しました。あちらこちらで書いてしまったのでここで整理させてください。PiでC言語を使ったLEDの点灯、消灯(いわいるLチカ)を試してみました。前回デバイスドライバを利用する方法を書きました。...Node.jsでRaspberryPiのGPIOを使う(その1)デバイスドライバでLEDNode.jsでRaspberryPiのGPIOを使ってみます。今回はデバイスドライバを使ってLEDのONとOFFを操作します。以下のような簡単な回路でLEDを操作します。準備、前提は以下です。PiのコンソールケーブルでProlific社のUSBシリアル変換チップのPL-2303を内蔵している製品について、Windowsのバージョンの対応状況についてです。...レーザーカッターでセンサーのケースを作ってみた前回のセンサー(温湿度センサーBME280)のケースをレーザーカッターで作ってみました。株式会社インデペンデンスシステムズ横浜システム開発エンジニアの西田五郎が運営しております。その他新規開発案件のご依頼をお待ちしております。