tests/auto/declarative/qdeclarativefocusscope/data/test5.qml

   1 import QtQuick 1.0
   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         objectName: "item0"
  13         focus: true
  14
  15         Keys.onReturnPressed: console.log("Error - FocusScope")
  16
  17         Rectangle {
  18             height: 120
  19             width: 420
  20
  21             color: "transparent"
  22             border.width: 5
  23             border.color: myScope.activeFocus?"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.activeFocus?"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: activeFocus?"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.activeFocus?"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.activeFocus?"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 }