网页orApp鼠标滚动效果
前些天要做一个高保真的email应用原型,在做滑动显示邮件列表的时候发现自用各种事件都满足不了,网上也没有一个比较规范的教程,自己特意整理了一下,在做网页或者app时能模仿出鼠标滚动效果,注意是滚动,不是点击拖动。
步骤1:将“内部框架组件”组件拖拽到“index”页面,设置好坐标和大小。
步骤1图
步骤2:将“内部框架组件”组件转换成动态面板,默认状态为state1并取消勾选“自动调整为内容尺寸”。
步骤2图
步骤3:切换到“内部框架”页面,将“内部框架组件”组件的滚动条设置为“从不显示滚动条”。
步骤3图
步骤4:切换到“index”页面,在此页面的上点击鼠标右键,再设置滚动条为“从不显示滚动条”,并再检查 index页面的动态面板是否取消勾选“自动调整为内容尺寸”。
步骤4图
步骤5:在“内部框架”页面再拖入一个“内部框架”,也就是在index的state1页面拖入一个“内部框架”组件,将这个组件转换成动态面板(将默认状态修改为state2),要注意的是设置大小,一定要注意滚动条要超过index的state1页面的显示范围,这样能够避免在页面中显示出滚动条。
步骤5图
步骤6:设置刚刚插入的第二个“内部框架组件”动态面板,取消state1页面中的滚动条和边框的显示,取消勾选“自动调整为内容尺寸”,在state1动态面板下修改刚刚插入的第二个“内部框架组件”动态面板上右键,选择“自动显示垂直滚动条”。
步骤6图
步骤7:在state2页面中拖入一个长图片或者加入长文本,点击F5就能看到效果了。
步骤7图
8.更多:可以设置上下边界,不显示滚动条,可以完全模拟出鼠标滑轮滚动效果,可以尝试下用下别的组件。
-
APP开发中列表加载数据的9种行为分析与展现设计
列表是APP产品中常见的数据展现形式。它以表格为容器装载着文字、图像等,在视觉上整齐美观,用户接受度很高,常用于并列元素的展示,包括目录、分类、内容等。由于列表中一次性加载较多数据,如何在APP产品中设计好列表在各种行为下的数据加载的展性形式,对整个APP的用户体验显得非常重要。 -
如何用一个笔记本,提高产品工作效率
如何用一个笔记本,提高产品工作效率 -
网页orApp鼠标滚动效果
网页orApp鼠标滚动效果 -
让移动应用新手引导也能更专业
让移动应用新手引导也能更专业 -
Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新模板)
Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新模板) -
倒推“饿了么”App产品需求文档(PRD)
倒推“饿了么”App产品需求文档(PRD) -
偏向于行业运营的产品策划经验
偏向于行业运营的产品策划经验 -
Toast(吐司提示)的曾经、现在与未来
本篇属于《这个控件叫什么》专题,鉴于大家对Toast的名称和使用事项都非常熟悉,因此剑走偏锋来八卦一下Toast的前世今生,揭示Toast少有人知的另一面。 -
5个界面模式:导航造就良好的用户体验
对界面友好的导航秘诀是从导航菜单开始,设计导航的菜单应该由于设计过程。 -
移动app中对日期选择器的设计
我很少去关注日期选择设计,但最近在做一个项目的时候,涉及到选日期,一开始只是很简单粗暴的做了个日历表格,后来主设计师跟我说,去参考竞品的日期筛选设计。在参考学习过程中发现移动端的日期选择器设计是个大学问。