2017-02-10 10 views
0

я в настоящее время пытаюсь разработать приложение QML с повернутым виджетом (270 °, красный), хотя код вызывает у меня проблемы
Ниже приведен макет я хочу достичьQML Упорядочение элементов с вращением

Layout to be achieved

результат выглядит следующим образом

Layout result

код, который я запрограммированной misplaces красный прямоугольник
Причина, по моему мнению, заключается в том, что Qt резервирует пространство так же, как и ширину прямоугольника без поворота, который не может использоваться другими элементами и, таким образом, отбрасывает эти другие предметы, оставляя большой зазор между повернутым элементом и другие предметы
По той же причине я не использовал GridLayout, потому что левый столбец растягивается.
Ниже приводится код, который я запрограммирован

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 
} 
} 

Помощь ценится.

ответ

0

Проблема решена с помощью GridLayout и размещения предмета с размером поворотного прямоугольника. Этот предмет имеет ребенка с измененной шириной и высотой родителя и затем поворачивается на 270 ° и закрепляется в центре.