Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. How to design Page layout for portrait and landscape?
Forum Updated to NodeBB v4.3 + New Features

How to design Page layout for portrait and landscape?

Scheduled Pinned Locked Moved QML and Qt Quick
2 Posts 1 Posters 2.5k Views 1 Watching
  • 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.
  • S Offline
    S Offline
    strekazoid
    wrote on last edited by
    #1

    I have a Page element, which contains the view. Page was originally locked to the portrait screen mode. Now I need to add support for landscape as well. How do I design a Page layout for both portrait and landscape? Ideally I need a custom placement for every element for both screen modes.

    1 Reply Last reply
    0
    • S Offline
      S Offline
      strekazoid
      wrote on last edited by
      #2

      Ok, after some research I came up with this solution:

      @Page {
      id: mainPage
      anchors.fill: parent

      onWidthChanged: {
          if(width > height) {
              // Landscape mode
              mainPage.state = "Landscape"
          }
          else {
              // Portrait mode
              mainPage.state = "Portrait"
          }
      }@
      
      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