← Back to branch summary

~ci-train-bot/ubuntu-settings-components/ubuntu-settings-components-ubuntu-zesty-2202

« back to all changes in this revision

Viewing changes to examples/SettingsComponents.qml

  • Committer: Bileto Bot
  • Date: 2016-11-16 18:52:43 UTC
  • mfrom: (146.4.57 touch+pointer-styles)
  • Revision ID: ci-train-bot@canonical.com-20161116185243-o399ryjh002umz1a
* Menus: add Pointer and Touch styles to be used depending on the user
  interaction with components
  Menu items now have a new Style property that defines some common properties
  such as shared colors and sizes that change depending on the UX journey. I'm
  only defining Pointer and TouchStyles for now, but they can be easily
  overridden in case.
  Removed some deprecated properties and adapted colors and sizes to new
  style.
* Bump package version as there's a new API for various components

Show diffs side-by-side

added added

removed removed

Lines of Context:
examples/SettingsComponents.qml
29
29
    width: units.gu(50)
30
30
    height: units.gu(100)
31
31
 
 
32
    property bool pointerMode: true
 
33
 
32
34
    Component.onCompleted: {
33
35
        theme.name = "Ubuntu.Components.Themes.SuruDark"
34
36
    }
45
47
        header: PageHeader {
46
48
            id: header
47
49
            title: listView.currentItem ? listView.currentItem.item.title : "Components"
 
50
 
 
51
            leadingActionBar.actions: [
 
52
                Action {
 
53
                    iconName: mainView.pointerMode ? "input-mouse-symbolic" : "input-touchpad-symbolic"
 
54
                    text: mainView.pointerMode ? "Pointer mode" : "Touch mode"
 
55
                    onTriggered: mainView.pointerMode = !mainView.pointerMode
 
56
                }
 
57
            ]
48
58
        }
49
59
 
50
60
        clip: true
65
75
                height: ListView.view.height
66
76
 
67
77
                source: model.source
 
78
                onStatusChanged: {
 
79
                    if (status == Loader.Ready) {
 
80
                        item.pointerMode = Qt.binding(function() { return mainView.pointerMode })
 
81
                    }
 
82
                }
68
83
            }
69
84
        }
70
85
    }