캔트가 나타납니다.

저는 안드로이드 용 일종의 fotboll 앱을 만들려고합니다. 지금 직면하고있는 문제는 화면 구석에 버튼을 만들어야한다는 것입니다. (4 가지) 게임 캐릭터를 움직입니다. 하지만 지금은 1 버튼을 만들었지 만, 화면에 나타나지 않습니다.캔트가 나타납니다.

홈페이지 파일 :

import QtQuick 2.0 
import QtQuick.Window 2.1 

Item { 

    id:root 

    width:Screen.width 
    height:Screen.height-10 
    focus:true 

    Keys.onPressed: { 

     if(event.key===Qt.Key_Up) 
     { 
      event.accepted = true; 
      player.y=(player.y) - 40 

     } 
     if(event.Key === Qt.Key_Down){ 
      event.accepted = true; 
      player.y = (player.y)+ 40 
      } 
     if (event.key === Qt.Key_Right) 
     { event.accepted=true; 
      player.x=(player.x)+40 

     } 
    if (event.key === Qt.Key_Left) 
{event.accepted = true; 
     player.x=(player.x) -40 
    } 

    } 

Flickable { 
    width:Screen.width 
    height:Screen.height 
    contentHeight: Screen.height*2 
    contentWidth:Screen.width 
    interactive:true 
    boundsBehavior: Flickable.StopAtBounds 
    contentY: Math.min(contentHeight-height, Math.max(0, player.y-height/2)) 
    contentX: Math.min(contentWidth-width, Math.max(0, player.x-width/2)) 
    Image{ 
     id: feild 
     anchors.fill:parent 
     source:"Namnlös.png" 
     sourceSize.height:Screen.height*2 
     sourceSize.width:Screen.width 
     } 

    Image { 
     id: player 
     source:"asd.png" 
     x:Screen.width/2 
     y:Screen.height/2 
    } 
} 

}

버튼 파일 :

import QtQuick 2.0 
import QtQuick.Window 2.1 


Rectangle { 
    id: simplebutton 
    color: "grey" 
    width: 100; height: 50 

    Text { 
     id: buttonLabel 
     anchors.centerIn: parent 
     text: "Up" 
    } 

    MouseArea { 
     id: buttonMouseArea 
     anchors.fill: parent 
     onClicked: console.log(buttonLabel.text + "clicked") 

    } 
} 


Rectangle { 
    id: button 
    property color buttonColor: "lightblue" 
    property color onHoverColor: "gold" 
    property color borderColor: "white" 

    signal buttonClick() 
    onButtonClick: { 
     console.log(buttonLabel.text + " clicked") 

    } 
    MouseArea { 
     onClicked: buttonClick() 
     hoverEnabled: true 
     onEntered: parent.border.color = onHoverColor 
     onExited: parent.border.color = borderColor 
    } 
    color: buttonMouseArea.pressed ? Qt.darker(buttonColor, 1.5) : buttonColor 
}

출처

2014-04-27 Rory Galloway