03 October 2011

Microteaching on Deep Dive FireMonkey

PGCE ICT 2011/2012

Presented byMr. Olatunde

FrancisCurriculum Tutor :Dr. John Woollard

Aims1

Introduction2

FireMonkey in Details3

Demo4

Summary5

Overview

Aims

Awareness of latest technology (Introducing FM)

Object Oriented Programming (Pascal continue)

Demonstrate FireMonkey Demo

Introducing… FireMonkey!

Introducing… FireMonkey!FireMonkey is a cross-platform application framework that uses GPU-Accelerated vector graphics to render its UI, D2D/D3D on Windows and OpenGL on OSX.

Introducing… FireMonkey!FireMonkey is…

App Development Platform

FireMonkey Overview Cross-platform

Modern themed/skinned UIs

Real-time image and animation effects

Direct2D, D3D, Quartz and OpenGL

Native Delphi and C++

100% Object Pascal Framework

FireMonkey Technology Mac

HD use Quartz3D rendering on Mac is OpenGL

Windows

Direct2D for HDDirect3D for 3DFireMonkey use GDI+ for HD vector for forms/

controls, when Direct2D is not available

“FireMonkey” Architecture TFmxObject = class(TComponents)

Create, destroy and release objectCloning, storing and loading object from a streamChild object manipulations (add, remove, search)Free notificationsAbstraction layer for tab orderSupport for FireMonkey resources Support for FireMonkey animations

TControl Handles focus, Mouse and Keyboard events Implemented by TControl and TControl3D

“FireMonkey” Architecture IRoot

Interface for top-level containersHandles Focused, Captured, Active controlsImplemented by TCustomFormFree notificationsAbstraction layer for tab orderSupport for FireMonkey resources Support for FireMonkey animations

IScene Container interface for 2D objectsImplemented by TForm, TCustomLayer

“FireMonkey” Architecture FireMonkey Stylebook

Any object inherited from TBaseObjectSet StyleName to Identify Found using FindStyleResource method from

parented object Stored In/Loaded From a stream file

FireMonkey Styles

A collection of FireMonkey resource style WPF type of implementation Styles can be inherited, saved, loaded Look and Feel style file for Win7, MacOS, iOS and

custom theme

“FireMonkey” HD, 3D, and GPU FireMonkey takes advantage of GPU whenever

possible

A 3D Form requires a GPU – performs sophisticated transitions and manipulations of the user interface…

…in other words, a 3D form may be the best choice for building a sophisticated HD user interface

HD Form can be rendered on a computer without a GPU with a few restrictions:

No TViewport3D, No Shader based Filters

RAD Studio XE2

…and more!

Native mobile apps for DataSnap iOS, Android, Blackberry,

and Windows Phone 7Delphi and C++Builder DataSnap

Servers Mobile-optimized PHP web apps

Web apps that look greatWeb apps that work great on

mobile devicesPackage applications for

distributionSell on Apple App Store and

Android Marketplace

FireMonkey and Platform

FM is a platform that supports RTL GUI Database Operating System

Compile/Run on all platforms subset for mobile platforms

Summary

FM – Next Generation Application platformFully harness the powerful GPU graphics hardwareRapidly build visually spectacular applications Invest in one platform and deploy to numerous OssDelphi and C++ compiled, native executable Fully programmable animations and effects

And one more thing…

Embarcadero Website EDN DEMOS Source codes: http://radstudiodemos.svn.sourceforge.net/viewvc/radstudiodemos/bra

nches/RadStudio_XE2/ http://blogs.embarcadero.com/mathewd/2011/08/29/company-tweet-sa

mple-datasnap-mobile-application/ http://www.devia.be/news/article/configuring-delphi-xe2-and-your-mac-t

o-develop-test-and-deploy-ios-apps/

http://www.youtube.com/watch?v=h93CZV9bRaQ Video Tutorial