fix(ui): 列を揃えて離した行を消す

[torabit]

変更内容

• 画面に出る文字を英語にした
• 列の桁を揃えた。同時押しの行で F が右にずれなくなる
• 離した区間の行を既定で出さない。frametap.toml の show_released で戻せる
• 方向名を numpad 表記にした。D↑ が DP8、L↑ が LS8 になる

なぜ

文字化け

egui の既定フォントは Hack と Ubuntu-Light と NotoEmoji で、日本語のグリフを 1 文字も持たない。Cargo.toml の eframe は default_fonts だけを有効にしている。接続の表示も見出しも但し書きも豆腐になっていた。

画面に出るのは ui の文字列だけではない。Timeline::scale_warning と hid_source のエラーと config の警告も、そのまま画面に出る。4 つとも英語にした。

日本語のフォントを足す手もあったが採らなかった。Windows 10 以降で日本語のフォントは省略できる構成要素になっていて、入っていない環境がある。exe に埋め込むと 7MB が 12MB になる。この画面に日本語が要る理由が無い。

列がずれる

allocate_ui_with_layout に名前の欄の幅を渡していたが、egui は要求した幅ではなく実際に使った矩形のぶんだけ cursor を進める。名前が長い行ほど後ろの 2 欄が右へずれる。

割り付けを egui に任せるのをやめた。3 つの欄を等幅の 1 行に組む。名前を左詰め 20 文字、F を右詰め 6 文字ずつにする。20 文字は同時押し 4 つ (L1 R1 DP8 Cross で 15 文字) が収まる幅になる。

input                press  hold
L1                     0.0   1.0
L1 DP8 R1             12.5  99.0

離した区間の行

その行は持続 F しか持たない。名前も押下 F も空欄になる。画面の行数が倍になり、読む対象が半分に薄まる。

間合いは押下 F の差で読める。どちらも試行の起点からの差なので、引けば空いた F が出る。

消さずに設定で残したのは、この判断が使ってみないと確かめられないため。show_released = true で戻る。

方向名

矢印は化けていなかった。実機のスクリーンショットで D↑ は出ている。ただし等幅フォントで ↑ の送り幅が 1 文字ぶんである保証が無く、1 行を等幅で組む以上そこで桁が崩れる。numpad 表記なら ASCII で収まる。

接頭辞を 2 文字にしたのは、左スティックを L にすると L1 が shoulder の L1 と衝突するため。

検証

• cargo fmt --check
• cargo clippy --all-targets -- -D warnings
• cargo test (107 件)
• cargo coupling --check --min-grade=B --max-circular=0 ./src は Grade A (35%)

桁が揃うことは row_text の単体テストで押さえた。名前が 1 つの行と 3 つの行で、文字列の長さと F の位置が同じになる。

画面の見え方そのものは Windows でしか確かめられない。実機で見るまで未検証になる。

Closes #20