{"id":96,"date":"2014-02-04T17:39:32","date_gmt":"2014-02-04T17:39:32","guid":{"rendered":"http:\/\/visualgdb.com\/w\/?p=96"},"modified":"2015-08-07T15:54:30","modified_gmt":"2015-08-07T22:54:30","slug":"android-qt","status":"publish","type":"post","link":"https:\/\/visualgdb.com\/tutorials\/android\/qt\/","title":{"rendered":"Developing Qt Projects for Android with VisualGDB"},"content":{"rendered":"

This tutorial shows how to debug and build Qt 5.1 projects for Android.<\/p>\n

Before we begin, ensure that VisualGDB is installed.<\/p>\n

In this tutorial we will create a Qt widget project for Android in Qt Creator and then build and debug the APK file from Visual Studio using VisualGDB. We use Qt Creator to create the project as the initial project creation sets up Qt support libraries.<\/p>\n

    \n
  1. Start Visual Studio and go to Android->Setup SDK\/NDK locations. Set the paths to existing Android tools there or install them.\"01-androidsettings\"<\/a><\/li>\n
  2. Download and install Qt Creator<\/a> for Android meant for a Windows host.<\/li>\n
  3. Start Qt Creator. Go to Tools->Options->Android. Set the Android tool paths there to be the same as in VisualGDB. Press on OK.\"02-qtsettings\"<\/a><\/li>\n
  4. Go to File->New File or Project. Choose Qt GUI Application.\"03-newqt\"<\/a><\/li>\n
  5. Choose a name and location for the project. Press on ‘Next’. \"04-newqtname\"<\/a><\/li>\n
  6. Uncheck the Desktop kit and select an Android kit instead. Here we choose arm, choose “Android for x86” as well or instead if you intend to support Android for Intel CPUs as well. Note that arm here actually means armeabi-v7a as Qt 5 is not supported for regular armeabi. That means for running and debugging the app, you will also need a armeabi-v7a device. \"05-androidkit\"<\/a><\/li>\n
  7. The default settings are fine for the rest of the project settings. Choose ‘Next’ and then ‘Finish’ on the next page. \"06-newform\"<\/a><\/li>\n
  8. We have now made a Qt5 project for Android. Currently the form is empty, let’s add a button to have something to see and test when the app is run. Open the ui file.\"08-projectmade\"<\/a><\/li>\n
  9. Drag and drop a simple push button from the toolbox. We also change its text to “Test”. \"09-button\"<\/a><\/li>\n
  10. Next we add a clicked handler to it. Right-click on the placed button choose ‘Go to slot’. Select ‘clicked’ from the slots. Now a clicked handler has been made and we are ready to build the project.\"10-slot\"<\/a>\"11-clicked\"<\/a><\/li>\n
  11. Both build and run the project. This is important as currently the build step of copying the Qt libraries is only done by Qt Creator and not an external tool. Once the project has been run by QtCreator, it can be built by other tools as well. In case running the project crashes or does not succeed, it still may have been enough to copy the libraries. In that case, check inside the “android\/bin” subfolder in the project folder, it must contain the Qtandroid-debug.apk file before we can proceed. \"13-build\"<\/a><\/li>\n
  12. Open the ‘Projects’ tab, we will use these settings to create a project with VisualGDB.\"14-buildsettings\"<\/a><\/li>\n
  13. Start Visual Studio. Go to File->New->Project. Choose the ‘Custom Project Wizard’, choose a name and location and press on ‘OK’.\"15-newcustom\"<\/a><\/li>\n
  14. Custom projects allow specifying arbitrary commands for building and debugging. We start by specifying the actions before building. We will use the main make command as the main build command and arrange all other commands before or after.\"16-custom\"<\/a><\/li>\n
  15. The first command is the qmake command. We base it on the qmake command from QtCreator. \"19-qmakecmd\"<\/a>Add a new command to the sequence.\"17-newsequence\"<\/a>Create a new custom command line. Copy the details of the command from Qt Creator.\"18-newcustom\"<\/a>We also need to add additional environment variables to the command. Click to edit additional environment. Then click on ‘Add’.\"21-newenv\"<\/a>Look in the variables list from Qt Creator for variables to add. Most do not need to be added as they are system variables.\"20-addenv\"<\/a>We only add the following variables.\"22-env\"<\/a>The ready command looks as follows.\"23-newqmakecmd\"<\/a><\/li>\n
  16. Next add the build command. Fill in the command details based on the make command from QtCreator.\"24-makestep\"<\/a>The ready command looks as follows.\"25-buildcmd\"<\/a><\/li>\n
  17. Now we add a post build command based on the deployment install command from Qt Creator. This command will copy the built library from the Qt project’s build directory to the android subdirectory. \"26a-originstallcmd\"<\/a>\"26-installcmd\"<\/a><\/li>\n
  18. Finally we add the last command to post build actions. This will build the Android app.\"27-antcmd\"<\/a><\/li>\n
  19. We also add a clean command based on the clean command from Qt Creator.\"29-origmakeclean\"<\/a>\"28-makeclean\"<\/a><\/li>\n
  20. All of the build and clean commands now look as follows. Click on ‘Finish’ to complete the wizard.\"30-wizfinish\"<\/a><\/li>\n
  21. Now we have successfully created a project in VisualGDB building the Qt Creator created Android project. Rebuild the project to test the build commands.\"42-rebuild\"<\/a><\/li>\n
  22. We will use the Custom APK debug feature to debug the project. Go to Android->Debug custom APK file.\"31-apkdebug\"<\/a>Choose the Qtandroid-debug.apk file and choose a name for the debug preset. Press on ‘Debug’.\"33-apkdebug\"<\/a><\/li>\n
  23. Now the app will be automatically deployed and started on the connected Android device.\"34-deploying\"<\/a>Finally the debug session is started.\"35-debugging\"<\/a>Pause execution and use the ‘Show a list of all source files’ function.\"37-listsources\"<\/a>Open the mainwindow.cpp file.\"39-sources\"<\/a>Set a breakpoint in the clicked function and continue execution.\"40-breakpoint\"<\/a><\/li>\n
  24. Go to the app running on the device and click on the button. \"36-app\"<\/a>Go back to Visual Studio. The breakpoint we set earlier has been hit now.\"41-breakpointhit\"<\/a><\/li>\n<\/ol>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    This tutorial shows how to debug and build Qt 5.1 projects for Android. Before we begin, ensure that VisualGDB is<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[31,46],"_links":{"self":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts\/96"}],"collection":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":4,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":499,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/posts\/96\/revisions\/499"}],"wp:attachment":[{"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visualgdb.com\/w\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}