Agenda. Encuentro de Usuarios Delphi 12/03/2012

Transcription

1 Encuentro de Usuarios Delphi Jorge L. Cangas Agenda 09:50 Bienvenida 10:00 FireMonkey 11:15 LiveBindings 12:00 Café 12:30 VCL Styles 13:15 DataSnap y Web 14:25 Preguntas 1

2 FireMonkey 3 FireMonkey Uses lightweight GUI controls on top of a cross-platform abstraction, Lightweight controls mean that every pixel is drawn by FireMonkey; no native (heavyweight) controls are used. This favors fidelity across platforms over fidelity to the host platform, Allows FireMonkey to create its own control and application design rules. 2

3 Features Cross-platform abstraction layer for OS features like windows, menus, timers, and dialogs 2D and 3D graphics Powerful vector engine (like Adobe Flash or Microsoft WPF) Fast real-time anti-aliased vector graphics; resolution independent, with alpha blending and gradients WYSIWYG designer and property editors Advanced GUI engine - window, button, textbox, numberbox, memo, anglebox, list box, and more Advanced skinning engine based on vector graphics styles with sample style themes Features Shape primitives for 2D graphics along with a built-in set of brushes, pens, geometries, and transforms Advanced animations calculated in background thread; easy to use and accurate, with minimal CPU usage and automatic frame rate correction Bitmap effects rendered in software, including drop shadows and blurring Flexible layouts and compositing of shapes and other controls Layered forms, Unicode-enabled JPEG, PNG, TIFF, and GIF format read/write support Multi-language engine, editor and examples 3

4 FireMonkey 3D Objects Primitive 3D shapes like TCube, TSphere, and TCone. TMesh for complex 3D objects. 2D objects extruded into 3D, like TText3D. Flat 2D objects in 3D space, like TImage3D and TTextLayer3D. Camera, Ligth, Material FireMonkey 2D + 3D TForm: container 2D. TForm3D: container 3D. TLayer3D is a 3D object that contains 2D content. It is like a rectangular sheet of glass that lives in 3D space. TViewport3D is a 2D object that contains 3D content. Like TForm3D, it is a "window" into 3D space. You may nest these containers: TForm3D TCube TLayer3D TButton TViewport3D TCube 4

5 Kind of Animation Interpolations from a start value to an end value: TFloatAnimation, TRectAnimation, TColorAnimation, TGradientAnimation, TBitmapAnimation Interpolating through a series of values: TFloatKeyAnimation, TColorKeyAnimation, TPathAnimation Stepping through a list without interpolation: TBitmapListAnimation Animation Triggers Common IsMouseOver, IsDragOver, IsFocused, IsVisible Specifics IsPressed (TCustomButton, TRadioButton, TCheckBox) IsChecked (TRadioButton, TCheckBox, TMenuItem) IsSelected (TMenuItem, TTabItem, TListBoxItem, TTreeViewItem) IsExpanded (TTreeViewItem, TExpander) IsActive (TCustomForm) 5

6 +20 transition effects Progress is deterministic. Arbitrary %. Can be animated! Image Effects Modifying pixels individually: Converting color to greyscale, Inverting RGB Adjusting contrast Rotating hue, color filling Effects that consider a pixel's neighbors: blurring: Gaussian, box, directional, radial, and stack distortions, like swirls, waves, emboss, and pixelate Modifying the image as a whole: Cropping, Rotating and scaling Adding 3D perspective, Tiling Overlaying another image (more useful when the overlay has some transparency) Additive effects: Glows, shadows, reflections Demo 12 6

7 Live Bindings 13 What is LiveBindings? Provides a way for developers to create a read/write link between components/objects and their data in the the application. 7

8 LiveBindings Overview Supported by FireMonkey and VCL Based on relational expressions, called binding expressions Can be unidirectional or bidirectional Can be used programmatically or visually Is all about control objects and source object LiveBinding Engine The LiveBinding visual components use the engine: > TBindScope for bindings to components > TBindScopeDB for bindings to databases > TBindingsList for holding of binding lists A number of conversion services in the box and allows to create new conversion service Automatic updates Expressions are automatically re-evaluated when a variable (e.g.; property) referenced by an expression has changed value. Allow developers to create live binding in run-time between components/objects at design-time. Requires external notification 8

9 LiveBinding components TBindScopeDB magic binding Bind data from DataSet to components Link to DB Field wizard create the expressions to bind the data from DataSet to components TBindScope non-dataset binding Bind data between components/objects Support single object or collection of objects TBindingsList Hold the binding lists Manage the list of methods and output converters used by the expression LiveBinding Scenario SOURCE TField CONTROL TLabel Source Expression DisplayName Control Expression Text LiveBinding Engine 9

10 Demo 19 Café! 20 10

11 VCL Styles 21 VCL Reloaded! Nueva vida para aplicaciones antiguas. Ofrecer capacidad 'themes/skins' Fácil de usar: Diseñador visual API sencilla pero potente. 11

12 Usar en un proyecto: 23 Crear / Editar Estilos: 24 12

13 Demo 25 DataSnap Demos 26 13

14 Gracias No te olvides de las promociones de marzo