所謂翻牌，即是卡牌的翻轉，通過模擬卡牌的的翻轉，可以讓展示更加生動逼真。雖然平時在使用互聯網中比較少看到這種交互，但是還是存在的，比如說wps的有獎簽到。這一章就教教大家如何使用axure原型工具制作翻牌。
第一步：拖拉擺放好一個動態面板，面板中有state1和state2兩種面板狀態，state1面板狀態中放置一個灰底黑框的矩形，state2面板狀態中放置一張十二生肖中鼠的卡通圖片。并將此動態面板命名為“鼠”。
第二步：為該動態面板添加鼠標點擊時用例，在用例中添加4個動作
1、相對移動“鼠”x軸方向200，y軸方向0，動畫為線性，時間為300毫秒
2、設置“鼠”的面板狀態為state2，進入動畫為向右翻轉1000毫秒，推出動畫為向右翻轉1000毫秒；
3、將“鼠”置于頂層
4、禁用“鼠”
第三步：復制粘貼11份，分別將動態面板改名為“牛”、“虎”、“兔”、“龍”、“蛇”、“馬”、“羊”、“猴”、“雞”、“狗”和“豬”，同時也分別將state2面板狀態中的圖片換成相應生肖的卡通圖片。不過，大家要注意各個生肖動態面板的擺放層次。
到這里就制作完成了，點擊預覽并點擊卡牌就可以看到翻牌效果了。同時也可以隨時關注我的個人博客：http://weidublog.com，因為工作過程中有很多這些axure原型設計小技巧的例子，所以我會堅持分享下去，希望對大家有幫助，你們對我的關注就是我的動力。
效果圖：axure原型設計之翻牌
附件下載：翻牌rp文件
作者：維度
