百度商橋

在線咨詢

400-660-9989

uipower@uipower.com

全球首個全流程跨平臺界面開發套件——PowerUI,正式發布

發布時間:2016-01-10 04:43:08


PowerUI界面實現全流程

UIPower在DirectUI的基礎上,自主研發全球首個全流程跨平臺界面開發套件 PowerUI(PUI)正式發布,PowerUI將于2016年8月15號正式發布!

PowerUI全流程跨平臺界面開發套件包含有:PUI UX Designer用戶體驗設計工具,PS Builder 視覺設計輔助工具,PUI Builder 可視化界面開發工具,PUI Control Creato可視化控件開發工具,PUI SDK 界面開發系統支持庫。

PowerUI界面實現 全流程

1、用戶研究與交互設計階段:

PUI UX Designer 用戶體驗設計工具

作為用戶體驗設計開發重要的開始環節,PUI UX Designer提供軟件產品的產品策略與規劃,集成了成熟的用戶研究功能,如:焦點小組分析功能,卡片分析功能,思維導圖分析功能等。同時PUI UX Designer還是用戶體驗產品原型設計工具,提供大量的產品設計交互模板,可方便快捷的完成產品交互原型的創意和設計,完全沒有理會“現有的軟件控件能實現這種方案”的問題,大膽創意,從用戶的角度出發,設計出完全符合用戶操作習慣的界面交互原型。 

2、視覺設計與切圖階段:

PS Builder視覺設計輔助工具

PS Builder為Photoshop插件工具,融入UIPower十多年的視覺設計經驗,用戶體驗設計師可直接利用PS Builder內的設計模板和資源完成一套交互框架的視覺設計,所有的設計均自動符合用戶體驗行業視覺設計規范。視覺設計完成之后,工具可以自動導出切圖,導出下一階段使用的界面皮膚等功能,設計效率能夠大大提升。

3、界面前端開發階段

(1)PUI Control Creator可視化控件開發工具

 PUI Control Creator提供全平臺的可視化控件開發,并且所有控件均可以導出原生的控件代碼,真正實現開發一個控件全平臺運行。同時PUI控件庫里面有充足的控件,包含多個行業的控件和多種控件動畫效果,大大縮短開發周期。

(2)PUI Builder可視化界面開發工具

PUI Builder提供可視化的界面開發方法,支持全平臺的界面可視化開發,運用上一階段導出的切圖,直接在工具上進行拖拽拼接,自動生成軟件的框架代碼工程,后期再加入業務處理邏輯部分,最后完成軟件的整體開發。PUI Builder可以預覽最終的軟件運行效果,以及各控件的響應狀態,最終可以生成項目配置文件和項目工程源代碼,業務開發人員直接在工具生成的源代碼中添加業務處理功能即可。

4、PUI SDK界面開發系統支持庫

PUI SDK提供多平臺的開發包,可以將PowerUI部署在任意的平臺上,包括有:

*  PUI SDK for Windows

*  PUI SDK for Linux

*  PUI SDK for Web

*  PUI SDK for Android 

*  PUI SDK for iOS      

*  PUI SDK for Mac OS    

*  PUI SDK for Flex           

1、高速圖像渲染引擎

 繪圖引擎采用純虛的圖像設備上下文來對各種圖像渲染引擎進行全面的支持。引擎采用可擴展的程序框架,利用接口與實現分離的思想,Virtual RenderDC將各種圖像與文字的處理設計成各種接口,為接口的靈活性實現提供了可能,真正的實現了引擎的多態性。如果要支持例如DirectX、OpenGL等繪圖引擎,只需要將接口實現即可,實現多渲染引擎的支持。

2、支持Windows、Linux、Android、MacOS等操作系統

PowerUI支持Windows、Linux、Android、MacOS等多種主流操作系統,與此同時,還對以上各個操作系統下提供全面的文檔的支持。

3、低CPU和內存占用

PowerUI采用了共享資源、動態壓縮使用頻率低的圖像、按需加載、顯卡緩存紋理等自主研發的專利技術,充分利用GPU超強的并行處理能力,還提供了一整套內存優化的用戶操作指南,在該幫助中提示用戶如何切割圖像以求最小的內存占用與最優的執行性能。

4、腳本化控件開發

PowerUI擁有高效率和高度可配置的資源管理器,支持高效的插件體系結構,所有的控件開發均可使用腳本來實現,結合腳本語言通俗易懂的、靈活、開發速度快等特點,實 一套基于腳本語言的控件集;可以用JSON腳本語言描述控件對象及其屬性,進而描述出整個圖形用戶界面,并采用高效的層次化格式保存控件配置的儲存模型,大大提高了圖形用戶界面的開發效率,降低了圖形用戶界面的維護難度。

5、可視化多平臺開發工具PowerUI Builder

PowerUI Builder是對DirectUIBuilder的自我顛覆式的創新,突破了平臺的限制,實現了真正意義上的跨平臺的使用,將界面開發工作由原先的程序員工作量比例為90%轉向設計師工作量為90%。這種轉變也說明界面開發工作也有原來的繁瑣、不可視、不可復制性向低門檻、易于搭建、可視化、可重用性方向發展。PowerUI Builder屬于平臺的一部分,所以當有新特效、新控件、新布局創建時,不必修改它的內部代碼,不必重新編譯。所以當用戶根據自己的需求創建了一個新控件后,PowerUI Builder可以自動認識該新控件,而且像平臺默認提供的其他控件一樣地進行可視化的使用。

6、支持多語言

PowerUI 提供多國語言的功能。用戶只要在多語種管理窗口中添加某個國家的語言就可以具有相應該國語言的支持,且每種語言的文本字體可以單獨設置。

7、支持多種控件布局規則

PowerUI 在可視化開發工具PowerUI Builder環境下提供了4大類布局控件:HorzLayout、VertLayout、GridLayout,DockLayout。用戶可以根據自己應用的需要擴展新的布局控件。采用系統提供的幾大類布局控件,可以輕松完成各種復雜的布局應用。這樣的布局一般獨立于程序的代碼,給軟件的開發與維護提供了極大的方便。PowerUI 提供了布局控件的接口與方法,用戶可以調用相應的接口方法對參數等進行動態的修改與應用。

8、支持動態換膚

PowerUI采用隨意模式類的主題管理方式,對控件所用的圖片、文字、顏色、大小等做改變,還可以對控件的類型、布局做隨意的調整。PowerUI 的主題文件也稱為皮膚件,擴展名為skn。用戶可以程序運行過程中動態切換skn文件,這樣PowerUI 可以動態切換到新界面主題下工作。

9、支持樣式繼承

PowerUI提供了一套控件的樣式繼承體系。使用面向對象思想開發,將繼承概念引入樣式開發,實現了從文字、圖片、顏色等單元層次的樣式繼承,到控件類層次樣式的繼承;子類繼承了父類所有的樣式,在父類的基礎上進行樣式的擴展與修改,繼承體系減少了控件集樣式擴展的復雜性,不用重復實現相同的功能,大大提升了開發效率,靈活多變的樣式將給 用戶帶來美好的用戶體驗。

10、豐富的控件庫

PowerUI提供了海量的控件,涵蓋了Windows、Linux、Android、MaxOS等平臺下各種常用的控件;除了提供最基本、最傳統的基礎控件外,PowerUI基于基礎控件進行了發散式、顛覆式的創新,滿足客戶各種新需求的同時,也提供了供各行各業使用的各種控件集——工業控件、圖表控件、媒體控件、能源環保領域控件、生產制造領域控件、金 融、銀行、保險領域控件、信息技術服務領域控件、電子商務領域控件、地產、中介、物業領域控件、電子領域控件等,豐富的控件集,大大提高了項目與產品開發效率。

11、動態色調變換

PowerUI可以支持類似于QQ一樣的動態色調變換的功能,另外還支持局部色調變換,可以對文字進行分別的顏色動態變換。

12、支持Alpha混合

PowerUI吸取了游戲引擎的精髓,提供了2D圖像的動態Alpha混合。用戶可以控制每個圖元對象的不透明度,從而可以很靈活地支持各種控件效果與動畫效果。PowerUI使用了MMX優化AlphaBlend指令、多核CPU多線程同步混合和臟區域局部更新機制來解決原有GDI函數效率低下的問題。該項技術在國內外界面庫行業尚屬首創,經過優化后性能提 了10倍左右。

13、最小依賴

沒有第三方的依賴是PowerUI滿足通用性特點的必要條件。這里的第三方不光是指各種平臺下需要額外使用的第三方庫,也包含各種平臺系統下自帶的基礎庫,如windows平臺下的MFC庫、DotnetFramework等,所以發布使用了PowerUI的應用程序時,只需要帶上PowerUI.dll文件就可以了,無需再打包別的DLL。

14、插件式控件管理

PowerUI對可以擴展的部件采用了插件式的管理,控件就是一種可擴展非常強的一類部件。插件式管理的好處是即插即用,易于維護,易于升級,易于獨立開發,對平臺的依賴性小等。PowerUI提供了不僅腳本化控件開發,而且還提供了控件開發向導。用戶可以很方便地使用該向導開發出滿足PowerUI規則的控件。所謂控件,其實就是一堆屬性、一 堆繪圖、一堆事件的集合。而PowerUI平臺把所有控件都經常用到的這些屬性規則、繪圖規則、事件規則統一抽象為各種控件開發可用的工具集。

15、PSD創意庫支持

PowerUI采用PSD格式作為創意庫的文件格式,UI設計師或略通Photoshop的軟件工程師可以調整這張PSD大圖,可以修改配色,也可以修改控件的大小,還可以添加新的圖層,當然還可以修改已有圖層的樣式。PowerUI定期向用戶發送最新的PSD創意庫文件。用戶可以加載到PowerUIBuilder中進行使用。傳統的界面開發模式是UI設計師制作效果圖- >切圖->軟件工程師調用相應的圖片對界面進行拼裝。而采用PowerUI以后的界面開發模式則是UI設計師往PSD創意庫(類似于倉庫)里面不斷地添加新的創意,一旦有項目需求時,軟件工程師一般都是從創意庫中去取滿足項目需求的創意。這樣可以大大縮短項目界面開發的進度。另外對用戶單位的UI設計師的要求也大為降低。PSD創意庫的出現是UI設 計向新時代變革的一個重要標志。

16、DPI動態調整

PowerUI由于采用直接繪圖方式的工作原理,所有的圖像大小與文字大小都由幾個關鍵函數執行,所以實現圖像的動態縮放將是輕而易舉的。它默認就是支持該項自適應DPI的設定。當然如果用戶希望軟件的界面不隨DPI的改變而改變的話,可以調用PowerUI里面的API函數就可以將該項功能關閉。

17、Unicode的支持

PowerUI對Unicode從2個方面進行支持。第一、從用戶可以調用到的接口方法,用戶既可以調用多字節的方法,也可以調用寬字符的方法,而這樣的調用不需要用戶明確指定,通過TCHAR的形式做自動的條件轉換。所以對用戶來說,只要像調用標準的API函數一樣使用就可以了。第二、PowerUI所生成的皮膚文件SKN與多語種配置文件xxxLang.xml都是Unicode編碼格式(UTF-8)的。值的一提的是,PowerUI內部全部采用寬字符的形式來運行的,因為對于Windows 2000以后的系統內核都已經全部采用寬字符執行模式了。所以以寬字符執行可以省去很多字符轉換所消耗的CPU時間。這是PowerUI高性能開發中的一大特色。

18、界面與業務分離

PowerUI通過向用戶提供可視化界面工具、腳本控制、界面與業務分離與集成解決方案(界面抽象層UAL)來實現界面與業務邏輯的徹底分離,這個分離將在用戶軟件以后的生命周期內永遠有效,即便以后采用別的界面庫來實現,而且可以很容易地實現別的界面實現層,比如OpenGL界面實現層,WPF界面實現層等。

19、標準控件換膚

雖然PowerUI的重點是方便用戶構建自定義界面,但它也兼顧了標準控件部分。PowerUI采用主題導入的方式讓用戶快速生成標準控件的皮膚,從而最大程度地方便用戶制作高度風格統一的皮膚文件。PowerUI內置的標準控件換膚功能在不需要用戶代碼干預的情況下可以自動對該軟件進程內的系統窗口及其控件進行換膚。

20、腳本控制

PowerUI的界面邏輯既可以在用戶程序中調用進行控制也可以采用腳本進行控制。PowerUI很巧妙地運用了腳本特有一些特性,將內部生成的控件實例對象通過腳本規則導出到外部,由腳本來調用控件的接口與方法。用戶寫成的腳本.js或.lua被打包進PowerUI的皮膚文件中。這樣,當程序切換皮膚文件時,也把相應的界面邏輯也一同切換了。沒有腳本支持的界面庫是無法做到界面與業務邏輯的徹底分離的。所以,是否支持腳本控制就成為界面庫能否真正實現界面與業務邏輯徹底分離的標志性技術點。


PowerUI的發布,促進整個用戶體驗行業邁向一個新的臺階,真正實現:

1、界面與邏輯的徹底分離;

2、公司對用戶體驗設計師的要求降低;

3、公司對專業界面開發人才的需求量降低;

4、公司對各平臺的開發程序員需求大量減少;

5、將用戶體驗設計、視覺設計、界面開發通過一個工具完美結合;

6、開發人員可以直接通過PowerUI提升產品的用戶體驗;

7、大大降低各公司對用戶體驗設計公司的依賴;

PowerUI的誕生是一場對界面設計和開發領域的革命性顛覆!UIPower真正實現“天下沒有難做的用戶體驗界面”企業愿景。


{转码词},{转码词1},{转码词2},{转码词3}