Axure教程一：快手APP顶部Tap切换及侧导航展示交互

　　本系列xure进修系列共分三期，希冀经由过程本次分享让初教者可以把握Axure的交互设想。本次分享次要内容包罗：快脚顶部Tab切换交互;侧导航睁开交互;视频播放页交互和视频拍摄页交互。

　　本型基于Axure8造做，以下是相干交互架构图。

　　尾先检察完好本型预览：http://bdh2ot.axshare.com/

　　以下是第一期分享内容。

　　1、 顶部Tap切换

　　1 设置静态里板

　　1.1 拖进静态里板，600*900。

　　1.2 单击静态里板，设置静态里板称号。

　　1.3 面击“+”号，设置静态里板形态(快脚APP顶部共3个Tap，以是本次也需求对应增加三个)。

　　1.4 面击肯定，增加完成。

　　2 完成Tap页低保实本型本型(以发明页为例)

　　2.1 单击“发明”，进进静态里板-发明形态页里。

　　2.2 正在“发明页里”-操纵元件库，参考快脚APP造做低保实本型。

　　2.3 每个本件做好定名，便利做交互时停止区分识别。

　　2.4 根据以上三面划定规矩，别离造做“存眷”页及“同乡”页低保实本型。

　　2.5 至此，尾页Tap交互设想前事情筹办完成，开端交互设想。

　　3 Tap交互设想

　　3.1 单击“发明”，进进静态里板-发明形态页里。

　　3.2 尾先，面击选中“存眷”Tap，并单击 “鼠标单击时”用例，挑选“设置里板形态”行动，并将形态挑选为“发明”。

　　3.3 其次，面击选中“存眷”Tap，并单击 “鼠标单击时”用例，挑选“设置里板形态”行动，并将形态挑选为“存眷”。

　　3.4 第三，面击选中“同乡”Tap，并单击 “鼠标单击时”用例，挑选“设置里板形态”行动，并将形态挑选为“同乡”。

　　3.5 根据以上4面，便可完成“发明”页里的Tap交互设置。

　　3.6 一样别离进进“存眷”及“同乡”页里，按照一样的办法设置Tap交互。

　　3.7 设置完成后，则本次Tap交互设想完成，赶紧F5预览一下本人的胜利吧。

　　2、 侧导航睁开交互

　　1 完成“侧导航页”低保实本型，并做好本件定名。

　　2 将侧导航页里停止组开，定名为“侧导航”，并设为躲藏形态。

　　3 “存眷”页，面击“侧导航”按钮并单击 “鼠标单击时”用例，挑选“显现”行动。

　　4 左侧设置行动地区，选中“侧导航”组开，同时设置动绘为“背左扭转”500毫秒。

　　5 选中侧导航遮罩区，并单击 “鼠标单击时”用例，挑选“躲藏”行动。

　　6 左侧设置行动地区，选中“侧导航”组开，同时设置动绘为“背左扭转”500毫秒。

　　7 设置完成后，则本次侧导航交互设想完成，赶紧F5预览一下本人的胜利。

　　本次分享到那里完成，下一期持续分享视频播放页的行动交互。

　　RP文件下载地点：链接: https://pan.百度.com/s/1skKsvOp 稀码: ddrg