The world's first full-process cross-platform Interface Development Kit, POWERUI analysis

First, a full-process cross-platform Interface Development Kit, Powerui officially released

Uipower on the basis of Directui, independent research and development of the world's first full-process cross-platform Interface Development Kit Powerui (PUI) officially released, Powerui will be officially released at the end of August 2016!

Powerui full-process cross-platform Interface Development Kit includes: PUI Uxdesigner user Experience design tools, PS Builder visual design AIDS, PUI Builder visual Interface development tools, PUI Control Creator visual control development tools, PUI SDK Interface development system Support Library.

PUI Details Website: http://www.uipower.com/PUI/

Second, Powerui, a small white can be a quick interface to implement the tool

Powerui interface for full flow

1. User research and interactive design phase:

PUI UX Designer User Experience design tool

As an important starting point for user experience design and development, PUI UX Designer provides product strategy and planning for software products, integrating sophisticated user research functions such as focus group analysis, card analysis, and mind mapping analysis functions.

At the same time Pui UX Designer or user experience product prototyping tool, provide a large number of product design interaction template, can quickly and easily complete product interaction prototype creative and design, completely ignore the "existing software control can achieve this solution" problem, bold creative, from the user's point of view, Design an interface interaction prototype that fully conforms to the user's operating habits.

2. Visual design and transduction stage:

PS Builder Visual Design Assistance tool

Psbuilder for Photoshop plug-in tools, incorporating uipower more than 10 years of visual design experience, user experience designers can directly use the PS Builder design templates and resources to complete a set of interactive framework visual design, all the design is automatically in line with the user experience industry visual design norms.

After the visual design is completed, the tool can automatically export the graph, and export the next stage of the use of the interface skin and other functions, design efficiency can be greatly improved.

3. Interface front-end development stage

(1) PUI control creator Visual controls development tool

Puicontrol Creator provides a full-platform visual control development, and all controls can export native control code, truly implementing a control full-platform operation.

At the same time, there are plenty of controls in the Pui Control Library, including multiple industry controls and a variety of control animations, greatly shortening the development cycle.

(2) PUI Builder Visual Interface development tool

Puibuilder provides a visual interface development method, support the platform-wide visual development of the interface, the use of the previous phase of the export of transduction, directly on the tool to drag-and-drop splicing, automatically generate software framework code engineering, later to join the business process logic, and finally complete the overall development of software.

Puibuilder can preview the results of the final software run, as well as the response status of each control, resulting in a project configuration file and project engineering source code, which the business developer can add directly to the tool-generated source.

4, PUISDK Interface development system Support Library

PUISDK provides a multi-platform development package that can deploy Powerui on any platform, including:

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

Three, Powerui function depth analysis--product characteristic

1. High-speed image rendering engine

The drawing engine uses a purely virtual image device context to fully support a variety of image rendering engines. The engine uses the Extensible Program Framework, uses the interface and realizes the separation idea, the Virtual RENDERDC the various images and the text processing designs the various interfaces, provides the possibility for the interface flexibility realization, actually realizes the engine polymorphism. If you want to support a drawing engine such as DirectX, OpenGL, and so on, you only need to implement the interface to implement multi-render engine support.

2. Support for Windows, Linux, Android, MacOS and other operating systems

Powerui supports a wide range of major operating systems, including Windows, Linux, Android, MacOS and more, while providing comprehensive documentation support for each of these operating systems.

3. Low CPU and memory consumption

Powerui uses proprietary technologies, such as shared resources, low-frequency images for dynamic compression, on-demand loading, and graphics cache textures, to take full advantage of the GPU's superior parallel processing capabilities, as well as a complete set of memory-optimized user operations guides. In this help, the user is prompted how to cut the image for minimal memory footprint and optimal execution performance.

4. Scripted control development

Powerui has an efficient and highly configurable resource Manager that supports an efficient plug-in architecture, and all control development can be implemented using scripting, which combines scripting language with easy-to-understand, flexible and fast development, and implements a set of controls based on the scripting language. , you can describe the control object and its properties in JSON scripting language, describe the whole graphical user interface, and save the control Configuration Storage model in an efficient hierarchical format, which greatly improves the development efficiency of the GUI and reduces the difficulty of maintaining the graphical user interface.

