{"id":18,"date":"2013-08-27T23:33:26","date_gmt":"2013-08-28T04:33:26","guid":{"rendered":"http:\/\/eastfist.com\/qt_tutorials\/?p=18"},"modified":"2017-08-26T03:27:11","modified_gmt":"2017-08-26T09:27:11","slug":"hello-world-with-qpainter","status":"publish","type":"post","link":"https:\/\/eastfist.com\/qt_tutorials\/hello-world-with-qpainter\/","title":{"rendered":"Hello World with QPainter"},"content":{"rendered":"

This is the most basic of basic tutorials when it comes to computer programming. It is virtually done to death. The basic idea is for you as the programmer to be able to send a message to the computer and have it return the message to you as output. Originally, this would be done via command-line or command-prompt, a scary black void of an interface. So in this case, I’ll show you how to actually engage the user by hooking into the default GUI mainWindow.<\/p>\n

    \n
  1. Open Qt Creator 2.8.0<\/li>\n
  2. Go to File>New File Or Project<\/li>\n
  3. Choose Projects>Applications>Qt Gui Application
    \n\"helloWorld_03_newProj\"<\/a><\/li>\n
  4. For “Introduction and Project Location”, name your project “Hello World”, and browse to a memorable location where to create it in.
    \n    \"helloWorld_04_location\"<\/a><\/li>\n
  5. For “Kit Selection”, check “Qt 4.8.5 (minGW)”
    \nNote: there may be other kits available to you depending on if you have those installed
    \n    \"helloWorld_05_selectKit\"<\/a><\/li>\n
  6. For “Class Information”, keep defaults.
    \n    \"helloWorld_06_classInfo\"<\/a><\/li>\n
  7. For “Project Management”, keep defaults. Click Finish.
    \n    \"helloWorld_07_summary\"<\/a><\/li>\n
  8. Qt Creator automatically loads newly generated “mainwindow.cpp” by default, ready to be edited.
    \n    \"helloWorld_editor00\"<\/a><\/li>\n
  9. Note: If you don’t have a debugger, then you won’t be able to debug.
    \n    \"helloWorld_buildModeD\"<\/a>
    \nSo when you run it, set it to Release mode. If there are any serious bugs, the compiler will still throw an error.
    \n    \"helloWorld_buildModeR\"<\/a><\/li>\n
  10. Hit Run.
    \n    \"helloWorld_run\"<\/a><\/li>\n
  11. At the very minimum, you will have a window that can run. But it doesn’t really do anything useful.
    \n    \"helloWorld_mainWin\"<\/a><\/li>\n
  12. Close the window or Stop (the red square in the debugger tool strip).<\/li>\n
  13. Now, let’s actually do some real coding. Click on mainWindow.h to open it in the editor.
    \n    \"helloWorld_editHeaderA\"<\/a>
    \n    \"helloWorld_editHeaderB\"<\/a><\/li>\n
  14. Make the following changes to mainWindow.h:
    \nAdd<\/p>\n
    protected:\r\n  void paintEvent(QPaintEvent *);<\/code><\/pre>\n
    \"helloWorld_editHeaderC\"<\/a><\/li>\n
  15. Now that you have overriden the mainWindow widget’s default paintEvent, you must provide your own method for painting. Open mainWindow.cpp in the editor.
    \nAdd<\/p>\n
    #include \"QPainter\"\r\n<\/code><\/pre>\n
    and<\/p>\n
    void MainWindow::paintEvent(QPaintEvent *)\r\n{\r\n   QPainter painter(this);\r\n   painter.drawText(QRect(20,20,200,200),\"Hello World\");\r\n   painter.end();\r\n}\r\n<\/code><\/pre>\n
    \"helloWorld_customPaint\"<\/a><\/li>\n
  16. Save and run.
    \n    \"helloWorld_run\"<\/a><\/li>\n
  17. If everything is set properly, what you get is the same basic mainWindow plus your newfound ability to paint on the widget.
    \n    \"helloWorld_finalWin\"<\/a><\/li>\n<\/ol>\n
    I hope you found that helpful. This is your quickstart intro to QPainter<\/a>, which is quite robust. You can now experiment with background colors, fonts, placement, and other drawing features. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"
    This is the most basic of basic tutorials when it comes to computer programming. It is virtually done to death. The basic idea is for you as the programmer to be able to send a message to the computer and have it return the message to you as output. Originally, this would be done via … <\/p>\n
    Continue reading “Hello World with QPainter”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[16,21,22,20,24,18,14,17,3,19,23],"class_list":["post-18","post","type-post","status-publish","format-standard","hentry","category-qt-2","tag-4-8-5","tag-advanced","tag-c","tag-demo","tag-gcc","tag-hello-world","tag-mingw","tag-qpainter","tag-qt","tag-tutorial","tag-windows"],"_links":{"self":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":14,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts\/18\/revisions\/323"}],"wp:attachment":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}