easily add windows 10 look feel and new components to existing vcl apps
TRANSCRIPT
![Page 1: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/1.jpg)
Easily Add Windows 10Look, Feel and New Componentsto your existing VCL applications
Feb. 17, 2016
![Page 2: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/2.jpg)
Your Presenter• David Intersimone “David I”• Chief Evangelist• Email: [email protected]• Blog: embt.co/SipFromTheFirehose• Twitter: @davidi99
![Page 3: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/3.jpg)
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
![Page 4: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/4.jpg)
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.
![Page 5: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/5.jpg)
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
![Page 6: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/6.jpg)
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
![Page 7: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/7.jpg)
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
![Page 8: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/8.jpg)
EMBARCADERO TECHNOLOGIES
Relative Panel VCL Control
![Page 9: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/9.jpg)
EMBARCADERO TECHNOLOGIES
ToggleSwitch VCL Control
![Page 10: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/10.jpg)
EMBARCADERO TECHNOLOGIES
SearchBox VCL Control
10
![Page 11: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/11.jpg)
EMBARCADERO TECHNOLOGIES
SplitView VCL Control
![Page 12: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/12.jpg)
EMBARCADERO TECHNOLOGIES
ActivityIndicator VCL Control
![Page 13: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/13.jpg)
EMBARCADERO TECHNOLOGIES
VCL Styles for Common Dialogs
![Page 14: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/14.jpg)
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
![Page 15: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/15.jpg)
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
![Page 16: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/16.jpg)
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
![Page 17: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/17.jpg)
RAD STUDIO 10 SEATTLE: READY FOR YOU
17
![Page 18: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/18.jpg)
EMBARCADERO TECHNOLOGIES
RAD Studio 10 SeattleVersions:• Professional• Enterprise• Ultimate• Architect
Includes:• C++Builder• Delphi• HTML5 Builder• InterBase XE7• A set of third party tools
![Page 19: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/19.jpg)
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
![Page 20: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/20.jpg)
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
![Page 22: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/22.jpg)
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
![Page 23: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/23.jpg)
EMBARCADERO TECHNOLOGIES
Resources – IBMastApp Sample• DocWiki
– http://docwiki.embarcadero.com/CodeExamples/Seattle/en/IBX.IBMastApp_Sample
• Delphi– C:\Users\Public\Documents\Embarcadero\Studio\17.0\Samples\Object Pascal\Database\IBX\IBMastApp– 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
![Page 24: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/24.jpg)
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
![Page 25: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/25.jpg)
EMBARCADERO TECHNOLOGIES
Resources for the Webinar• Webinar Blog Post• Slide deck on SlideShare• Sample projects in CodeCentral– Coming soon – check blog post
![Page 26: Easily add windows 10 look feel and new components to existing vcl apps](https://reader034.vdocuments.mx/reader034/viewer/2022042706/587bdef71a28ab834d8b7195/html5/thumbnails/26.jpg)
EMBARCADERO TECHNOLOGIES
Thank You