Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Learning
  3. Qt Courses
  4. Introduction to QML Challenge - my solution
Forum Updated to NodeBB v4.3 + New Features

Introduction to QML Challenge - my solution

Scheduled Pinned Locked Moved Unsolved Qt Courses
2 Posts 2 Posters 86 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    PaoloG
    wrote last edited by
    #1

    Hello everyone,
    I've been trying my hand on QT for a while now but with QT Academy I have now a path to follow to keep my motivation high.
    This is my solution for the first challenge of the QML for Beginners learning path.
    Github repository: https://github.com/PaulBroken/Intro_QML_challenge/
    with some screen and video: https://github.com/PaulBroken/Intro_QML_challenge/tree/main/screens

    For the button showing info details I used the QtQuick States. I'm not familiar with States yet but I wanted to try something new (to me) that seemed suitable for this purpose.

    I still have a flickering problem when the windows is resized and the binding width/heigth to keep the card ratio seems not work when I change the windows width. So still a lot to learn but the trip is started!

    Immagine 2025-07-21 210201.png Immagine 2025-07-21 210235.png

    1 Reply Last reply
    0
    • Ash_QtA Offline
      Ash_QtA Offline
      Ash_Qt
      wrote last edited by
      #2

      Hey! Thanks for taking the time to tackle the QML for Beginners challenges!

      You are right that States could be a good application here to toggle between the business card's 'front' and 'back'! Well done in exploring and implementing this :)

      One way of stopping the flickering you mentioned is to bind the minimumHeight and maximumHeight properties of the Window to the business card ratio we want:

          minimumHeight: width / 1.586
          maximumHeight: width / 1.586
      

      You can learn more about those here

      1 Reply Last reply
      0

      • Login

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • Users
      • Groups
      • Search
      • Get Qt Extensions
      • Unsolved