pygame 文字输入交互_web产品的基本交互方式

• 基本交互：

• • 字体：对字体进行统一的规范

• • 边框：对边框进行统一额规范，可用于按钮、卡片、弹窗等组件里

• • • 边框：实线、虚线

• • • 圆角：无圆角、小圆角(2px)、大圆角(4px)、圆形圆角(30px)

• • • 投影样式：基础投影、浅色投影

• • 按钮：默认按钮、朴素按钮(颜色朴素)、按钮禁用(按钮不可用状态)、文字按钮(没有边框和背景色的按钮)、图标按钮(带有图标的按钮可增强辨识度)

• • 文字链接：可用文字链接和不可用文字链接

• 交互样式：

• • 单选框：有一组备选项中进行单选，由于选项默认可见，不宜过多，选择过多建议使用选择器

• • 多选框：一组备选项中进行多选，适用于多个勾选框绑定同一个数组的情景，通过是否勾选来表示这一组选项中选中的项

• • 输入框：通过键盘输入字符；

• • • 基本输入框、禁用输入框、可清空、密码框、带icon的输入框、文本域、可自适应文本高度的文本域(根据文本内容自动进行调整)、复合型输入框(前置或后置元素、一般为按钮或者标签)、带输入建议(根据输入内容提供对应的输入建议)、输入长度限制

• • 计数器：仅允许输入标准的数字值，可定义范围

• • • 可以定义递增递减步数和精度

• • 选择器：当选项过多时，使用下拉菜单展示并选择内容

• • • 基础的单选、有禁用选项、禁用状态(选择器不可用)、可清空单选(选择器清空为初始状态)、基础多选(可以选择多个