QML QT (5) : 리사이즈 된 화상

Question

이 코드가

의 왼쪽 상단에 오버레이 버튼 (최소로 감소)

: 다음과 같은 화상을 생성

import QtQuick 2.0 
import QtQuick.Controls 1.3 

Item { 
    Image { 
     id: img 
     source: "cluster.png" 
     width: 150 
     height: 150 
     fillMode: Image.PreserveAspectFit 
    } 

    Button { 
     id: butn 
     anchors.left: img.left 
     anchors.top: img.top 
     width: 20 
     height: 20 
     text: "Push!" 
    } 
} 

그러나 의 왼쪽 상단에 단추를 넣고 싶습니다. 이미지를 클릭하십시오.

에서

전체 이미지 : http://susepaste.org/34762236

는 QML로이 가능합니까?

Answer 1

paintedHeight property 및 paintedWidth이 있도록 크기 조정 된 이미지의 실제 크기에 액세스해야합니다.

이 당신은 양자 택일 앵커 마진 대신 x 또는 y을 사용할 수 있습니다

Item { 
    Image { 
     id: img 
     source: "cluster.png" 
     width: 150 
     height: 150 
     fillMode: Image.PreserveAspectFit 
    } 

    Button { 
     id: butn 
     anchors.left: img.left 
     anchors.top: img.top 
     anchors.leftMargin: (img.width - img.paintedWidth)/2 
     anchors.topMargin: (img.height - img.paintedHeight)/2 
     width: 20 
     height: 20 
     text: "Push!" 
    } 
} 

될 것입니다.