V-Play Apps Documentation

V-Play Apps is a QML module for developing feature-rich, cross-platform apps with the native look and feel of the underlying platform. It is part of the V-Play SDK.

Supported Platforms

Mobile iOS Version 10.0 and above (arm64 architecture and simulator)
Android Version 4.1 ("Jelly Bean", API level 16) and above (armv7a and x86 architectures). As of July 2018, this is a 99.3% market reach based on Google Play Store install stats.
Phone / RT Devices running Windows RT 10 and Windows Phone 10 or later
Desktop macOS 64-bit Apple macOS 10.10 and later
Windows 32- or 64-bit Microsoft Windows 7 or later
Linux 32- or 64-bit Linux Ubuntu 12.04, 12.10, 13.04 & 13.10 or OpenSuse 12
Embedded Raspberry Pi and iMX6 (contact us for more information about these platforms)

V-Play applications are written in QML code. QML is a declarative language provided by the Qt framework that makes it easy to create stylish, custom user interfaces with smooth transitions and animations. In addition QML components can be linked with C++ code, allowing you to implement more complex functionality and access third-party framework integrations.

QML Introduction for App Development

QML stands for "Qt Markup Language" and is a declarative language designed to describe the user interface of a program: both what it looks like, and how it behaves. In QML, a user interface is specified as a tree of objects with properties. This tree is also often referred to as Scene Graph, because when the parent item moves all children will follow. JavaScript is used as a scripting language in QML. In this section we will cover the basics of QML and its advantages by an example.

As code speaks more than 1000 words, here is a QML example implementing the following:

  • A basic app with a navigation bar holding a title and column with controls.
  • A button that can be clicked to increase a counter.
  • The button also shows the current counter value.
  • A slider that can be dragged.
  • A colored area that changes its height based on the slider value.
  • Looks native on iOS and Android.

How many lines of code would it take you to develop this application with the same functionality in another programming language? With QML, it is just about 30 lines of code:

 import VPlayApps 1.0
 import QtQuick 2.9

 App {
   id: app

   property int clickCount: 0 // a property of type integer, to count our button clicks

   NavigationStack { // the NavigationStack displays the navigation bar and lets you push and pop pages

     Page {
       title: "QML Introduction" // the title of the active page is displayed in the navigation bar

       Rectangle {
         color: "#e0e2eb"
         width: parent.width // make this rectangle the same width as its parent, which is the page
         height: parent.height * slider.value // this property binding is automatically updated when the slider value changes
       }

       Column {
         anchors.centerIn: parent // center the column in its parent, which is the page

         AppButton {
           id: button
           text: "Click Me! " + app.clickCount // this property binding is automatically updated when the click count changes
           flat: false
           anchors.horizontalCenter: parent.horizontalCenter
           onClicked: {
             app.clickCount++ // increase the click count by 1 on every button click
           }
         }

         AppSlider {
           id: slider
           value: 0.2
         }
       } //Column
     } //Page
   } //NavigationStack
 } //App

V-Play Apps makes it possible to write cross-platform apps that:

  • save time implementing cross-platforms apps from a single code base on a single development platform
  • provide a default native look & feel, so that they fit in with the visual style and user experience of the underlying mobile platform
  • add easily implemented, powerful animations thanks to Qt Quick
  • are fully customizable through a global Theme component which can be used to change colors, fonts and other attributes from a single point in code
  • make use of platform-specific features when integrating custom C++ code (or platform-specific code like Objective-C on iOS or Java on Android)

Get Started

Install

 

Download the latest SDK from v-play.net/download/ and install it. You may need to register for V-Play first. Registration is completely free and only takes a minute.

More information

Run

 

The SDK comes with a feature-packed IDE called Qt Creator. Open it from your installation and create your first V-Play application starting with one of our provided project wizards.

More information

Explore

 

Browse through our documentation and our Getting Started guide to learn how to create your custom app with V-Play Apps components. You can also have a look at our provided examples and demos found in your V-Play installation.

More information

API Documentation

V-Play Apps includes components for developing cross-platform apps with a native look and feel to interfaces and user experience patterns.

In addition to V-Play Apps you most probably will also make use of components from the Qt Quick module provided by the Qt framework.

The current release of V-Play Apps is based on Qt 5 and QtQuick 2.

Writing Applications with V-Play Apps

QML and Qt Quick Documentation

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