2026年1月4日 星期日

按鈕的加減法

 在Discord的應用開發中,原生UI的排版限制非常嚴苛,像一行Action Row最多只能放5個按鈕


這可苦了我


在《鍊金術師與瓶中獸》的主控介面裡,第三行是寵物相關的按鈕,完整的應該是


[進化][緊急救治][餵食][交換][瓶中獸煉成][歸原]

不光是塞不下的問題,即使塞的下,一排看來也是又臭又長


如果換行的話,又會斷開行跟按鈕類型的關聯,而且Discord規定最多5行,實在不好放開說換就換


因此這裡就得花點心思:

1. 把平常不會用到的按鈕藏起來

2. 確保同行按鈕數不會超過5


在歸納後,把[進化][緊急救治][交換][歸原]這些使用條件較高且使用頻率較低的按鈕設為條件顯示


因此最初能看到的按鈕只有:


[餵食][瓶中獸煉成]


但最多的按鈕有6個,因此需要設計互斥按鈕


所以就有了"寵物瀕死時不能進化"的規則,使[進化]跟[緊急救治]只能同時出現一個,以達到確保最多5個按鈕的目的,敘事上也說得過去



以上,就是《鍊金術師與瓶中獸》的按鈕設計心路歷程


如果以後有更多的功能,可能就要放在二階頁面裡了吧,當然我是希望盡量避免太多層的操作就是了


沒有留言:

張貼留言