Subscribe to this list via RSS Blog posts tagged in UI

Posted by on in UI
Prototyping: from Vision to UX Design You have a great idea for an app, but how do you successfully get from idea to a well designed, functional app your users love? It starts with design wireframing and prototyping, a faster iterative process that requires less coding effort up front so you know what works and what needs to be improved - before you invest your hours and dollars coding. Application prototyping is an important part of application development. Since the initial release of iOS back in 2007, many mobile application focu...

Posted by on in UI
Introducing FireMonkey Stencils Last week, we released the FMX Stencils pack. The FireMonkey Stencils pack was designed to enhance communication between designers and developers who are building multi-device applications using the FireMonkey framework in Delphi, C++Builder and RAD Studio.   One of the challenges for designers in an application development cycle is understanding the breadth of UI components and styles available in the FireMonkey framework. We addressed this by providing visual assets that match the UI co...

Posted by on in Blogs
Create App Store ready apps with Community Edition Start building visually stunning multi-device applications right away with these great tools accessible from the IDE’s Welcome Page.   TIP: If you accidentally close the Welcome Page, you can reopen it by going to View > Welcome Page.  This article covers the following: Guided Tour in the IDE Code Samples and Mobile Snippets Stunning, ready-to-use Application Templates Guided Tour The Guided Tour is a step-by-step bubble pop-up tour that introduces you to the ...

Posted by on in UI
New in 10.2.3: FireMonkey UI Templates - Login Screens Delphi and RAD Studio 10.2.3 include 18 new FireMonkey UI templates, designed to highlight FMX's multi-device capabilities, showcase best practices, and help new users get started quicker. They showcase UI paradigms that mobile application developers need in today’s applications.  This blog post focuses on the three new login screen GUI templates, available for download in GetIt (Tools > GetIt Package Manager > Sample Projects). Each of the three templates uses one of the premium FireMonkey multi-platform styles.
Posted by on in UI
Creating custom TEdit styles with the FireMonkey Style Designer This tutorial outlines the steps for creating and customizing a new FireMonkey style element and applying the newly created style to your FireMonkey application. This tutorial focuses on deploying the resulting application to iOS, but the same steps can be repeated for creating custom style elements for macOS, Android and Windows applications.  
Design Considerations for Multi-Platform Applications - CodeRage Replay During my CodeRage session on Design Considerations for Multi-Platform Applications earlier this month, I covered the Dos and Don’ts of multi-device application development, common UI and UX paradigms, an overview of the FireUI Designer and how to create a modern settings and user profile screen, complete with native and custom theming. You can access the replay on EmbarcaderoAcademy.com. Signing up for an account is free....

Posted by on in Blogs
My CodeRage Sessions next week CodeRage is next week. Have you signed up yet? Register Now I will be presenting two different sessions: Session 1: RAD Studio Product Address Speaker: Sarina DuPont, Marco Cantu, David Millington When: Tue, 7-Nov from 9:00 AM to 10:00 AM Level: All (General information for everyone) Reminder: [Google Calendar] [Watch online] Description: Join Product Management to hear the latest and what is coming for Delphi, C++Builder, RAD Studio and InterBase. Session 2: Design Consider...
Adding a custom style selector to your VCL application Adding a style selector menu to your application only takes a couple of lines of code and allows you to quickly update your existing user interface while providing added flexibility to your customers. To add a style selector, I added a combobox to the form with the following code: uses VCL.Themes; procedure TForm9.StyleSelectorChange(Sender: TObject); begin TStyleManager.SetStyle(StyleSelector.Text); end; procedure TForm9.FormCreate(Sender: TObject); var StyleName: string...
New FireMonkey styles for macOS and Android Wear in 10.2 In Delphi, C++Builder and RAD Studio 10.2 we are providing two new FireMonkey styles: a dark blue style for Android Wear devices and a dark graphite style for macOS. You can access the FireMonkey styles at: C:\Users\Public\Documents\Embarcadero\Studio\19.0\Styles\MacOS\macOSgraphite.fsf C:\Users\Public\Documents\Embarcadero\Studio\19.0\Styles\Android\AndroidWearDarkBlue.fsf To apply the style to your application, drop a TStyleBook component onto your form, and double click ...

Posted by on in Blogs
Update your application UI with TMultiView 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.

Check out more tips and tricks in this development video: