AppCan工具詳述|功用豐厚的IDE集成開發工具

2019-06-03 21:50

AppCan IDE是基於Eclipse定制的挪動集成開發環境,專為無Native開發經歷的HTML開發人員設計。  AppCan IDE協助HTML開發人員在無需任何原生環境輔助下即可完成高體驗效果應用的開發、調試、跟蹤和模仿,並可借助內嵌的應用打包功用,創立可直接裝置到手機的本地應用裝置包以便後續測試應用。
 
跨平臺支持
AppCan IDE能夠用於支持iOS、Android平臺手機戰爭板的高體驗Hybrid應用的開發。經過AppCan Hybrid技術,HTML開發人員遵照基於規範CSS技術的AppCan 挪動開發UI參考框架,即可完成壹次開發,多平臺適配,在各種分辨率的挪動終端上堅持相同的體驗。AppCan UI框架提供了極高的適配性和自主性,開發人員能夠沒有約束地依據需求、UI設計完成應用界面及邏輯的開 發。
 
HTML5支持
AppCan IDE采用國際通用的HTML言語作為跨平臺支撐言語,同時借助於AppCan Hybrid技術以終端內嵌閱讀器為中心的設計理念,使開發人員能夠直接采用HTML5技術完成應用功用的開發。基於業界公認的HTML5的強大才能和普遍的開發用戶群體,開發人員不需求重新學習私有規範,即可完成復雜功用的完成。
 
 UI模版支持
AppCan IDE內嵌了電商、新聞等多套業界經典應用模板,開發人員能夠基於模板快速構建應用框架,同時IDE還內嵌了登錄、註冊、個人信息、購物車等等超越百款挪動經典窗口規劃模板,並以界面導遊方式托付,有效協助開發者快速完成應用的界面和功用拼裝。
 
本地打包支持
AppCan IDE內嵌開發版應用打包效勞,開發人員能夠在個人PC機上完成開發版本應用裝置包的生成,並可在手機中裝置考證應用的完成效果與問題處理狀況。開發人員能夠在本地配置應用啟動界面、圖標,還能夠動態選擇應用所用的公共插件和自定義插件。打包效勞會自動聚合各插件庫、引擎和應用HTML代碼。經過生成的裝置包,能夠直接考證插件的功用,便於插件開發人員與HTML開發人員停止聯調,同時還可考證應用圖標、啟動圖片等資源的實踐展現效果。
 
本地模仿調試
AppCan IDE提供基於Chrome內核的模仿器,能夠在PC上完成挪動應用的界面模仿、通訊模仿、設備模仿。開發者能夠在模仿器中動態跟蹤和調試代碼,變卦顯現效果,作斷點調試。
 
真機同步伐試
AppCan IDE為開發者提供了Android和iOS平臺的真機同步伐試功用,不只能快速便當檢查HTML頁面DOM構造、實時同步更新元素CSS款式,還能跟蹤剖析頁面資源加載性能等問題,協助開發者高效、便利的調試應用。
 
 IDE新版特征
AppCan IDE V4愈加人性化,提供給用導遊和界面導遊,內置UI設計器、MVVM開發形式、多種主題計劃及數百種界面模板,支持項目雲端同步、多人協同開發,支持實時預覽、本地應用打包、本地模仿調試和真機實時同步伐試,新增Web/微信  App打包功用,可將挪動應用快速轉換為挪動網站和微信網站,引擎插件模仿器再次晉級,代碼提示無憂編程,助開發者快速上手,高效創立專業應用。
 
IDE新版上線了,在IDE新版本上開發者會發現幾大改動,這些改動能讓開發者更快速、 高效的開發愈加穩定的項目。
 
1)appcan.ready交換window.uexOnload
在新版本中運用appcan.ready交換window.uexOnload,並且在同壹html頁面中能夠屢次調用appcan.ready。新代碼如下:
 
appcan.ready(function() { var titHeight = $('#header').offset().height;
            appcan.frame.open("content", "index_content.html", 0, titHeight); window.onorientationchange = window.onresize = function() {
                appcan.frame.reisze("content", 0, titHeight);
            }
}); 
2)重新定義頁面彈動刷新功用
在新版本中,重新定義了頁面的彈動刷新辦法。將多個零散的辦法停止封裝統壹調用,簡化插件調用步驟,更容易完成彈動刷新功用。原來我們調用此功用的代碼要調用以下辦法:
 
