WebsocketGauge オーバーレイウィジェット化

最近の車両では液晶メーターでナビや地図とメーターを同時表示するのが流行っているようです。

そこで、WebSocketGaugeのメーターをAndroidのナビアプリの上に重ねる方法をやってみます。

WebSocketGaugeは元々ブラウザでメーターを表示するWebアプリですが、ブラウザの代わりにOverlaysというアプリを使います。
https://play.google.com/store/apps/details?id=com.applay.overlay

まずはWebSocketGaugeServerの構築とOverlaysのインストールを行っておきます。(ELM327やArduinoセンサの準備も）

次にブラウザでWebSocketGaugeServerのメーターサンプルページを開き、Gauge Panel Widget Sampleの中から適当なものを選んでStartを押します

プレビューページの下にあるWidget URLのURLをクリップボードにコピーしておきます。

Overlaysアプリを開き、右下の「+」を押します。

Web appを選択

タイトルは適当に設定、URLに先程クリップボードにコピーしたURLをペーストし、保存で終了します。

後は表示の調整です。
前の項で新しく出来たWebSocketGaugeのアイコンを長押しし、「設定」を開きます。

変更箇所は以下のとおりです。
・背景色→透明にすると、背景の白枠が透明になります。丸いメーター等では透明にすること推奨です。

・透明度→必要に応じて半透明にします。

・Navigation mode→Navigation bar以外でタイトルが消えます。個人的にはLongPressが推奨です（メーターを長押しすると動かしてどかすことがができるようになります）

・タップできるOverlay→無効にした場合、オーバーレイしたメーターの下にボタンが隠れてしまっても押すことが出来ます（半透明にすること推奨）。ただし、（設定を再度有効にするまで）メーターを動かすことができなくなります。

最終的にはこのような感じになります。