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

alltolove

效果：

main.qml文件：

import QtQuick 2.5
import QtQuick.Controls 1.3
import QtQuick.Dialogs 1.0
import QtMultimedia 5.0
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Action{
        id:open
        text:"open"
        onTriggered:fg.open()
    }
 menuBar:MenuBar{
    Menu{
        title: qsTr("File")
        MenuItem{
            action: open
        }
        MenuItem {
                        text: qsTr("Exit")
                        onTriggered: Qt.quit();//退出程序
                    }
    }

 }
 FileDialog{
     id:fg
     onAccepted: main.rect.music.source=fg.fileUrl
 }
    MainForm {
        id:main
        anchors.fill: parent

    }
}

MainForm.ui.qml文件：

import QtQuick 2.5
import QtQuick.Controls 1.3
Rect{
    property alias rect: rect
    id:rect
    anchors.centerIn: parent
}

Rect.qml文件：

import QtQuick 2.0
import QtMultimedia 5.0
import QtQuick.Controls 1.0
import QtQuick.Controls.Styles 1.0

Item{
   property alias music:music
Row{
    anchors.centerIn: parent
    MediaPlayer{
        id:music
        loops:MediaPlayer.Infinite//无限循环播放
        autoPlay: false//自动播放设定为假
    }
Button{
    id:btn
    text:"play"
    style:button
    onClicked: music.play()//开始播放
}
Button{
    id:btn1
    text:"pause"
    style: button
    onClicked: music.pause()//暂停播放
}
}
property Component button:ButtonStyle{
    background: Rectangle{
        implicitHeight: 70
        implicitWidth: 100
        radius: 5
        border.width: 2
        border.color: "gray"
        /*当控件按下时颜色为灰，否则为白*/
        color:control.pressed?"darkgray":"white"
    }
}
}

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

jackche0214

楼主不错，学习了