HomeScreen/qml/MediaAreaMusic.qml

   1 /*
   2  * Copyright (C) 2016 The Qt Company Ltd.
   3  * Copyright (C) 2016 Mentor Graphics Development (Deutschland) GmbH
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the "License");
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *      http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an "AS IS" BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18 import QtQuick 2.2
  19 import QtQuick.Layouts 1.1
  20 import QtQuick.Controls 1.0
  21
  22 Image {
  23     width: 1080
  24     height: 215
  25     source: './images/Utility_Music_Background-01.png'
  26
  27     ColumnLayout {
  28         anchors.fill: parent
  29         spacing: 1
  30         RowLayout {
  31             Layout.fillWidth: true
  32             Layout.fillHeight: true
  33             Layout.preferredHeight: 107
  34             spacing: 10
  35             Image {
  36                 source: './images/MediaMusic/AlbumArtwork.png'
  37                 width: 105.298
  38                 height: 110.179
  39                 fillMode: Image.PreserveAspectFit
  40             }
  41             Label {
  42                 text: 'Come Together - The Beatles'
  43                 font.family: 'Roboto'
  44                 font.pixelSize: 32
  45                 color: 'white'
  46             }
  47         }
  48
  49         RowLayout {
  50             Layout.fillWidth: true
  51             Layout.fillHeight: true
  52             Layout.preferredHeight: 107
  53             Image {
  54                 source: './images/MediaPlayer/AGL_MediaPlayer_BackArrow.png'
  55             }
  56             Image {
  57                 source: './images/MediaPlayer/AGL_MediaPlayer_Player_Pause.png'
  58             }
  59             Image {
  60                 source: './images/MediaPlayer/AGL_MediaPlayer_ForwardArrow.png'
  61             }
  62
  63             ProgressBar {
  64                 Layout.fillWidth: true
  65                 Layout.preferredWidth: 2
  66             }
  67
  68             Label {
  69                 text: '2:12/4:19'
  70                 font.family: 'Roboto'
  71                 font.pixelSize: 20
  72             }
  73             Image {
  74                 source: './images/MediaPlayer/AGL_MediaPlayer_Shuffle_Active.png'
  75             }
  76             Image {
  77                 source: './images/MediaPlayer/AGL_MediaPlayer_Shuffle_Active.png'
  78             }
  79             ProgressBar {
  80                 Layout.fillWidth: true
  81                 Layout.preferredWidth: 1
  82             }
  83         }
  84     }
  85 }