参考：Assassin's Creed Valhalla

工具：Figma

组件逻辑：Setting Bar由Bar和Frame R组成：Bar分为default和selected两种状态，Frame R分为true/false/selected/hover/var_true；由此构成Setting Bar的三种property临摹界面省略了游戏中的Free pointer，但自由光标更贴合PC端鼠标的交互方式在选中dropdown类setting bar时，对其他无关信息采用遮罩。在游戏界面中，其他bar的无关选项（状态为false的Frame R）均不可见，且遮罩范围更大，进一步提高该界面的信息可读性。

Powered by Froala Editor