改善 UI 跟其他輸入法看齊

[goofyz]

作為一個手機上的輸入法，TRIME 的基本功能齊全，但 UI 始終有所缺失。參考其他輸入法，我認為可以作出以下改動：

• option switch：現在的 switches 是繼承自 rime 的，但對手機上來說卻不是需要常用到的。建議改為如剪貼簿、emoji、語音 設定等。現有的 switch 則隱藏到一按鈕，需要時按一下出來。
• 候選欄：現在用左右滑動去觸發上一頁下一頁的效果很不友好，經常跳到下一頁時因為還在滑動，結果要再拉回右邊查看前一些的字，然後又會觸發上一頁。建議改成下按鈕式，可以將下一頁的按鈕長駐在候選欄右邊 (#1117)，然後透過 liquid keyboard 達成。
• emoji keyboard：我覺得需要內置一獨立的介面來輸入 emoji。雖然現在有 liquid keyboard作替代，但是其效果強差人意，數量一多 (emoji 大約有 1700+個，還未計不同膚色的呢) 的話效能很差。 (#924, #940)首要之務是改善 liquid keyboard 的效能，然後用 liquid keyboard 弄一個 emoji keyboard，再改善 UI (#858)。
• 語音輸入：現在的語音輸入沒有介面，有時系統沒有回應要求時用戶也不知道，要等之前的要求處理完或逾時，才能重新操作。建議跟其他輸入法一樣，語音輸入時呼叫系統的語音輸入法，若沒有語音輸入法時才用回現在的方法。 (#1087) 建議同文直接支援 speech API，我是不同意的。同文應該轉注於中文輸入法，其他方式的輸入方式應該交給其他輸入法去
• 橫向和直向的 layout (#1038, )，還有浮動視窗 (#1008)

• 內置特定鍵圖片：按鈕 label 只能使用文字，但某些功能鍵等不容易找到對應的字符，而且字符也不夠美觀。建議加入對應圖片進同文，令該些按鍵更順眼。不過此舉等於讓同文支援圖片作為 label，似乎工程頗大。需要的按鈕：

  • shift
  • backspace
  • enter
  • search
  • send
  • 語音

大家對以上的提議有沒有意見？我打算趁有空時慢慢修改。

[WhiredPlanck]

@goofyz 我觉得挺好，现在不缺点子 ...... 就是缺整的人和时间 😂

[Wenti-D]

关于候选栏，几乎所有手机上的输入法都没有采用电脑上「页面」的概念，而是一次性将所有候选项全部列出，一般有输入时左右滑动与展开时上下滚动（有点像分散对齐版的液态键盘）两种界面形式。如果能实现这样的那就再好不过了。

倒想起另一些关于键盘 UI 的事，不知在这里提建议是否合适。

部分键盘字面显示与实际送出的键码不一样，例如注音中键盘显示「ㄆ」送出去是「q」，但设置项「按键时弹出显示字符」打开时，弹出显示显示的是实际送出的键码，很不对劲。

另外似乎键盘配置文件中只能设置中文状态下按键字面显示（即 label），没法设置滑动输入项的按键字面显示，希望能加入。（虽然这个功能可能大部分人用不到就是了）

[goofyz]

@WhiredPlanck 就是想拋磚引玉，看看有沒有其他人有興趣執 code😄

@Wenti-D 彈出字符也是我想修改的地方。至於滑動輸入顯示，我估計會排得很後了。

[chwt163]

我是设定一个按键来打开液体键盘的候选标签，习惯了也还可以。

- {click: 'liquid_keyboard_clipboard', key_text_size: 14, long_click: '-', key_symbol_offset_x: 9, has_menu: liquid_keyboard_candidate, key_back_color: bgn, key_text_color: th4}

然后要在 defauit.custom.yaml 里面的 patch 那里添加一行，来设定最多显示多少候选字，好像最大是100：

"menu/page_size": 99

如图，回车键左边的按键，没有候选字的时候，是液体键盘的剪贴板，有候选字就是展开候选栏：

[daniuwo]

对于按键图片我是使用了以下方法实现，通过开源的图标，把图标转换成 ttf ，然后替换成键盘字体。 类似的网站有 https://iconfont.cn/ https://remixicon.com/

目前来看非常完美，缺陷就是无法再次定义键盘字体。