1 import Qt 4.7

     2 

     3 Rectangle {

     4     color: "white"

     5     width: 800

     6     height: 600

     7 

     8     Keys.onReturnPressed: console.log("Error - Root")

     9 

    10     FocusScope {

    11         id: myScope

    12         focus: true

    13 

    14         Keys.onReturnPressed: console.log("Error - FocusScope")

    15 

    16         Rectangle {

    17             objectName: "item0"

    18             height: 120

    19             width: 420

    20 

    21             color: "transparent"

    22             border.width: 5

    23             border.color: myScope.wantsFocus?"blue":"black"

    24 

    25             Rectangle {

    26                 x: 10; y: 10

    27                 width: 100; height: 100; color: "green"

    28                 border.width: 5

    29                 border.color: item1.wantsFocus?"blue":"black"

    30             }

    31 

    32             TextEdit {

    33                 id: item1; objectName: "item1"

    34                 x: 20; y: 20

    35                 width: 90; height: 90

    36                 color: "white"

    37                 font.pixelSize: 20

    38                 Keys.onReturnPressed: console.log("Top Left");

    39                 KeyNavigation.right: item2

    40                 focus: true

    41                 wrapMode: TextEdit.WordWrap

    42                 text: "Box 1"

    43             }

    44 

    45             Rectangle {

    46                 id: item2; objectName: "item2"

    47                 x: 310; y: 10

    48                 width: 100; height: 100; color: "green"

    49                 border.width: 5

    50                 border.color: wantsFocus?"blue":"black"

    51                 KeyNavigation.left: item1

    52                 Keys.onReturnPressed: console.log("Top Right");

    53 

    54                 Rectangle {

    55                     width: 50; height: 50; anchors.centerIn: parent

    56                     color: parent.focus?"red":"transparent"

    57                 }

    58             }

    59         }

    60         KeyNavigation.down: item3

    61     }

    62 

    63     Text { x:100; y:170; text: "Blue border indicates scoped focus\nBlack border indicates NOT scoped focus\nRed box or flashing cursor indicates active focus\nUse arrow keys to navigate\nPress Ctrl-Return to print currently focused item" }

    64 

    65     Rectangle {

    66         x: 10; y: 300

    67         width: 100; height: 100; color: "green"

    68         border.width: 5

    69         border.color: item3.wantsFocus?"blue":"black"

    70     }

    71 

    72     TextEdit {

    73         id: item3; objectName: "item3"

    74         x: 20; y: 310

    75         width: 90; height: 90

    76         color: "white"

    77         font.pixelSize: 20

    78         text: "Box 3"

    79 

    80         Keys.onReturnPressed: console.log("Bottom Left");

    81         KeyNavigation.up: myScope

    82         wrapMode: TextEdit.WordWrap

    83     }

    84 }