常用的交互设计
交互事件:
事件:当我们给元件添加了某个交互之后,其实就是增加了一个交互事件
交互样式:(鼠标悬停、鼠标按下、获取焦点可以直接触发,选中、禁用需要设置交互动作)
- 鼠标悬停
- 鼠标按下
- 选中
- 禁用
- 获取焦点
鼠标和键盘交互:
- 单击时
- 双击时
- 鼠标右击时
- 鼠标按下时
- 鼠标松开时
- 鼠标移动时
- 鼠标移入时
- 鼠标移出时
- 鼠标停放时
- 鼠标长按时
- 按键按下时
- 按键松开时
形状交互:
- 移动时
- 旋转时
- 尺寸改变时
- 显示时
- 隐藏时
- 获取焦点时
- 失去焦点时
- 选中
- 取消选中时
- 选中改变时
- 载入时
页面交互:
- 窗口尺寸改变时
- 页面载入时
- 视图改变时
- 窗口向上滚动时
- 窗口向下滚动时
- 窗口滚动时
内联框架交互:
- 移动时
- 尺寸改变时
- 显示时
- 隐藏时
- 载入时
动态面板交互:
- 手势交互
- 动态面板交互
中继器交互:
- 载入时
- 每项加载时
- 列表项尺寸改变
条件/情形:
- 条件设置:设置条件项、选择元件、设置具体条件内容、设置条件的匹配(注意if和else的设置)
文本框交互:
下拉列表交互:
单选/复选交互:
树交互:
交互动作:
事件+动作=交互效果,比如单击时给元件设置文本
链接动作:
- 打开链接
- 关闭窗口
- 框架中打开链接
- 滚动到元件
元件动作:
- 显示/隐藏
- 设置面板状态
- 设置文本
- 设置图片
- 设置选中
- 设置列表选中项
- 启用/禁用
- 移动
- 旋转
- 设置尺寸
- 置于顶层/底层
- 设置不透明
- 获取焦点
- 展开/收起树节点
中继器动作:
- 添加排序
- 移除排序
- 添加筛选
- 移除筛选
- 设置当前显示页面
- 设置每页项目数量
- 添加行
- 标记行
- 取消标记
- 更新行
- 删除行
其他动作:
- 设置自适应视图
- 设置变量值
- 等待
- 其他(在弹出窗口中显示提示文字)
- 触发事件