HomeScreenNG/qml/MediaAreaMusic.qml

   1 import QtQuick 2.6
   2 import QtQuick.Layouts 1.1
   3 import QtQuick.Controls 2.0
   4
   5 Image {
   6     width: 1080
   7     height: 215
   8     source: './images/Utility_Music_Background-01.png'
   9
  10     ColumnLayout {
  11         anchors.fill: parent
  12         spacing: 1
  13         RowLayout {
  14             Layout.fillWidth: true
  15             Layout.fillHeight: true
  16             Layout.preferredHeight: 107
  17             spacing: 10
  18             Image {
  19                 source: './images/MediaMusic/AlbumArtwork.png'
  20                 width: 105.298
  21                 height: 110.179
  22                 fillMode: Image.PreserveAspectFit
  23             }
  24             Label {
  25                 text: 'Come Together - The Beatles'
  26                 font.family: 'Roboto'
  27                 font.pixelSize: 32
  28                 color: 'white'
  29             }
  30         }
  31
  32         RowLayout {
  33             Layout.fillWidth: true
  34             Layout.fillHeight: true
  35             Layout.preferredHeight: 107
  36             Image {
  37                 source: './images/MediaPlayer/AGL_MediaPlayer_BackArrow.png'
  38             }
  39             Image {
  40                 source: './images/MediaPlayer/AGL_MediaPlayer_Player_Pause.png'
  41             }
  42             Image {
  43                 source: './images/MediaPlayer/AGL_MediaPlayer_ForwardArrow.png'
  44             }
  45
  46             ProgressBar {
  47                 Layout.fillWidth: true
  48                 Layout.preferredWidth: 2
  49             }
  50
  51             Label {
  52                 text: '2:12/4:19'
  53                 font.family: 'Roboto'
  54                 font.pixelSize: 20
  55             }
  56             Image {
  57                 source: './images/MediaPlayer/AGL_MediaPlayer_Shuffle_Active.png'
  58             }
  59             Image {
  60                 source: './images/MediaPlayer/AGL_MediaPlayer_Shuffle_Active.png'
  61             }
  62             ProgressBar {
  63                 Layout.fillWidth: true
  64                 Layout.preferredWidth: 1
  65             }
  66         }
  67     }
  68 }