easily add windows 10 look feel and new components to existing vcl apps
TRANSCRIPT
Easily Add Windows 10Look, Feel and New Componentsto your existing VCL applications
Feb. 17, 2016
Your Presenter• David Intersimone “David I”• Chief Evangelist• Email: [email protected]• Blog: embt.co/SipFromTheFirehose• Twitter: @davidi99
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
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.
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
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
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
EMBARCADERO TECHNOLOGIES
Relative Panel VCL Control
EMBARCADERO TECHNOLOGIES
ToggleSwitch VCL Control
EMBARCADERO TECHNOLOGIES
SearchBox VCL Control
10
EMBARCADERO TECHNOLOGIES
SplitView VCL Control
EMBARCADERO TECHNOLOGIES
ActivityIndicator VCL Control
EMBARCADERO TECHNOLOGIES
VCL Styles for Common Dialogs
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
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
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
RAD STUDIO 10 SEATTLE: READY FOR YOU
17
EMBARCADERO TECHNOLOGIES
RAD Studio 10 SeattleVersions:• Professional• Enterprise• Ultimate• Architect
Includes:• C++Builder• Delphi• HTML5 Builder• InterBase XE7• A set of third party tools
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
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
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
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
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
EMBARCADERO TECHNOLOGIES
Resources for the Webinar• Webinar Blog Post• Slide deck on SlideShare• Sample projects in CodeCentral– Coming soon – check blog post
EMBARCADERO TECHNOLOGIES
Thank You