墨刀(MockingBot)是一款免費的手機app原型設計工具,這款工具可以快速構建移動應用原型與線框圖,雲端保存,實時手機預覽以及多種手勢及頁面切換特效支持，還有多種主題選擇，歡迎下載使用！

功能說明

手勢

由于手勢需要较大的可点击区域，所以并不是所有组件都支持手勢，目前支持手勢的组件包括：全局手勢，链接区域，图片以及矩形，可选的手勢如图所示，共有5种：点按以及上下左右滑动；
全局手勢有6种手勢可以选择：点按、上下左右滑动以及摇一摇。

切換動畫

页面切換動畫选择，共有15种特效可供选择，如果您不确定需要哪种效果，可以直接将鼠标移到动画上面预览切换效果。

動效時長

設置不同的時長可直接影響動畫的切換速度；如無特殊需要可不做設置。

定時器

可以設定當前鏈接的自動跳轉時間，到達時間後，即使用戶沒有任何操作，應用也會自動跳轉到目標頁面，適合制作輪播動畫等等。

保留兩側浮動頁面

设置左菜单后，若想保持左菜单浮动状态，在对菜单页进行链接时选择『保留兩側浮動頁面』即可。

重置目標頁爲初始狀態

此功能默認處于選中狀態，若取消選擇則代表不重置目標跳轉頁的初始狀態。

舉個例子：頁面A爲長頁面，A中頁面下部某組件鏈接至B頁面；B中按鈕設置鏈接返回A，並取消勾選重置目標頁狀態；頁面返回後，A展示會跳轉之前的內容或狀態。

以上只是部分功能，還有更多實用的功能就不在此一一說明了。

使用教程

链接、手勢及定時器

使用墨刀可以非常方便的創建頁面間鏈接，墨刀獨創的拖拽鏈接方式，讓頁面間的鏈接關系清晰呈現眼前，要創建頁面間鏈接，只需要選中要鏈接的組件，然後拖動組件右側的小圓圈到目標頁面就可以了，如下圖：

創建好鏈接之後，我們會看到鏈接選項面板：

可以看到，链接面板包含3个部分：手勢、切換動畫以及定時器，下面我们来依次介绍这3个部分。

由于手勢需要较大的可点击区域，所以并不是所有组件都支持手勢，目前支持手勢的组件包括：全局手勢，链接区域，图片以及矩形，可选的手勢如图所示，共有6种：点按，长按以及上下左右滑动。

接下来就是页面切換動畫选择，共有15种特效可供选择，如果您不确定需要那种效果，可以在选中之后，将鼠标移到上面的预览框，对效果进行预览。

最后是定時器，可以设定这个链接的自动跳转时间，到达时间后，即使用户没有任何操作，应用也会自动跳转到目标页面，适合制作轮播动画等等。

常見問題

問：素材庫不見了，怎樣打開素材庫彈窗呢?我想要更多的圖標?

一張圖帶你飛!什麽都別說，認真看圖!

首先，你需要從組件區拖取一個“星星”圖標，界面右側會彈出“3”號圖標彈窗(如果沒出現就進行第二步)

第二步，點擊工具欄小星星，打開圖標面板。

第三步，在搜索框找尋你的真愛icon。

問：點選組件好困難啊，鼠標要戳穿了!怎麽解決?

遇到這種情況，請點擊左上角保存按鈕對當前操作進行保存，之後刷新該頁面，或清理浏覽器緩存後重啓浏覽器。

小兔建議：工作兩小時刷新工作區頁面，同時記得眺望遠處，出門散散步哦，忙碌的同時也要注意身體健康哦!

更新日志

優化頁面狀態相關功能

小更新：素材庫支持圖片替換了

更新：圖片裁切功能上線

更新：新增批注線功能

圖片素材庫更新：上傳、管理兩不誤