5. Visual Multi-Platform development tool Powerui Builder

Powerui Builder is a self-disruptive innovation to the directuibuilder, breaking through the limitations of the platform, realizing a true cross-platform use, the interface development work from the original programmer workload ratio of 90% to the designer workload of 90%. This transformation also shows that the interface development work has the original cumbersome, non-visual, non-replicable to the low threshold, easy to build, visual, reusable direction of development. Powerui Builder is part of the platform, so when new effects, new controls, new layouts are created, you do not have to modify its internal code, and you do not have to recompile. So when a user creates a new control based on their needs, Powerui Builder can automatically recognize the new control and use it visually, just like other controls provided by the platform.

6. Multi-lingual support

Powerui provides multi-lingual capabilities. Users who add a country's language in the Multilingual Admin window can have support for that country's language, and the text font for each language can be set individually.

7. Support multiple control layout rules

Powerui provides 4 categories of layout controls in the Visual development tool Powerui Builder Environment: Horzlayout, Vertlayout, Gridlayout,docklayout. Users can extend the new layout controls to suit their application needs. A variety of complex layout applications can be done easily with several system-wide layout controls. Such a layout is generally independent of the Code of the program, the development and maintenance of software to provide a great convenience. Powerui provides the interface and method of layout control, and the user can invoke the corresponding interface method to modify and apply the parameters dynamically.

8. Support Dynamic Skin changing

Powerui adopts the theme management mode of Random mode class, changes the picture, text, color and size of the control, and can adjust the type and layout of the control arbitrarily. Powerui's theme files are also known as skin files, and the extension is SKN. The user can dynamically switch the SKN file during the program run, so that Powerui can dynamically switch to work under the new interface theme.

9. Support Style inheritance

Powerui provides a style inheritance system for a set of controls. Using object-oriented thought development, the concept of inheritance is introduced into style development, which realizes the inheritance from the style of text, picture, color and other elements, to the hierarchical style of control class. The subclass inherits all the styles of the parent class, extends and modifies the styles on the basis of the parent class, and the inheritance system reduces the complexity of the control set style extension Without repeating the same functions, greatly improving the development efficiency, flexible style will give users a good user experience.

10. Rich Control Library

Powerui provides a vast array of controls that cover a variety of commonly used controls on Windows, Linux, Android, Maxos, and more, in addition to providing the most basic and traditional base controls, Powerui based on the underlying controls for divergent, disruptive innovation Meet a variety of new customer needs, but also provides a variety of control sets for all walks of life-industrial controls, chart controls, media controls, energy environment control, manufacturing field controls, finance, banking, insurance domain controls, Information technology services field controls, ecommerce domain controls, real estate, mediation, property domain controls , electronic domain control, rich control set, greatly improve the project and product development efficiency.

11. Dynamic Tone Transform

Powerui can support similar to QQ-like dynamic tone transform function, in addition to support local tone transformation, you can change the color of the text.

12. Support Alpha Blending

Powerui absorbs the essence of the game engine and provides a dynamic alpha blend of 2D images. Users can control the opacity of each entity object, giving them the flexibility to support various control effects and animations. Powerui uses the MMX optimization alphablend instruction, multi-core CPU multithreading synchronization mix and dirty region Local update mechanism to solve the problem of inefficient GDI function. The technology in the domestic and foreign interface library industry is the first, after optimized performance improved by about 10 times times.

13. Minimum dependency

The absence of third-party dependence is a necessary condition for Powerui to meet the universality characteristics. Third parties here refer not only to third-party libraries that require additional use under various platforms, but also to the underlying libraries that come with various platform systems, such as the MFC libraries under the Windows platform, dotNetFramework, and so on, so when you publish applications that use Powerui, Just take the PowerUI.dll file and you don't need to pack any more DLLs.

14. Plug-in control management

