音乐播放器1.0版--QT动画制作（十九）

alltolove

效果：

main.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Controls 1.3
   
3. import QtQuick.Dialogs 1.0
   
4. import QtMultimedia 5.0
   
5. ApplicationWindow {
   
6.     visible: true
   
7.     width: 640
   
8.     height: 480
   
9.     title: qsTr("Hello World")
   
10.     Action{
    
11.         id:open
    
12.         text:"open"
    
13.         onTriggered:fg.open()
    
14.     }
    
15. menuBar:MenuBar{
    
16.     Menu{
    
17.         title: qsTr("File")
    
18.         MenuItem{
    
19.             action: open
    
20.         }
    
21.         MenuItem {
    
22.                         text: qsTr("Exit")
    
23.                         onTriggered: Qt.quit();//退出程序
    
24.                     }
    
25.     }
    
26. 
    
27. }
    
28. FileDialog{
    
29.      id:fg
    
30.      onAccepted: main.rect.music.source=fg.fileUrl
    
31. }
    
32.     MainForm {
    
33.         id:main
    
34.         anchors.fill: parent
    
35. 
    
36.     }
    
37. }
    

复制代码

MainForm.ui.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Controls 1.3
   
3. Rect{
   
4.     property alias rect: rect
   
5.     id:rect
   
6.     anchors.centerIn: parent
   
7. }
   

复制代码

Rect.qml文件：

1. import QtQuick 2.0
   
2. import QtMultimedia 5.0
   
3. import QtQuick.Controls 1.0
   
4. import QtQuick.Controls.Styles 1.0
   
5. 
   
6. Item{
   
7.    property alias music:music
   
8. Row{
   
9.     anchors.centerIn: parent
   
10.     MediaPlayer{
    
11.         id:music
    
12.         loops:MediaPlayer.Infinite//无限循环播放
    
13.         autoPlay: false//自动播放设定为假
    
14.     }
    
15. Button{
    
16.     id:btn
    
17.     text:"play"
    
18.     style:button
    
19.     onClicked: music.play()//开始播放
    
20. }
    
21. Button{
    
22.     id:btn1
    
23.     text:"pause"
    
24.     style: button
    
25.     onClicked: music.pause()//暂停播放
    
26. }
    
27. }
    
28. property Component button:ButtonStyle{
    
29.     background: Rectangle{
    
30.         implicitHeight: 70
    
31.         implicitWidth: 100
    
32.         radius: 5
    
33.         border.width: 2
    
34.         border.color: "gray"
    
35.         /*当控件按下时颜色为灰，否则为白*/
    
36.         color:control.pressed?"darkgray":"white"
    
37.     }
    
38. }
    
39. }
    

复制代码

Preview:明天我们继续完善这个播放器，增加一些其他功能

jackche0214

楼主不错，学习了