一.制作啦猫眼电影App的4个首页面
今天借着制作的原型页面讲制作Axure的几个交互效果:
1.底部tabbar的选中切换
2.试图的上下滚动
3.轮播图的切换
4.头部segement的切换选中不同的视图
- 底部tabbar的切换到不同的地方呈现不同的页面并且呈现选中效果
第一步:把手机外官和底部的电影,影院,发现,我的设置为母模板
第二步:把设置好的母模板添加到创建好的电影,影院,发现,我的的视图中,
第三步:在母版上给电影,影院,发现,我的添加热点区(Hot Spot)方便点击,给其分别添加点击事件,鼠标打击使(on click),设置当前窗口(current window)分别为对应的电影,影院,发现,我的页面
第三步:选中电影的页面,在页面载入时onPageLoad设置文字setText,选中电影,(富文本)rich Text-编辑富文本(Edit text),选中电影2个字变成红色
2.视图的上下滚动
设置动态面板:最外层的带手机的动态面板显示区为控制当前展示的屏幕,相当于手机,点击给动态面板命名-添加子面板,在子面板上添加一个大于屏幕显示区域的动态面板(共2层动态面板)
方法一:
在第二层动态面板上,点击右键
首页列表
跳转屏幕详情页显示
3.轮播图的切换
4.头部选中不同的视图
5.我的页面视图效果
未完内容待详细添加