회전 된 항목의 경계 사각형을 알아 보는 방법

Question

말하면 Flickable에 Image이있는 것 같습니다. 그에 따라 contentWidth과 contentHeight을 업데이트해야합니다. 수동으로 적절한 계산을하는 것이 가능하지만, Image (그리고 다른 Item)의 경계 사각형을 얻는 방법이 있는지 궁금합니다. (Mitch's suggestion에 응답)

EDIT :

언뜻 그것은 굉장한 예처럼 보였다. 나는 심지어 내가 뭔가를 놓치고 있다고 생각하기 시작했다. Item.childrenRect 속성 그룹 ... 불행히도, 경계가 자식 아이템 주위에 그려 지도록 제공된 예제를 수정하면, 나는 자신이 다시 childrenRect의 속성 항목 회전을 존중하지 마십시오.

import QtQuick 2.3 
import QtQuick.Controls 1.2 

Item { 
    width: 400 
    height: 400 

    Component.onCompleted: addChildItem() 

    function addChildItem() { 
     var rect = Qt.createQmlObject("import QtQuick 2.3; Rectangle {}", container); 
     rect.x = Math.random() * 200; 
     rect.y = Math.random() * 200; 
     rect.width = 64 * slider.value; 
     rect.height = 64 * slider.value; 
     rect.color = "green"; 
     rect.opacity = 0.5; 
     rect.rotation = Math.random() * 360; 
    } 

    Row { 
     anchors.horizontalCenter: parent.horizontalCenter 
     anchors.bottom: parent.bottom 

     Slider { 
      id: slider 
      value: 0.5 

      Text { 
       text: "Child item size" 
       anchors.horizontalCenter: parent.horizontalCenter 
       anchors.bottom: parent.top 
      } 
     } 

     Button { 
      text: "Add child item" 
      onClicked: addChildItem() 
     } 
    } 

    Item { 
     id: container 
     x: 50 
     y: 50 
    } 

    Item { 
     x: container.x 
     y: container.y 
     Rectangle { 
      x: container.childrenRect.x 
      y: container.childrenRect.y 
      width: container.childrenRect.width 
      height: container.childrenRect.height 
      color: "transparent" 
      border.color: "black" 
     } 
    } 
} 

Answer 1

childrenRect 당신에게 고려 회전 경계 RECT를 제공해야하지만, 버그가있다 : 아래를 참조 childrenRect doesn't take transformations into account.

---

원래 답 :

사용 childrenRect :

은

import QtQuick 2.3 
import QtQuick.Controls 1.2 

Item { 
    width: 400 
    height: 400 

    Component.onCompleted: addChildItem() 

    function addChildItem() { 
     var rect = Qt.createQmlObject("import QtQuick 2.3; Rectangle {}", container); 
     rect.x = Math.random() * 100; 
     rect.y = Math.random() * 100; 
     rect.width = 64 * slider.value; 
     rect.height = 64 * slider.value; 
     rect.color = "green"; 
     rect.opacity = 0.5; 
     rect.rotation = Math.random() * 360; 
    } 

    Row { 
     anchors.horizontalCenter: parent.horizontalCenter 
     anchors.bottom: parent.bottom 

     Slider { 
      id: slider 
      value: 0.5 

      Text { 
       text: "Child item size" 
       anchors.horizontalCenter: parent.horizontalCenter 
       anchors.bottom: parent.top 
      } 
     } 

     Button { 
      text: "Add child item" 
      onClicked: addChildItem() 
     } 
    } 

    Item { 
     id: container 
     anchors.centerIn: parent 
    } 

    Text { 
     text: "Total rotated bounds" 

     Rectangle { 
      id: boundsRect 
      width: container.childrenRect.width 
      height: container.childrenRect.height 
      anchors.top: parent.bottom 
      color: "transparent" 
      border.color: "black" 
     } 
    } 
}