墨刀是一款專(zhuān)業(yè)的移動(dòng)應(yīng)用原型工具，旨在幫助產(chǎn)品經(jīng)理及UI/UX設(shè)計(jì)師快速構(gòu)建移動(dòng)應(yīng)用產(chǎn)品原型,并及時(shí)與團(tuán)隊(duì)內(nèi)其他成員分享和討論，除了云端保存，實(shí)時(shí)手機(jī)預(yù)覽，MockingBot還有多種手勢(shì)，頁(yè)面切換特效及主題可供選擇。

【基本介紹】

產(chǎn)生這個(gè)想法最初是因?yàn)槿ツ曛械臅r(shí)候想要開(kāi)發(fā)一個(gè)iPhone上的交友App，當(dāng)時(shí)就覺(jué)得需要一個(gè)工具可以幫我快速作出產(chǎn)品原型和基本的交互流程，這樣就可以方便我向朋友描述想法收集反饋。
當(dāng)時(shí)搜索了一下，沒(méi)有找到專(zhuān)門(mén)的針對(duì)IOS的建模工具，最后選擇了GoMockingBird，但由于GoMockingBird是針對(duì)網(wǎng)頁(yè)的Mockup工具，做App的原型圖有諸多不順手的地方，于是當(dāng)時(shí)就產(chǎn)生了自己做一個(gè)App建模工具的想法，由于個(gè)人很喜歡GoMockingBird簡(jiǎn)潔的設(shè)計(jì)風(fēng)格，所以我們就起了一個(gè)類(lèi)似的名字：MockingBot。
MockingBot（墨刀）iOS版可以隨時(shí)隨地在你的iOS設(shè)備上查看原型。
切換頁(yè)面時(shí)，默認(rèn)選中全局狀態(tài)（狀態(tài)0）：組件添加更便捷
切換狀態(tài)時(shí)保留當(dāng)前選中組件：各狀態(tài)被隱藏的組件一目了然
全局狀態(tài)下的操作可以撤銷(xiāo)：撤銷(xiāo)后組件將恢復(fù)異步狀態(tài)
不同狀態(tài)支持設(shè)置母版默認(rèn)狀態(tài)：母版的默認(rèn)狀態(tài)可在「尺寸設(shè)置面板」調(diào)整
不同狀態(tài)均可設(shè)置固定位置：可在「尺寸設(shè)置面板」設(shè)置組件固定位置，制作按鈕浮動(dòng)效果
所有狀態(tài)均可設(shè)置初始動(dòng)效：在「尺寸設(shè)置面板」設(shè)置初始動(dòng)效
特別注意：墨刀iOS客戶端提供查看項(xiàng)目的功能，不能在iPhone和iPad上修改原型

【使用教程】

如何組合使用
1. 進(jìn)入組合面板
在墨刀左側(cè)的組件欄有3個(gè)標(biāo)簽，分別是組件，母版以及組合，你可以通過(guò)點(diǎn)擊組合標(biāo)簽或者直接按數(shù)字鍵3來(lái)進(jìn)入組合面板.

2. 使用內(nèi)置組合
進(jìn)入組合面板后，可以看到，墨刀已經(jīng)為你內(nèi)置了一些常用的組合控件，包括彈出框，列表項(xiàng)等等，要只用這些組合，只需要直接拖拽到工作區(qū)即可，你也可以復(fù)制這些系統(tǒng)內(nèi)置組合來(lái)定制你的自定義版本.
3. 創(chuàng)建自定義組合
有兩種方式創(chuàng)建自定義組合，可以點(diǎn)擊組合面板上方的新建組合，或是直接從工作區(qū)拖動(dòng)一組組件到組合面板.

然后就可以在其它項(xiàng)目中復(fù)用剛剛創(chuàng)建的組合了.

如何快速創(chuàng)建項(xiàng)目
選擇空白項(xiàng)目：有iPhone、ipad、Android、Web四種平臺(tái)，選擇后進(jìn)入項(xiàng)目屬性設(shè)置頁(yè)，可設(shè)置不同的設(shè)備型號(hào)。點(diǎn)擊創(chuàng)建，就進(jìn)入到了工作區(qū)。



如何創(chuàng)建頁(yè)面結(jié)構(gòu)
創(chuàng)建頁(yè)面結(jié)構(gòu)的區(qū)域位于頁(yè)面編輯器的右側(cè)?？梢杂盟焖偬砑有马?yè)面，也可以添加多級(jí)子頁(yè)面。
選中特定頁(yè)面后，可以看到「添加新頁(yè)面」、「復(fù)制」、「項(xiàng)目間頁(yè)面轉(zhuǎn)移」、「刪除」按鈕，進(jìn)行更多操作。在頁(yè)面列表左下方，有「頁(yè)面回收站」入口，誤刪除的頁(yè)面可以在回收站中找回。


如何創(chuàng)建頁(yè)面內(nèi)容
墨刀創(chuàng)建頁(yè)面內(nèi)容非常的簡(jiǎn)單：從左側(cè)控件區(qū)拖拽控件到頁(yè)面設(shè)計(jì)區(qū)，然后在屬性設(shè)置面板和頂部工具欄中編輯其細(xì)節(jié)就可以了。


如何添加頁(yè)面交互
頁(yè)面設(shè)計(jì)好以后，要建立頁(yè)面間的交互，只需點(diǎn)擊組件，將組件旁邊的圓形鏈接按鈕拖動(dòng)（鏈接）到相應(yīng)的頁(yè)面就可以啦！
在添加鏈接時(shí)，還可根據(jù)需求，在交互鏈接設(shè)置面板中設(shè)置不同的觸發(fā)手勢(shì)、定時(shí)器及動(dòng)效。

【更新日志】

版本 2.1.2 中的新功能
1. 修復(fù)了微信分享不能正確使用的問(wèn)題