2017-02-10 9 views
0

ich versuche zur Zeit eine QML-Anwendung mit einem gedrehten Widget Design (270 °, rot), obwohl der Code mir verursacht Probleme
Es folgt das Layout iQML Elemente anordnen mit Rotation

Layout to be achieved

erreichen wollen

Das Ergebnis sieht wie folgt aus

Layout result

Der Code i verlegt das rote Rechteck programmiert
Der Grund ist meines Erachtens, dass Qt Platz so viel wie die Breite des nicht gedrehten roten Rechtecks ​​reserviert, das von anderen Gegenständen nicht benutzt werden kann und so diese anderen Gegenstände zur Seite legt, wobei eine große Lücke zwischen dem gedrehten Gegenstand und der andere Artikel
Aus dem gleichen Grund habe ich kein GridLayout verwendet, weil die linke Spalte gestreckt wird.
Im Folgenden finden Sie den Code i

programmiert
Item { 
id: item1 
anchors.fill: parent 

Label { 
    width: 0.6*parent.width 
    height: 0.15*parent.height 

    id: chartName 
    text: "Hallo Welt" 

    anchors.right: parent.right 
    anchors.bottom: chartImage.top 
    anchors.left: chartImage.left 
    anchors.top: parent.top 
} 

Item { 
//ChartView { 
    width: 0.6*parent.width 
    height: 0.25*parent.height 

    id: sideChart 

    //anchors.right: chartImage.top 
    //anchors.left: chartImage.bottom 
    anchors.bottom: chartImage.left 
    anchors.top: parent.left 

    rotation: 270 
} 

Image { 
    width: 0.6*parent.width 
    height: 0.6*parent.height 

    id: chartImage 

    anchors.top: chartName.bottom 
    anchors.right: parent.right 
    anchors.bottom: bottomChart.top 
    anchors.left: sideChart.right 

    source: "images/Objective_speckle.jpg" 
    fillMode: Image.PreserveAspectFit 
    cache: false 
} 

Item { 
// ChartView { 
     width: 0.6*parent.width 
     height: 0.25*parent.height 

     id: bottomChart 

     anchors.right: parent.right 
     anchors.left: chartImage.left 
     anchors.bottom: parent.bottom 
     anchors.top: chartImage.bottom 
} 
} 

Hilfe sehr geschätzt wird.

Antwort

0

Problem gelöst durch Verwendung eines GridLayout und Platzieren eines Elements mit der Größe des gedrehten Rechtecks. Dieser Gegenstand hat ein Kind mit vertauschter Breite und Höhe des Elternteils und wird dann um 270 ° gedreht und in der Mitte verankert.

Verwandte Themen