欢迎登陆陪学网
欢迎注册陪学网账号
密码找回
滚动内容
时长: 指导老师:Axure官网 困难程度:容易
主要内容
在IPhone应用原型中,将内容放到一个可以滚动的动态面板中,用来代替IPhone应用长页面。IPhone应用通常有一个静态的页首和/或页尾。我们可以将主要内容放置到动态面板中,使主要内容可以滚动。另一种选择是将页首或页尾固定在浏览器,不过,可滚动的动态面板方法对于IPhone应用中的可见区域的控制会更加灵活,并且利用“生成->原型”中设置的“防止垂直页面滚动”选项。在下面的案例中,使用的是文本内容。不过在实际设置中,面板中可放置任何内容
一、IPhone应用的可拖放滚动内容
步骤1:定位内容
首先,打开AxureiPhoneApp.zip压缩包的iPhoneAppScrollingContentTutorial.rp文件。
拖动文本面板到应用布局中,将文本面板放置到图片部件下,头部对齐。底部的文本超过主内容面板长度。
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤2:将文本面板转换为动态面板
右键文本,快捷菜单选择“转换->转换为动态面板”,将文本面板转换为动态面板
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤3:设置面板大小尺寸
重新设置动态面板底部,使动态面板适合放置在音乐控制器上
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
步骤4:跟据需要添加滚动条
右键动态面板,快捷菜单选择“编辑动态面板->按需显示垂直滚动条”
生成原型到桌面,测试交互效果,或直接在IPone中查看原型。
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
本课程原创内容来源:Axure官网(www.axure.com) 翻释:陪学网