Powerui is a plug-in management for parts that can be extended, and controls are a class of parts that can be expanded very strongly. The benefits of plug-in management are plug-and-play, easy to maintain, easy to upgrade, easy to develop independently, and less dependent on the platform. Powerui provides not only scripted control development, but also a control development wizard. Users can easily use the wizard to develop a control that satisfies the Powerui rule. A control, in fact, is a collection of properties, a bunch of drawings, and a bunch of events. The Powerui platform unifies these property rules, drawing rules, and event rules that are often used by all controls to develop a set of available tools for various controls.

15. PSD Creative Library Support

Powerui uses the PSD format as the file format for the creative library, UI designers or software engineers who bypass Photoshop can resize the PSD, modify the color palette, modify the size of the control, add new layers, and, of course, modify the styles of existing layers. Powerui regularly sends the latest PSD creative library files to users. The user can be loaded into poweruibuilder for use.

The traditional interface development mode is UI designer-------the software engineer calls the corresponding picture to assemble the interface. After the adoption of the Powerui interface development model is the UI designer to the PSD creative Library (similar to the warehouse) to constantly add new ideas, once the project needs, software engineers are generally from the creative library to meet the project needs of the creative. This can greatly shorten the project interface development progress. In addition, the user Unit UI designer's requirements are greatly reduced. The emergence of PSD creative Library is an important sign of the change of UI design to the new era.

16. DPI Dynamic Adjustment

Powerui because of the working principle of direct drawing, all the image size and text size are executed by several key functions, so it is easy to realize the dynamic scaling of the image. The default is to support this adaptive DPI setting. Of course, if the user wants the software interface to not change with the DPI, you can call the API function inside the Powerui to close the function.

17. Unicode Support

Powerui supports Unicode from 2 aspects. First, from the user can call to the interface method, the user can either call a multibyte method, or can call a wide-character method, and such a call does not require the user explicitly specified, through the form of TCHAR automatic conditional conversion. So for the user, as long as the standard API functions are used as a function. Second, the Powerui generated skin file SKN and multilingual configuration file Xxxlang.xml are Unicode encoding format (UTF-8). The value of the Powerui is that the interior is all run in wide-character form, because the system kernel after Windows 2000 has all adopted the wide character execution mode. Therefore, a wide character execution can eliminate the CPU time consumed by many character conversions. This is a major feature of Powerui high performance development.

18. Interface and Business separation

By providing users with visual interface tools, scripting controls, interface and business separation and integration solutions (interface Abstraction Layer ual), Powerui completely separates the interface from the business logic, and this separation will always be effective for the rest of the user's software life cycle, even if it is later implemented using a different interface library. And it is easy to implement other interface implementation layer, such as OpenGL interface implementation layer, WPF interface implementation layer and so on.

19, the standard control skin change

While Powerui's focus is on user-friendly building of custom interfaces, it also takes into account the standard controls section. Powerui uses a theme-based approach to enable users to quickly produce the skin of standard controls, thus maximizing user-friendly production of highly-styled, uniform skin files. The Powerui built-in standard control skinning function automatically peels the system windows and their controls within the software process without requiring user code intervention.

20. Script Control

The interface logic of Powerui can be controlled either by invoking in the user program or by scripting. Powerui has cleverly used scripting features to export internally generated control instance objects to the outside through script rules, and scripts to invoke the control's interfaces and methods. Scripts written by the user, JS or. Lua are packaged into Powerui skin files. This way, when the program switches the skin file, the corresponding interface logic is also switched together. The interface library without script support is unable to completely separate the interface from the business logic. Therefore, whether the support script control becomes the interface library can really realize the interface and the business logic completely separation of the symbolic technology point.

Iv. significance of the birth of Powerui

Powerui's release, promoting the entire user experience industry towards a new level, truly realize:

1, the interface and the complete separation of logic;

2, the company's requirements for user experience designers to reduce;

3, the company's professional interface development talent demand reduced;

4, the company on the development of the platform of programmers demand a large reduction;

5, the user experience design, visual design, interface development through a perfect combination of tools;

6, developers can directly through the Powerui to enhance the user experience of the product;

7, greatly reduce the company's reliance on user experience design company;

The birth of Powerui is a revolutionary subversion of interface design and development! Uipower truly realize "the world is not difficult to do user experience interface" corporate vision.

Website: http://www.uipower.com/PUI/

The world's first full-process cross-platform Interface Development Kit, POWERUI analysis