Added opacity "animation" when we show/hide toolbar tools
[harmattan/cameraplus] / qml / CameraToolBarTools.qml
1 // -*- qml -*-
2
3 /*!
4  * This file is part of CameraPlus.
5  *
6  * Copyright (C) 2012-2013 Mohammed Sameer <msameer@foolab.org>
7  *
8  * This library is free software; you can redistribute it and/or
9  * modify it under the terms of the GNU Lesser General Public
10  * License as published by the Free Software Foundation; either
11  * version 2.1 of the License, or (at your option) any later version.
12  *
13  * This library is distributed in the hope that it will be useful,
14  * but WITHOUT ANY WARRANTY; without even the implied warranty of
15  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
16  * Lesser General Public License for more details.
17  *
18  * You should have received a copy of the GNU Lesser General Public
19  * License along with this library; if not, write to the Free Software
20  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
21  */
22
23 import QtQuick 2.0
24 import "CameraToolBar.js" as Layout
25
26 Row {
27     visible: false
28     anchors.fill: parent
29     layoutDirection: Qt.LeftToRight
30     // We are explicitly setting a width here to prevent the item from dynamically
31     // calculating it based on spacing.
32     // If we don't do so then we get a binding loop problem between spacing and width
33     // the value doesn't affect anything else as CameraToolBar will fix it before it shows us
34     width: 0
35     property real childrenWidth: Layout.calculateChildrenWidth(children)
36     property int childrenLen: Layout.countVisibleChildren(children)
37     spacing: (width - childrenWidth) / (childrenLen - 1)
38
39     opacity: visible ? 1.0 : 0
40
41     Behavior on opacity {
42         NumberAnimation { duration: 100 }
43     }
44 }