Add more features for the demo app

Add a common cursor indicator item that all navigable items may
use for visualizing the cursor.
Add a cursor navigable delegate.
Make lists more generic by adding a CNItemDelegate.
Add CNFlipButton that has flipping animations when used with
CursorNavigation. Update Page4 with the new button type.

1 files changed, 32 insertions, 0 deletions

diff --git a/DemoApplication/pages/Page5.qml b/DemoApplication/pages/Page5.qml
index 578f1f8..80fba90 100644
--- a/DemoApplication/pages/Page5.qml
+++ b/DemoApplication/pages/Page5.qml
@@ -111,6 +111,38 @@ Item {
             anchors.fill: parent
             spacing: 4
 
+            delegate: CNItemDelegate {
+                width: listView.width
+                height: 40
+
+                contentItem: Item {
+                    width: listView.width
+                    height: 40
+
+                    Row {
+                        width: (parent.width - x)
+                        height: 35
+                        x: 5
+                        anchors.verticalCenter: parent.verticalCenter
+                        spacing: 10
+
+                        Rectangle {
+                            width: parent.height
+                            height: parent.height
+                            radius: width/2
+                            color: colorCode
+                        }
+
+                        Text {
+                            height: parent.height
+                            font.bold: true
+                            verticalAlignment: Text.AlignVCenter
+                            text: name
+                        }
+                    }
+                }
+            }
+
             model: ListModel {
                 ListElement { name: "Joe"; colorCode: "grey" }
                 ListElement { name: "Hillary"; colorCode: "red" }