Have an amazing solution built in RAD Studio? Let us know. Looking for discounts? Visit our Special Offers page!
C++

Designing App Navigation with TMultiView

In RAD Studio XE7, we introduced a new smart menu component called TMultiView. With TMultiView, it is really easy to create app navigation that automatically adjusts itself depending on form factor, orientation and target platform using our new behavior services. 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.

To use the new TMultiView component, drag and drop the TMultiView component onto your Multi-Device form. You can also use the Master/Detail Multi-Device template (File->New->Multi-Device Application) as a good starting point. 

The MultiView component has some default built-in behavior that defines its appearance at runtime based on form factor and orientation.

Blog_Table1.png

The drawer menu, for example, can overlap with the content shown on the form, or push the content off its current position. You can also define the duration of the sliding drawer. The drawer is automatically invoked by swiping across the screen from either the left or the right side (depending on the placement of the drawer), and you can also hook it up to a button.

Masterbutton1.png

 

Also included with RAD Studio XE7 are both C++ and Delphi TMultiView demos:

  • C:UsersPublicDocumentsEmbarcaderoStudio15.0SamplesObject PascalMobile SamplesUser InterfaceMultiView
  • C:UsersPublicDocumentsEmbarcaderoStudio15.0SamplesCPPMobile SamplesUser InterfaceMultiView

 

Blog_Table2.png

The following mobile demos also use TMultiView:

 

rad-introductory-specialsave-10percent-learn-more-680x150-en-9576492


Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Start Free Trial   Upgrade Today

   Free Delphi Community Edition   Free C++Builder Community Edition

About author

Director of Product Management, Developer Tools Idera, Inc.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

IN THE ARTICLES