一、 首個全流程跨平臺界面開發套件,PowerUI正式發布
UIPower在DirectUI的基礎上,自主研發全球首個全流程跨平臺界面開發套件PowerUI(PUI)正式發布,PowerUI將于2016年8月底正式發布!
PowerUI全流程跨平臺界面開發套件包含有:PUI UXDesigner用戶體驗設計工具,PS Builder 視覺設計輔助工具,PUI Builder 可視化界面開發工具,PUI Control Creator 可視化控制元件開發工具,PUI SDK 界面開發系統支持庫。

二、 PowerUI,一個讓小白都能快速界面實作的工具
PowerUI界面實作全流程
1、 用戶研究與互動設計階段:
PUI UX Designer 用戶體驗設計工具
作為用戶體驗設計開發重要的開始環節,PUI UX Designer提供軟體產品的產品策略與規劃,集成了成熟的用戶研究功能,如:焦點小組分析功能,卡片分析功能,思維導圖分析功能等。
同時PUI UX Designer還是用戶體驗產品原型設計工具,提供大量的產品設計互動模板,可方便快捷的完成產品互動原型的創意和設計,完全沒有理會“現有的軟體控制元件能否實作這種方案”的問題,大膽創意,從用戶的角度出發,設計出完全符合用戶操作習慣的界面互動原型。
2、視覺設計與切圖階段:
PS Builder視覺設計輔助工具
PSBuilder為Photoshop插件工具,融入UIPower十多年的視覺設計經驗,用戶體驗設計師可直接利用PS Builder內的設計模板和資源完成一套互動框架的視覺設計,所有的設計均自動符合用戶體驗行業視覺設計規范。
視覺設計完成之后,工具可以自動匯出切圖,匯出下一階段使用的界面皮膚等功能,設計效率能夠大大提升。
3、界面前端開發階段
(1)PUI Control Creator可視化控制元件開發工具
PUIControl Creator提供全平臺的可視化控制元件開發,并且所有控制元件均可以匯出原生的控制元件代碼,真正實作開發一個控制元件全平臺運行。
同時PUI控制元件庫里面有充足的控制元件,包含多個行業的控制元件和多種控制元件影片效果,大大縮短開發周期。
(2)PUI Builder可視化界面開發工具
PUIBuilder提供可視化的界面開發方法,支持全平臺的界面可視化開發,運用上一階段匯出的切圖,直接在工具上進行拖拽拼接,自動生成軟體的框架代碼工程,后期再加入業務處理邏輯部分,最后完成軟體的整體開發。
PUIBuilder可以預覽最終的軟體運行效果,以及各控制元件的回應狀態,最終可以生成專案組態檔和專案工程源代碼,業務開發人員直接在工具生成的源代碼中添加業務處理功能即可。
4、 PUISDK界面開發系統支持庫
PUISDK提供多平臺的開發包,可以將PowerUI部署在任意的平臺上,包括有:
PUI SDK for Windows PUI SDK for Linux
PUI SDK forAndroid PUI SDK for iOS
PUI SDK for MacOS PUI SDK for Web
PUI SDK for Flex
三、 PowerUI功能深度剖析——產品特性
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誕生的意義
PowerUI的發布,促進整個用戶體驗行業邁向一個新的臺階,真正實作:
1、 界面與邏輯的徹底分離;
2、 公司對用戶體驗設計師的要求降低;
3、 公司對專業界面開發人才的需求量降低;
4、 公司對各平臺的開發程式員需求大量減少;
5、 將用戶體驗設計、視覺設計、界面開發通過一個工具完美結合;
6、 開發人員可以直接通過PowerUI提升產品的用戶體驗;
7、 大大降低各公司對用戶體驗設計公司的依賴;
PowerUI的誕生是一場對界面設計和開發領域的革命性顛覆!UIPower真正實作“天下沒有難做的用戶體驗界面”企業愿景。
uj5u.com熱心網友回復:
PUI詳細介紹網址:http://www.uipower.com/PUI/PUI視頻教程:http://www.uipower.com/video/PowerUI/
uj5u.com熱心網友回復:
樓主,這和PowerBuilder有什么關系么?uj5u.com熱心網友回復:
估計和PB沒有關系,這個東東pb 善長轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/24701.html
標籤:控件與界面
上一篇:PB 資料視窗的毫秒值提交到oracle資料庫后毫秒值丟失
下一篇:關于OLE DB連接方式的問題
