本文目錄一覽:
如何將axure中的程序轉成源代碼
可以直接查看axure生成的js和html源文件,不過不建議你去看或者複製,因為裡面的代碼會有很多的冗餘,反而會增加調試的難度
axure怎麼使用javascript
用Axure做原型大家都會,畢竟跟使用ppt,word或者visio差不多,只是多了一些事件的響應和鏈接而已。偶爾用個變量,做個簡單的判斷,至多不過如此,如果真想實現複雜的效果,就有些力不從心了。
但是,有了axhoox,就可以直接使用js代碼控制在axure中添加的任何對象,添加各種交互事件都不是問題。下面,就一一道來。
1.axhoox是什麼:axhoox由一個Axure的模板以及一個__axhoox.js的文件組成。,這個是axhoox的官方鏈接,一個開源庫。作者通過寫的一段js代碼及相應的axure模板,將axure目前的axhoox僅適合axhoox6.5版本,也就是目前的最高版正式版的Axure。 由於Axure 7.0的整體結構發生了變化,因此,axhoox不能正確分析它生成的原型並進而得到頁面中的對象並以js控制之。
通過axure做原型設計生成的html代碼可以讓開發直接用嗎
不可以,Axure 生成的只是原型,是在產品制定時供大家參考了解項目用的。
Axure輸出的HTML文件不能直接用於前端代碼開發,Axure為了模擬交互效果,使用了大量的JS,其中有很多是用不着的內容,前端代碼需要完全重寫。
Axure輸出內容不能取代實際開發中的任何部分,只是為了提高溝通效率。
擴展資料:
Axure的特性
1.鼠標及鍵盤交互功能:
支持更多的新特性包括 OnDoubleClick(雙擊), OnContextMenu (右擊),OnMouseDown(鼠標按鍵按下), OnMouseUp(鼠標按鍵鬆開), OnMouseMove(鼠標指針移動), OnMouseHover(鼠標指針經過), OnLongClick (鼠標長按), OnKeyDown(鍵盤按鍵按下), OnKeyUp(鍵盤按鍵鬆開)。
2.演示文檔:
支持HTML5新特性,以及更好的支持手機演示特性。
3.新增部件樣式控制:
Axure7對於部件修飾功能有較大的改善,包括支持圓角、陰影、描邊等設置。
4.更細化的部件屬性:
更為豐富的部件屬性,可以設置各種形狀、樣式,較Axure RP 6.5單調的形狀而言,也是一種驚喜。
5.更多交互條件:
包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件,對於移動互聯網產品原型設計有很大幫助。
參考資料來源:百度百科-Axure
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/233543.html