Common Widgets and Controls

iOS Android

QML Widgets and Controls

This is a list of common widgets and controls available with V-Play. Many of those components are also used in examples in the documentation topics on the left. In addition to the V-Play controls, you can also use the Qt Quick Controls 2 and apply custom styling.

AppActivityIndicator

An intermediate spinning progress indicator

AppButton

A button with a default raised and flat button style

AppCard

A material style card

AppCardSwipeArea

Adds Tinder-like swipe feature to a component

AppCheckBox

A checkbox with a platform-specific styling for iOS and Android

AppImage

An image with a default source

AppListView

A ListView providing a native ScrollIndicator, an empty view and swipe gestures for its list delegates

AppMap

Displays a map view with the current user position

AppPaper

A sheet of paper with shadow

AppRangeSlider

A slider control with two handles to set a range

AppSlider

A slider control with one handle

AppSwitch

An on/off button-like control

AppTabBar

A tab bar with Theme-based iOS and Android styles

AppTabButton

A tab button to be used with AppTabBar for Theme-based iOS and Android styled tabs

AppText

A styled text control

AppTextEdit

A multi-line TextEdit with a given placeholder text

AppTextField

A single-line TextField input control

AppTextInput

A single-line TextInput with a given placeholder text (deprecated)

Dialog

A dialog with custom content and one or two buttons

FloatingActionButton

A material-design styled floating action button

Icon

An item for displaying icons from an icon font

IconButton

A button with an icon as visual representation

InputDialog

Global object for displaying standard user interaction dialogs

NativeDialog

Global object for invoking native system dialogs

PageControl

Displays page indicators and allows switching to the previous or next page

PictureViewer

A modal, full-screen picture viewer component

PullToRefreshHandler

A helper adding a pull-to-refresh control to an AppListView

RoundedImage

An image item with rounded corners and an optional border

SearchBar

A search bar with native styling for iOS and Android based on the Theme settings

SectionSelect

A control that allows to jump to specific sections of a ListView

SimpleRow

A ListView delegate item with two labels and an optional image

SimpleSection

A ListView delegate item for displaying sections in a list view

SwipeButton

A button with a default style to be used together with SwipeOptionsContainer

SwipeOptionsContainer

A ListView delegate container to implement swipeable rows within a ListView

VisibilityRefreshHandler

A helper item for handling data reload actions as soon as the item becomes visible

YouTubeWebPlayer

Embedded video player based on the YouTube Iframe-Player API

The component documentations also contain examples like this:

 import VPlayApps 1.0

 App {

   NavigationStack {

     Page {
       title: "Icons"

       // V-Play contains the FontAwesome icon font to display icons
       Icon {
         anchors.centerIn: parent
         icon: IconType.heart
       }
     }
   }
 }

Native Widgets and Features with NativeUtils

The NativeUtils component provides additional convenient access to several native device features and widgets.

Below is a list if the most important methods from NativeUtils:

displayAlertDialog Displays a native alert dialog with a given title, an optional description that can provide more details, an OK button and an optional Cancel button.
displayAlertSheet Displays a modal alert sheet with the specific options. It uses an AlertDialog on Android and a UIActionSheet on iOS.
displayCameraPicker Allows to take a photo by starting the native camera, if available.
displayDatePicker Allows to choose a date from a calendar by displaying a native date picker dialog, if available.
displayImagePicker Allows to choose a photo from the device by displaying the native image picker, if available.
displayMessageBox Displays a native-looking message box dialog with a given title, an optional description that can provide more details, an OK button and an optional Cancel button.
displayTextInput Displays a native-looking message input dialog with a given title, a description that can provide more details, a placeholder that is displayed as long as the input field is empty (optional) and a prefilled text.
getContacts Returns a list of all contacts including name and phone number.
openApp Tries to launch an app identified by launchParam on the device. The required parameter value depends on the platform.
openUrl Opens the urlString with the default application associated with the given URL protocol of the current platform.
sendEmail Opens the native email app prefilled with the given to receiver, subject and message.
share Opens the native share dialog with a given text and url.
storeContacts Stores one or more contacts to the device address book.

Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
FREE!
create apps
create games
cross platform
native performance
3rd party services
game network
multiplayer
level editor
easiest to learn
biggest time saving
best support