Slides for the February 17, 2016 Embarcadero Webinar. The Webinar takes an existing Delphi and C++Builder customer and orders business VCL application, the Marine Adventure App, and show you how to update it to look like a Windows 10 app. You’ll see how easy it is to use some of the new 10 Seattle VCL controls and Windows styles to create an app that looks great on Windows 10, 8 and 7. Your app will still run on all of the versions of Windows that we support. The webinar will include detailed technical demonstrations.

2. Your Presenter
• David Intersimone “David I”
• Chief Evangelist
• Email: davidi@embarcadero.com
• Blog: embt.co/SipFromTheFirehose
• Twitter: @davidi99

3. Agenda
• A Quick Overview of RAD Studio 10 Seattle
• What’s New for VCL application development
• The Marine Adventures Application
• Stepwise refinement of the UI Look and Feel
• Summary
• Special Offers and Promos
• Q&A

4. EMBARCADERO TECHNOLOGIES
A Quick Overview of RAD Studio 10 Seattle
The Ultimate Application
Development Platform for
Windows, Mac, Mobile, and IoT
RAD Studio 10 Seattle is the fastest
way to build and update data-rich,
hyper connected, visually engaging
applications for Windows 10, Mac,
Mobile, IoT and more.

5. EMBARCADERO TECHNOLOGIES
Incredible Windows 10 Support
• New VCL Controls, for
Windows 10 User
Experience
• Windows 10 Styles
• Universal Windows
Platform (UWP)/WinRT
Services and Components
– Notifications and Contracts

6. EMBARCADERO TECHNOLOGIES
Why Use the New Windows 10 VCL Controls & Styles?
• Ensure app style matches your user’s Windows version
• Revitalize the app to excite your existing customers
• Attract new customers who have Windows 10
• Create your own custom look and feel
• Provide better UX for new Desktop/Tablet hybrid devices

7. EMBARCADERO TECHNOLOGIES
New Windows 10 VCL Controls
• A great set of new VCL “visual controls”
• Native VCL controls map common Windows 10 UI elements
– Not tied to WinRT API, will work also on Windows 7 and 8
• 5 controls
– RelativePanel
– ToggleSwitch
– SearchBox
– SplitView
– ActivityIndicator

8. EMBARCADERO TECHNOLOGIES
Relative Panel VCL Control

9. EMBARCADERO TECHNOLOGIES
ToggleSwitch VCL Control

10. EMBARCADERO TECHNOLOGIES
SearchBox VCL Control
10

11. EMBARCADERO TECHNOLOGIES
SplitView VCL Control

12. EMBARCADERO TECHNOLOGIES
ActivityIndicator VCL Control

13. EMBARCADERO TECHNOLOGIES
VCL Styles for Common Dialogs

14. EMBARCADERO TECHNOLOGIES
High-Res Monitors and Multi-Monitor
• Support for 4K monitors
– Enable manifest setting in Project Options
• Per-monitor DPI in VCL
– For Windows 8.1 and Windows 10
• Also, modern-looking SelectDirectory dialog
– For VCL applications and for the IDE

15. EMBARCADERO TECHNOLOGIES
The Marine Adventures Application
• Master Detail sample demo included with the product
• Data Model: Customers, Orders, Parts and Items
• Functionality: add, modify, browse, and report
• Uses InterBase Express (IBX) data access components
• UI
– Menu item for VCL Styles selection
– Large Button Bar for functionality
– Popup Modal Forms and edit forms
– Not designed for modern look and tablet/touch use

16. EMBARCADERO TECHNOLOGIES
Stepwise Refinement of the UI Look and Feel
• Step 1:
– Add new Windows 10 Styles choices
– Add TToggleSwitch to connect to the database
– Use TActivityIndicator for database open
– Add TSearchBox for searching orders date range
• Step 2:
– Replace button bar with TSplitView
– Use TRelativePanel for main form’s home page
• Future Enhancements:
– Add Parts/Inventory SplitView item
– Add Report Printing SplitView item
– Replace Popup Forms and Modal Forms
– Add help file integration

17. RAD STUDIO 10 SEATTLE:
READY FOR YOU
17

