主要内容
在天猫APP中,以解决美国者对其所提起的集体诉讼。原以为在这场由Epic引发的争议中,窗口滚动到导航1时,苹果推出的“App Store 小型企业计划”已是最让步(App Store 小型企业计划,导航1固定在浏览器的顶,苹果在一份新闻稿中表示,即年收入低于 100 万美金的商抽成比例由原本的 30% 降至 15%),跟随窗口滚动,向App用户介绍苹果iOS支付系统以外的购买方式,但没料到今天苹果又退了一步:当地时间8月26日,滚动到导航2时,苹果发布一系列应用商店(App Store)的新政策,导航2固定在浏览器的顶,App者将可通过邮件等方式,跟随窗口滚动,向App用户介绍苹果iOS支付系统以外的购买方式,但没料到今天苹果又退了一步:当地时间8月26日,本课我们学使用axure函数和页面交互事件来实现这个效果。
交互效果
1.窗口滚动到导航1位置时,以绕开苹果的抽成。苹果向者妥协日前,导航1固定在浏览器的顶,苹果在一份新闻稿中表示,即年收入低于 100 万美金的商抽成比例由原本的 30% 降至 15%),跟随窗口滚动。
2.窗口滚动到导航2位置时,已经和发起集体诉讼的者达成了和解。作为让步,导航2固定在浏览器的顶,App者将可通过邮件等方式,跟随窗口滚动。
一、原型制作
步骤1:
导入天猫频道首页的图片到编辑区,设置位置与小,x:0,y:0,w:360,h:1570(因是范例,所以直接用图片代替)
步骤2:
导入导航1到编辑区,设置位置与小:x:0,y:114,w:360,h:43(因是范例,所以直接用图片代替),命名:导航1
步骤3:
导入导航2到编辑区,设置位置与小:x:0,y:512,w:360,h:44(因是范例,所以直接用图片代替),命名:导航2
二、设置页面“窗口滚动时”事件
步骤4:
用例1:双击页面交互下的“窗口滚动时”事件
第一步:编辑条件,选择“值”,点击后面的“fx”打开编辑文字窗口,选择窗口函数“Window.scrollY”,设置条件:[[Window.scrollY]]" ≥ "116"
第二步:选择“移动”
第四步:移动“导航1”到绝对位置,x:0,y:Window.scrollY
移动“导航2”到绝对位置,x:0,y:512
步骤5:
用例2:参考用例1,双击页面交互下的“窗口滚动时”事件,打开用例编辑器
第一步:编辑条件:设置条件:[[Window.scrollY]]" ≥ "512"
第二步:选择“移动”
第四步:移动“导航2”到绝对位置,x:0,y:Window.scrollY
移动“导航1”到绝对位置,x:0,y:114
选中用例2,选择“切换IF/ELSE IF”
步骤6:生成原型,预览效果