UIElementsFramework[1]

7/31/2019 UIElementsFramework[1]

http://slidepdf.com/reader/full/uielementsframework1 1/4

UI Elements Framework UI Elements Framework is a graphical user interface fully optimized for touch control. Power of

framework is in background, layout, binding and panel concepts. Moreover, most of controls support

rich design styles and smooth scrolling with deceleration effect.

UI Elements are based on a brand new core. There are plenty of new features that we have added.

This new core ensures:

Show/hide with animations

Smooth scrolling with deceleration

Less lags and screen is not blinking when it is rendered or drew

Alias rounded corners

Background filling with solid color, image or gradient

Positioning with alignment and content padding

Texts with shadow

Background concept

UI Elements support image, gradient color, rounded corners alias, border thickness, padding and

other graphic capabilities

Layout concept

The UI Elements Framework classes expose several properties that are used to precisely position

child elements. There are five most important properties: Margin, Padding, Border, Horizontal and

Vertical Alignment. The effects of these properties are important to understand, because they

provide the basis for controlling the position of elements. Each UI Element has a content area (e.g.,

text, an image, etc.), alignment and optional surrounding padding, border and margin areas. The size

of each area is specified by properties defined below. The following diagram shows how these areas

http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.aspx

http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.margin.aspx

http://msdn.microsoft.com/en-us/library/system.windows.controls.border.padding.aspx

http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.verticalalignment.aspx

http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.verticalalignment.aspx

http://msdn.microsoft.com/en-us/library/system.windows.controls.border.padding.aspx

http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.margin.aspx

http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.aspx



relate to each other and the terminology used to refer to margin, border, padding, horizontal and

vertical alignment:

Concept of Panels

UIElements support various aligning options in the UIPanels. The form designing will be easier with

the UIPanels as it automatically converts the position of the UI Elements to portrait and landscape

orientation.

UIPanel — provides various arrange of UI Elements.

UIUniformPanel — provides a way to arrange content in a grid where all the cells in the grid

have the same size.

UIWrapPanel — positions child elements in sequential position from left to right, breaking

content to next line at the edge of the containing box.

UIStackPanel — arranges child elements into a single line that can be oriented horizontally or

vertically.

UIGridPanel — provides a way to arrange content in predefined flexible grid area that consists

of columns and rows.

UIPagePanel — allows adding UI Elements to pages.



Data Bindings

Every UIControl can be bound through the DataContext to a data object. Every UI element which is

located on a UIPanel assumes this data object. By using the DataBindings property, you can bind any

property of an UI element to the property of a bound object. The UI Elements can be also bound

through the DataContext separately and use the DataBindings property.

Themes (coming soon)

Themes allow you to load different layouts from XML file. The XML layout will be able to load during

runtime. It is easy to switch between UI Elements layout with memory efficient manner.

Animations

Framework contains class UIAnimation. This feature will allow you to show, hide or exchange of

various elements. Current version supports blend and movie animation effects.

List of 19 UI Elements:

Standard

1. UIButton

2. UILabel

3.

UIImage4. UICheckBox

5. UIRadioButton

6. UIComboBox

7. UITextBox

8. UISwitchButton

9. UINumericUpDown

Advanced

10. UIColorList

11. UIColorPicker

12. UIColorRoller

13. UIDateTimePicker

14. UIDateTimeRoller

15. UIOptionView

16. UIRoller

17. UIRollerPanel

18. UIRollerPicker

19. UIAnimatedLabel

Making the Design with the UI elements is very simple

There are 2 simple steps that you need to follow in Designer of Visual Studio 2005, 2008 or 2010:

1. Drag and drop UI elements on the UIPanel



2. Set the properties of the UI elements

Tutorial, samples and video

Quick-Start Guide for UI Elements

Samples how to use UI Elements

Video of UI framework Windows Mobile App

Gallery of UI Elements

Gallery of UI Elements applications

http://www.resco.net/developer/mobileformstoolkit/tutorial.aspx?p=WindowsMobile&comp=UIElements


http://www.resco.net/developer/mobileformstoolkit/samples.aspx?p=WindowsMobile&comp=UIElements


http://www.youtube.com/watch?feature=player_embedded&v=Vd9--d-NlLQ





Documents

UIElementsFramework[1]