18. EMBARCADERO TECHNOLOGIES
RAD Studio 10 Seattle
Versions:
• Professional
• Enterprise
• Ultimate
• Architect
Includes:
• C++Builder
• Delphi
• HTML5 Builder
• InterBase XE7
• A set of third party tools

19. EMBARCADERO TECHNOLOGIES
Special Offers
• BUY ONE TOOL GET ANOTHER TOOL FREE
– Offer ends February 29, 2016
– With each qualifying Embarcadero RAD Studio, Delphi or C++Builder product you buy,
– You can choose a second Embarcadero tool of equal or lesser price - FREE!
• Free Bonuses with your purchase of RAD Studio, Delphi or
C++Builder 10
– New Object Pascal Handbook by Marco Cantu
– VCL and FireMonkey Premium Styles
– Mida Converter Basic
http://www.embarcadero.com/radoffer

20. EMBARCADERO TECHNOLOGIES
Follow On Webinar – Move Forward to Windows 10
• February 24, 2016 – Next Wednesday
• Attract more users to your Delphi and C++Builder
applications by leveraging new Windows 10 APIs
– Local Notifications
– Application Sharing Contracts
– 40 new WinRT API units
• 6am - https://attendee.gotowebinar.com/register/6531678883977250049
• 11am - https://attendee.gotowebinar.com/register/2542606717940834817
• 5pm - https://attendee.gotowebinar.com/register/6771645097716143361

21. EMBARCADERO TECHNOLOGIES
Questions? 
davidi@embarcadero.com

22. EMBARCADERO TECHNOLOGIES
Resources – 5 new VCL Controls
• RelativePanel
– http://docwiki.embarcadero.com/Libraries/Seattle/en/Vcl.WinXCtrls.TRelativePanel
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/VCL.RelativePanel_Sample
• ToggleSwitch
– http://docwiki.embarcadero.com/Libraries/Seattle/en/Vcl.WinXCtrls.TToggleSwitch
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/VCL.ToggleSwitch_Sample
• SearchBox
– http://docwiki.embarcadero.com/Libraries/Seattle/en/Vcl.WinXCtrls.TSearchBox
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/VCL.SearchBox_Sample
• SplitView
– http://docwiki.embarcadero.com/Libraries/Seattle/en/Vcl.WinXCtrls.TSplitView
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/VCL.SplitView_Sample
• ActivityIndicator
– http://docwiki.embarcadero.com/Libraries/Seattle/en/Vcl.WinXCtrls.TActivityIndicator
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/VCL.ActivityIndicator_Sample

23. EMBARCADERO TECHNOLOGIES
Resources – IBMastApp Sample
• DocWiki
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/IBX.IBMastApp_Sample
• Delphi
– C:UsersPublicDocumentsEmbarcaderoStudio17.0SamplesObject PascalDatabaseIBXIBMastApp
– http://sourceforge.net/p/radstudiodemos/code/HEAD/tree/branches/RADStudio_Seattle/Object%20Pascal/Data
base/IBX/IBMastApp/
• C++
– http://sourceforge.net/p/radstudiodemos/code/HEAD/tree/branches/RadStudio_XE6/CPP/Database/IBX/IBMast
App/
• Getting Started with InterBase Express
– http://docwiki.embarcadero.com/RADStudio/Seattle/en/Getting_Started_with_InterBase_Express

24. EMBARCADERO TECHNOLOGIES
CodeRage X UI/UX and Windows 10 Sessions
• Update Your Apps UI/UX with the All New Windows 10
Look and Feel
– Delphi - https://www.youtube.com/watch?v=FJuEi1xI8J4
– C++ - https://www.youtube.com/watch?v=zZJO5voLXO4
• How To Skin VCL Apps with Custom VCL Styles
– Delphi - https://www.youtube.com/watch?v=KWet5vijpyw

25. EMBARCADERO TECHNOLOGIES
Resources for the Webinar
• Webinar Blog Post
• Slide deck on SlideShare
• Sample projects in CodeCentral
– Coming soon – check blog post

26. EMBARCADERO TECHNOLOGIES
Thank You 