demos/declarative/rssnews/content/ScrollBar.qml
changeset 30 5dc02b23752f
equal deleted inserted replaced
29:b72c6db6890b 30:5dc02b23752f
       
     1 /****************************************************************************
       
     2 **
       
     3 ** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies).
       
     4 ** All rights reserved.
       
     5 ** Contact: Nokia Corporation (qt-info@nokia.com)
       
     6 **
       
     7 ** This file is part of the QtDeclarative module of the Qt Toolkit.
       
     8 **
       
     9 ** $QT_BEGIN_LICENSE:LGPL$
       
    10 ** No Commercial Usage
       
    11 ** This file contains pre-release code and may not be distributed.
       
    12 ** You may use this file in accordance with the terms and conditions
       
    13 ** contained in the Technology Preview License Agreement accompanying
       
    14 ** this package.
       
    15 **
       
    16 ** GNU Lesser General Public License Usage
       
    17 ** Alternatively, this file may be used under the terms of the GNU Lesser
       
    18 ** General Public License version 2.1 as published by the Free Software
       
    19 ** Foundation and appearing in the file LICENSE.LGPL included in the
       
    20 ** packaging of this file.  Please review the following information to
       
    21 ** ensure the GNU Lesser General Public License version 2.1 requirements
       
    22 ** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
       
    23 **
       
    24 ** In addition, as a special exception, Nokia gives you certain additional
       
    25 ** rights.  These rights are described in the Nokia Qt LGPL Exception
       
    26 ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
       
    27 **
       
    28 ** If you have questions regarding the use of this file, please contact
       
    29 ** Nokia at qt-info@nokia.com.
       
    30 **
       
    31 **
       
    32 **
       
    33 **
       
    34 **
       
    35 **
       
    36 **
       
    37 **
       
    38 ** $QT_END_LICENSE$
       
    39 **
       
    40 ****************************************************************************/
       
    41 
       
    42 import Qt 4.7
       
    43 
       
    44 Item {
       
    45     id: container
       
    46 
       
    47     property variant scrollArea
       
    48     property variant orientation: Qt.Vertical
       
    49 
       
    50     opacity: 0
       
    51 
       
    52     function position()
       
    53     {
       
    54         var ny = 0;
       
    55         if (container.orientation == Qt.Vertical)
       
    56             ny = scrollArea.visibleArea.yPosition * container.height;
       
    57         else
       
    58             ny = scrollArea.visibleArea.xPosition * container.width;
       
    59         if (ny > 2) return ny; else return 2;
       
    60     }
       
    61 
       
    62     function size()
       
    63     {
       
    64         var nh, ny;
       
    65 
       
    66         if (container.orientation == Qt.Vertical)
       
    67             nh = scrollArea.visibleArea.heightRatio * container.height;
       
    68         else
       
    69             nh = scrollArea.visibleArea.widthRatio * container.width;
       
    70 
       
    71         if (container.orientation == Qt.Vertical)
       
    72             ny = scrollArea.visibleArea.yPosition * container.height;
       
    73         else
       
    74             ny = scrollArea.visibleArea.xPosition * container.width;
       
    75 
       
    76         if (ny > 3) {
       
    77             var t;
       
    78             if (container.orientation == Qt.Vertical)
       
    79                 t = Math.ceil(container.height - 3 - ny);
       
    80             else
       
    81                 t = Math.ceil(container.width - 3 - ny);
       
    82             if (nh > t) return t; else return nh;
       
    83         } else return nh + ny;
       
    84     }
       
    85 
       
    86     Rectangle { anchors.fill: parent; color: "Black"; opacity: 0.3 }
       
    87 
       
    88     BorderImage {
       
    89         source: "images/scrollbar.png"
       
    90         border { left: 1; right: 1; top: 1; bottom: 1 }
       
    91         x: container.orientation == Qt.Vertical ? 2 : position()
       
    92         width: container.orientation == Qt.Vertical ? container.width - 4 : size()
       
    93         y: container.orientation == Qt.Vertical ? position() : 2
       
    94         height: container.orientation == Qt.Vertical ? size() : container.height - 4
       
    95     }
       
    96 
       
    97     states: State {
       
    98         name: "visible"
       
    99         when: container.orientation == Qt.Vertical ? scrollArea.movingVertically : scrollArea.movingHorizontally
       
   100         PropertyChanges { target: container; opacity: 1.0 }
       
   101     }
       
   102 
       
   103     transitions: Transition {
       
   104         from: "visible"; to: ""
       
   105         NumberAnimation { properties: "opacity"; duration: 600 }
       
   106     }
       
   107 }