uexWindow.setBounce(flag); uexWindow.notifyBounceEvent(type, status); uexWindow.showBounceView(type, color, flag); uexWindow.resetBounceView(type); uexWindow.setBounceParams(type, json); uexWindow.hiddenBounceView(type); uexWindow.onBounceStateChange 如今,我們只需按如下代碼調用即可:
 
appcan.frame.setBounce([0,1], function(type) { $("#pullstatus"+type).html(!type?"開端下拉":"開端上拖"); }, function(type) { $("#pullstatus"+type).html(!type?"下拉超越臨界點,產惹事件了!":"超越臨界點,產惹事件了!"); }, function(type) { $("#pullstatus"+type).html("松手了,產惹事件了,開端更新數據!");
                setTimeout(function() {
                    appcan.frame.resetBounce(type); $("#pullstatus"+type).html("");
                    demo.add(updateData,type); }, 1000);
}); 
3)修正UI控件完成方式
在新版本中,重新定義UI控件的完成方式,減少代碼的編寫量,愈加快速便利的完成功用及界面展示。如listview控件,在之前的版本中我們完成列表,在html中直接參加列表的詳細代碼,數據拼裝及顯現需求停止代碼的詳細編寫控制;而在新版本中我們經過js控制只需填入關鍵數據即可完成模版數據的拼裝及顯現。如下面這段js:
 
var updateData = [{ title : "飛行形式", icon : "../css/res/appcan_s.png", "switch":{  mini:true,  value:false }
        }, { title : "藍牙",  subTitle:"翻開", icon : "../css/res/appcan_s.png" }];
        var lv1 = appcan.listview({ selector : "#listview", type : "thinLine", hasIcon : false, hasAngle : true, hasSubTitle : false, multiLine : 1, hasControl : true, align : 'left' });
        lv1.set(updateData); 
上面這段js代碼是直接生成,我們只需將updateData裏的數據換成我們要顯現的數據即可。
 
4)集成backbonejs、zeptojs和underscorejs進而與jQuery等寫法兼容
在原來的版本中,我們運用$$經過id獲取元素的dom,除此之外未提供任何快捷辦法,如今我們能夠直接運用$加元素選擇器的方式獲取我們想要的dom,並且對dom停止操作了。經過這種方式編寫,讓習氣了運用第三方框架的開發者愈加快捷高速的停止編碼。如$(“#id”).removeClass、$(body)等。
 
5)推出js sdk對底層的接口停止更高層的封裝,統壹標準接口調用體系。
運用IDE3.1版本,開發者會發如今新建的項目裏的js文件換了,這裏appcan依據本人的需求封裝的壹個開發庫- AppCan javascript sdk,對底層的接口停止更高層的封裝,能讓開發者更快速、 高效的開發愈加穩定的項目,該庫依賴backbonejs、zeptojs、underscorejs默許打包在根底庫中,開發者不需求停止額外的援用,另外在該庫的根底上提供了豐厚的插件,能讓開發者更高效的開發app。 這個封裝的庫裏分為很多模塊,如文件模塊file,網絡懇求request等。如今我們運用uexWindow的壹些辦法,我們能夠在appcan.window中找到,浮動窗口的相關辦法在appcan.frame中找到。
 
6)增加調試中心功用
AppCan調試中心是AppCan IDE為開發者提供的壹款可真機同步伐試的門戶應用,在同壹wifi環境下,它與pc端工作空間相關連,擺脫數據線,無需二次打包,就可實時測試修正應用。此外AppCan IDE3.1為開發者提供了Android和iOS平臺真機同步伐試功用,只需配置當前應用的config文件,真機上的應用就可完成與PC端的實時同步伐試功用,協助開發者高效率、便利的調試應用。
 
7)新增配色主題選擇功用
針對舊版本自在調色招致配色呈現不調和問題,新版新建項目行將完成時新增配色主題選擇功用,在不同的主題下項目的按鈕、邊框、背景等配色停止統壹更改,進而免除了開發者對項目的配色懊惱。目前的主題色為中國紅、蜜桃粉、青草綠、天際藍、子夜黑五種主題色。
 
8)IOS7及以上系統狀態欄自動設置
新版本針對IOS7及以上系統狀態欄做了自動設置,只需是新建的項目,此功用代碼已參加到js及css代碼中,開發者不需求為這個問題單獨停止設置。

地址:江蘇省南京市玄武區玄武湖 客服热线:4008-888-888(服务时间9:00-18:00) QQ:3461470882

Copyright © 2002-2019 www.yh-cnc.cn 迪士尼乐园dsn888.com 版权所有 技术支持:迪士尼乐园