Introduction to Qt – Intro to Qt Quick Controls {tutorial}

you [Music] cute creator comes fully loaded with cute quick and some handy application templates for example we have an empty application a scroll a stack a swipe in a 3d canvas we're going to go through these one at a time but first let's start with the empty app first thing we need to do is use some imports where an import controls 2.3 and let's import layouts let's go ahead and switch this to application window let's make a menu bar and let's give it a menu let's also give it a title let's add something to the header in this case we're going to add a toolbar toolbar is going to have a row layout and let's fill the rest of the space with a text area let's create an action an action is a reusable component that can be reused in the menus and in the toolbar we give it an ID and let's give it some text let's give it a shortcut in this case we're going to do the standard key and we're going to do the new and let's give it an icon name we also want to be able to do something when this is triggered in this case we're going to say area placeholder text is equal to some value let's make a few of these we're gonna make it open and a save now that we have our actions let's reuse these first thing we're going to do is add some menu items let's copy this and simply paste it now let's add some tool buttons copy this and paste it in as you can see you can quickly and easily create a full-fledged application notice how we didn't even had to have icons it's pulled directly from the theme let's explore some of the other templates for example let's look at the scroll view as you can see you can very quickly and very easily populate a list this is something that's actually quite challenging with other products the stack view is also very easy to work with as you can see it's simple easy to use and the swipe view it's clean its elegant it's easy to use and it handles user gestures and if that wasn't enough there's a 3d canvas you can use within a few mouse clicks you have a full 3d application ready to go let's clean up our workspace and see a real example let's work with the swipe view we're gonna set this as the active project and we're gonna open it up as you can see the source code for this application is extremely simple we have a swipe view with some forms and for the footer we have a tab bar with some buttons don't be fooled by the simplicity of this code this is an extremely powerful application right out of the box we open a form it opens up in the qml designer this is a lightning-quick robust what-you-see-is-what-you-get designer it's very simple to work with every components properties are exposed and you can flip back and forth between the form editor or the text editor [Music]

Channel: Qt

Views: 27,148

Keywords: voidrealms, Qt Quick, Qt Quick Controls, Qt, tutorial, introduction

Id: uuhmSZxK1mk

Length: 7min 10sec (430 seconds)

Published: Tue Mar 13 2018