KAZ@KKのブログ一覧

CarScannerの表示画面。

試行錯誤繰り返すこと約4ヶ月。
色々とアイテムを追加してみたり、削除してみたり、色味やサイズもいじり倒してきた。

もう少し微調整は必要なものの、ほぼほぼ最終形に近づいてきたような気がする。

一時は30個ぐらいのセンサーを表示していたが、さすがに表示レスポンスが悪くなっていた。
今はざっくりと絞り込んで18アイテムなので、全く問題ない早さで表示してくれる。

しかし、もっと広い画面が欲しいな…


なんかこうバランス悪いので、早速いじってしまった。

あれこれアイテムを追加していくうちに導入当初に比べて大分派手な画面になってきた。

デモモードなので表示値はデタラメ。

表示項目は下記。
-アクセルペダル開度(自作PID)
-Intake shutter valve angle
-Brake fluid pressure
-Absolute load value

-Gear (AT)
-Vehicle speed
-Lock up

-Calculated instant fuel consumption
-Average fuel consumption

-Engine coolant temperature
-Cooling fun duty cycle

-Oil pressure solenoid valve : open
-Engine oil temperature
-Engine oil pressure

-Calculated boost

-ATF temperature
-OBD module voltage

-Vehicle acceleration

-Distance travelled
-Run time engine start

Car Scanner ダッシュボード設定の備忘録

Gauge indicator 2 は時計で言うところの　7:30〜4:30 の範囲を太いバーが伸び縮みするメーター。

だが、データが急激にゼロやマイナスに変化した時に4:30から7:30 方向に向かって、4:30 のリミットを越えて右回りにバーが表示される場合がある。
いやいや、データーは縮んでいるんだからそっちは逆方向だろが…

元々円の下1/3が切り取られた形状のメーターなのに、一瞬円形になってしまう。
とにかくかっこが悪くて非常に不愉快。

これを回避する方法。

正しいやり方かどうかは別にして、とりあえずカッコ悪い表示は回避できた。

アクセルペダルの踏み込み量をパーセンテージ表示するためのcustom PID の expressionに手を入れてみた。アクセルペダルはポンっと離す場合があるので、カッコ悪い表示が出まくっていた。他のメーターは連続可変で値が上がり下がりするからなのか？このへんてこりんな動きはまず見ない。まずはアクセルペダルを対象にしてみた。
変更前は(A+0.4-40)/1.92 の式をif((A+0.4-40)/1.92<1; 0; (A+0.4-40)/1.92) に変更してみた。

とりあえずこれでへんてこりんな表示になることはなくなった。

ゼロの値の範囲(-0.9999...〜0.9999...)の取り扱いが悪いんだろうと考えての式変更。
でも式は美しくない。もう少しスマートな書き方はありそうなもんだが、ヘンテコ表示が無くなればそれでよしとしておく。

想像の域は出ないが、おそらくアプリの中で有効桁数以下の値の扱いに一貫性がないのか、メーター描画の際のバグなんだろうと思う。もしくはPID側でデータがキチンと処理されることを期待しているのかも知れない。
とは言え、こんなのはメーター側でキチンとガードをかけてもらいたいもんだ。

Car Scannerダッシュボード設定の小ネタの備忘録

Gauge indicator 2 では、数値がゼロというか最小値の時にはGauge Pointer (太いバー)が表示されないのが仕様。

これでは、取得したデータがゼロなのか、そもそもデータを取得出来ていないのかを判別できない。

最小値データでもGauge Pointer を表示する方法。
(写真のような状態にする方法)

ScaleのMinimum値を実際に表示したい最小値よりも小さな値にセットする。
表示したいデータ範囲の 1/100ぐらいが良さげ。％表示のメーターなら -1〜100%を表示範囲にする。
これでデータがゼロのときでも Gauge Pointer を1%相当の幅で表示できる。

-1〜100 の場合なら、同時にBlue zone を-1から0 の範囲に設定しておき、色をGauge Pointer と同色にしておくとなお良い。

これをしておかないと、Gauge pointer が自分が設定した色ではなく青色だったり、自分で設定した色と青色の二色で表示される場合がある。
マイナス方向の表示範囲に、そもそも表示をオンにしていないBlue zoneが表示されてしまうようだ。何かをキッカケにこのBlue zoneが現れてしまうと、もうどうやっても消せなくなる。表示をオン/オフしても消せない。
これは非常にタチの悪いバグだが、消せないならもう積極的に表示してしまうしかない。

写真の例ではマゼンタのメーターは-30〜3000kPaを表示範囲にしている。
-30〜0の範囲はBlue zone (色はGauge pointer と同色)に設定している。
ちらっと見える緑のメーターは -1〜100%を表示しているメーター。

スマホの狭い画面に複数のメーターをてんこ盛りするにはメーターを重ねて表示するのが私にとっては必須となった。

備忘録を兼ねてメーターの重ね方の小ネタ。

各メーターの表示の優先順位(複数のメーターがオーバーラップする時、どちらのメーターが優先的に、より前面側に表示されるか)は、dashboard editor の customize page での item の並び順に依存する。
より下の行で定義したメーターが表示では優先順位が高くなる。要するに、後から追加したアイテムが優先される。

これを考えながらitemの並びを調整してあげレバ良い。

まん丸形状のメーターでは、たとえばSize and position の width. height が100. 100だとすると、Background and border の Rounding corners の数値を100/2 ＝50 つまり半分の値にしてあげると真のまん丸メーターになる。
Rounding corners を調整しないと、見た目丸い形状でもメーターは四角のままなので。

これでメーターの重ね表示ができる。


写真は画面構成の一例、ほぼ全てのアイテムはどこかで重ねている。


この規則を上手く活用することで、燃費表示の所のように複数のアイテムを四角で囲んだりもできる。