diff options
author | Tasuku Suzuki <tasuku.suzuki@qt.io> | 2016-12-02 11:19:51 +0900 |
---|---|---|
committer | Tasuku Suzuki <tasuku.suzuki@qt.io> | 2016-12-02 13:14:55 +0900 |
commit | 6bf5bbd0ab5abab05305667a516c069c7c5556f4 (patch) | |
tree | f2cf3278c383771ff1b40dae2c72b0f08fdd69ef /HomeScreenNG/qml/MediaAreaMusic.qml | |
parent | 505ec164e5174ddd838c0cac1e3e828930cb3b50 (diff) |
WIP: add Qt Quick HomeScreen UI
Change-Id: I2be964f6d9e76df616169d7b2654d17ae9446687
Signed-off-by: Tasuku Suzuki <tasuku.suzuki@qt.io>
Diffstat (limited to 'HomeScreenNG/qml/MediaAreaMusic.qml')
-rw-r--r-- | HomeScreenNG/qml/MediaAreaMusic.qml | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/HomeScreenNG/qml/MediaAreaMusic.qml b/HomeScreenNG/qml/MediaAreaMusic.qml new file mode 100644 index 0000000..3bd0077 --- /dev/null +++ b/HomeScreenNG/qml/MediaAreaMusic.qml @@ -0,0 +1,68 @@ +import QtQuick 2.6 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 2.0 + +Image { + width: 1080 + height: 215 + source: './images/Utility_Music_Background-01.png' + + ColumnLayout { + anchors.fill: parent + spacing: 1 + RowLayout { + Layout.fillWidth: true + Layout.fillHeight: true + Layout.preferredHeight: 107 + spacing: 10 + Image { + source: './images/MediaMusic/AlbumArtwork.png' + width: 105.298 + height: 110.179 + fillMode: Image.PreserveAspectFit + } + Label { + text: 'Come Together - The Beatles' + font.family: 'Roboto' + font.pixelSize: 32 + color: 'white' + } + } + + RowLayout { + Layout.fillWidth: true + Layout.fillHeight: true + Layout.preferredHeight: 107 + Image { + source: './images/MediaPlayer/AGL_MediaPlayer_BackArrow.png' + } + Image { + source: './images/MediaPlayer/AGL_MediaPlayer_Player_Pause.png' + } + Image { + source: './images/MediaPlayer/AGL_MediaPlayer_ForwardArrow.png' + } + + ProgressBar { + Layout.fillWidth: true + Layout.preferredWidth: 2 + } + + Label { + text: '2:12/4:19' + font.family: 'Roboto' + font.pixelSize: 20 + } + Image { + source: './images/MediaPlayer/AGL_MediaPlayer_Shuffle_Active.png' + } + Image { + source: './images/MediaPlayer/AGL_MediaPlayer_Shuffle_Active.png' + } + ProgressBar { + Layout.fillWidth: true + Layout.preferredWidth: 1 + } + } + } +} |