Sarina DuPont - Senior Product Manager

Senior Product Manager, Developer Tools

Posted by on in Blogs

TMultiView is a smart menu component for FireMonkey applications that makes it really easy to create app navigation that automatically adjusts itself depending on form factor, orientation and target platform. TMultiView is a container component which means that you can parent many different components to it, such as a top aligned TToolbar or a client aligned TListview.

Pawel recently did a great post on making the Windows 10 calendar controls database aware. I thought I would follow that up with a post on connecting the new Windows 10 VCL calendar controls to data using the LiveBindings Designer. 

In this post, I am going to connect TCalendarView to sample data and enable color changing of the calendar's background color using TColorBox. None of this involves any code as everything is set up using the LiveBindings Designer.

I recently got a question on how to best apply a custom FireMonkey style to a Windows and Mac application. We have detailed documentation and videos on working with custom styles, but I thought I would provide a quick tutorial today that outlines the key steps.

Part of our Bonus Pack (available to Update Subscription customers) are over ten premium FireMonkey styles. These styles allow you to quickly overhaul the look of your application with a custom look and feel. Each style has built-in support for multiple resolutions.

Posted by on in UI
With the integrated Style Designer in RAD Studio Berlin, you can quickly create custom image buttons. For creating entire multi-device styles from scratch, we recommend you use the Bitmap Style Designer, available via the Tools menu. Create a new FireMonkey multi-device application. Select a "Style" from the drop-down menu in the FireUI Designer. This will allow you to create a custom style for that platform. You can also change the platform in the Style Designer later. Drop a TButton onto your form. Right-click on the button and select "Edit Default Style". Drag and drop TImage from the Object Inspector onto the buttonstyle layout in the Structure pane. Select Image1Style in the Str...

Posted by on in UI
Multi-Device UI Styling with our Premium Style Pack FireMonkey provides support for both native styling and custom styling. Part of the current Bonus Pack are eleven premium FireMonkey styles. Choose from Jet, Sterling, Diamond, Emerald Crystal, Emerald Dark, Coral Crystal, Coral Dark, Vapor, Copper, Copper Dark and Radiant styles, optimized for iOS, Android, Windows and Mac application development. Each style includes the required graphics to ensure the user interface looks great on each supported target platform. For example, this includes 1x, 1.5x, 2x and 3x resolution graphics on Android. We have many great resources to help you get started using custom styles in your multi-device applications. Docwiki Tutorials: FireMonkey Style D...

Posted by on in Programming
I recently saw a question on our forums on how to access the current battery level on an iOS device using FireMonkey, so I thought I would do a quick post about it. This sample code extends the DeviceInfo code snippet included with RAD Studio 10.1 Berlin Anniversary Edition.   unit uMain; interface uses System.SysUtils, System.Types, System.UITypes, System.Classes, System.Variants, FMX.Types, FMX.Controls, FMX.Forms, FMX.Dialogs, FMX.StdCtrls, FMX.ListBox, FMX.Layouts, FMX.Controls.Presentation; type TDeviceInfoForm = class(TForm) btnGetDeviceInfo: TButton; ListBox1: TListBox; lbOSName: TListBoxItem; lbOSVersion: TListBoxItem; ToolBar1...

Posted by on in Tutorial
Changing the color scheme of an Android style

Following up on my recent blog post and CodeRage session on creating custom style elements, I thought I would do another post on custom styling, this time focusing on changing the overall color scheme for one of the style templates we provide without creating new style elements from scratch.

Posted by on in UI
The new VCL calendar controls in RAD Studio Berlin Update 2 Anniversary Edition mimic WinRT UI controls while providing support for older versions of Windows.
    Get More. Do More. Spend Less. To celebrate the launch of 10.1 Berlin Update 2 - Anniversary Edition, take advantage of our time limited offer: 10% off Professional, 15% off Enterprise and 20% off Architect. Offer ends November 30, 2016.    ...
Increase productivity with Quick Edits in Berlin Anniversary Edition

Introduced in RAD Studio Berlin Update 2 Anniversary Edition, Quick Edits is a great new IDE productivity feature for VCL developers.

Using the Form Designer, Quick Edits allow you to rapidly modify the name, caption, alignment, layout and color of a control, copy the component name, quickly layout a form from a template, connect images and image lists, and bind the control to a data source or data field.

During this week's CodeRage event, I gave a lightning talk on using the Bitmap Style Designer to create a custom style for TSwitch. This blog post summarizes the steps, tips and tricks shown during my CodeRage session. It also includes the style graphics shown during the session and the session replay link.

Check out more tips and tricks in this development video: