Initial commit

Author: Artem Marchenko

components/Page.qml

@@ -0,0 +1,6 @@
+import QtQuick 2.0
+
+Rectangle {
+    width: 100
+    height: 62
+}

cutecontacts.pro

@@ -0,0 +1,13 @@
+TEMPLATE = app
+
+QT += qml quick widgets
+
+SOURCES += main.cpp
+
+RESOURCES += qml.qrc
+
+# Additional import path used to resolve QML modules in Qt Creator's code model
+QML_IMPORT_PATH =
+
+# Default rules for deployment.
+include(deployment.pri)

cutecontacts.pro.user

@@ -0,0 +1,27 @@
+android-no-sdk {
+    target.path = /data/user/qt
+    export(target.path)
+    INSTALLS += target
+} else:android {
+    x86 {
+        target.path = /libs/x86
+    } else: armeabi-v7a {
+        target.path = /libs/armeabi-v7a
+    } else {
+        target.path = /libs/armeabi
+    }
+    export(target.path)
+    INSTALLS += target
+} else:unix {
+    isEmpty(target.path) {
+        qnx {
+            target.path = /tmp/$${TARGET}/bin
+        } else {
+            target.path = /opt/$${TARGET}/bin
+        }
+        export(target.path)
+    }
+    INSTALLS += target
+}
+
+export(INSTALLS)

deployment.pri

@@ -0,0 +1,12 @@
+#include <QApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    engine.load(QUrl(QStringLiteral("qrc:///main.qml")));
+
+    return app.exec();
+}

main.cpp

@@ -0,0 +1,49 @@
+import QtQuick 2.2
+import QtQuick.Controls 1.1
+
+import "pages"
+
+ApplicationWindow {
+    visible: true
+    width: 320
+    height: 568
+    title: qsTr("Hello World")
+
+    StackView {
+        id: pageStack
+
+        delegate: StackViewDelegate {
+            pushTransition: StackViewTransition {
+                PropertyAnimation {
+                    target: enterItem
+                    property: "y"
+                    from: 568
+                    to: 0
+                    easing.type: Easing.InOutQuad
+                    duration: 300
+                }
+            }
+            popTransition: StackViewTransition {
+                PropertyAnimation {
+                    target: exitItem
+                    property: "y"
+                    from: 0
+                    to: 568
+                    easing.type: Easing.InOutQuad
+                    duration: 300
+                }
+            }
+        }
+
+        initialItem: MainPage {
+//            anchors.fill: parent
+        }
+    }
+
+
+
+    Text {
+        text: qsTr("Hello World")
+        anchors.centerIn: parent
+    }
+}

main.qml

@@ -0,0 +1,40 @@
+import QtQuick 2.2
+import QtQuick.Controls 1.1
+
+Item {
+    Rectangle {
+        id: titleBar
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+        height: 44
+        color: "white"
+        Label {
+            anchors.centerIn: parent
+            text: "All Contacts"
+        }
+
+        ToolButton {
+            anchors.right: parent.right
+            anchors.verticalCenter: parent.verticalCenter
+            text: "+"
+            onClicked: {
+                console.log("Plus clicked")
+                pageStack.push("qrc:///pages/NewContactPage.qml")
+            }
+        }
+    }
+    Rectangle {
+        id: searchBar
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: titleBar.bottom
+        height: 44
+        color: "white"
+        TextField {
+            anchors.fill: parent
+            horizontalAlignment: Text.AlignHCenter
+            placeholderText: "Search"
+        }
+    }
+}

pages/MainPage.qml

@@ -0,0 +1,28 @@
+import QtQuick 2.2
+import QtQuick.Controls 1.1
+
+Item {
+    Rectangle {
+        id: titleBar
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+        height: 44
+        color: "white"
+        Label {
+            anchors.centerIn: parent
+            text: "New Contact"
+        }
+
+        ToolButton {
+            anchors.right: parent.right
+            anchors.verticalCenter: parent.verticalCenter
+            text: "Done"
+            onClicked: {
+                console.log("Done clicked")
+                pageStack.pop()
+            }
+        }
+    }
+
+}

pages/NewContactPage.qml

@@ -0,0 +1,8 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+        <file>components/Page.qml</file>
+        <file>pages/MainPage.qml</file>
+        <file>pages/NewContactPage.qml</file>
+    </qresource>
+</RCC>