本篇教程介绍了框架教程之框架复选框(选中和取消选中事件开),希望阅读本篇文章以后大家有所收获,帮助大家对框架的理解更加深入。$('#btn_Company ').attr('disabled '
顺晟科技
2022-12-02 09:19:24
173
交互模块的描述:由于交互功能与原型的联系很强,在交互模块中没有太多的详细描述,主要以为例进行讨论,本章只做简要说明。根据作者的使用水平。
页面交互事件
[高]当页面加载时
当加载页面时,作为触发条件,通常会结合动态面板、中继等相关组件动态加载数据。
[高度]当窗口大小改变时
当显示页面窗口改变时,它被用作触发条件。界面适配是根据窗口变化加载相应的预置。
[低]当窗口滚动时
当页面滚动时,它被用作触发条件。
[低]当窗口向下滚动时
当页面向下滚动时,就是触发条件。
[低]窗口向上滚动。
当页面向上滚动时,就是触发条件。
[中]当页面被点击时
对于鼠标点击事件,可以实现鼠标点击触发的交互事件。
(注意:页面点击事件不同于组件点击事件。页面点击事件可以通过点击页面任意位置来触发,但是组件点击事件只能点击组件的有效范围)。[中间]页面双击事件
对于鼠标双击事件,作为触发条件。也可以通过双击页面上的任意位置来触发。[中间]页面右键单击事件
模拟鼠标右键点击的交互作为触发条件。在一些客户端产品的原型中,您可以通过右键单击来调用页面菜单。当鼠标在页面上移动时
监控鼠标是否移动,从而实现鼠标移动作为触发条件。[低]按下翻页按钮时
当键盘按下特定的键时,它被用作触发条件。
需要配合《启用情形》进行交互处理。(例如:客户端的快捷键事件)。
[低]当释放页面按钮时
自适应视图改变时,同上[中]。
自适应视图:具有不同分辨率的预设视图。切换时可以加载一些页面变化和页面跳转,达到自适应完美显示的效果。
组件交互事件
单击、双击、右键单击、鼠标按下、鼠标释放、鼠标移动、鼠标进入、鼠标退出、按钮按下、按钮释放、移动、旋转、大小改变、显示、隐藏、获得焦点、失去焦点、选择改变、选择、取消选择和加载。
在组件交互事件中,基本上都是常用的交互事件,以上是组件级交互事件的触发方式。这里不做过多解释。在中,的后续案例将详细解释使用的。
一些交互效果可以通过多种方式实现。在这种情况下,要尽可能减少交互步骤,达到交互效果。这可以改善预览体验。
特殊模块-动态面板的特殊事件。
当状态改变时
当动态面板中有多个状态时,状态切换作为触发交互的条件。
PMYX:继电器系列中【案例】:正反倒计时元素的实现。Zhuanlan.zhihu.com把它拖到了开头。
动态面板可以拖动,拖动的交互开始作为触发条件。
拖动时
动态面板可以拖动,拖动的交互可以作为触发条件。
拖动结束时
动态面板可以拖动,拖动结束时,作为触发条件。
向左、向右、向上和向下拖动。
在不同方向拖动结束时。相应的方向被用作触发条件。
向上滚动时,向下滚动时
当向不同方向滚动时,作为触发条件。
02
2022-12
02
2022-12
02
2022-12
24
2022-10
24
2022-10
25
2021-06