论坛 › Qt交流 › 音乐播放器1.0版--QT动画制作（十九）

alltolove 发表于 2017-3-10 06:10:34

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

效果：

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 发表于 2017-3-10 09:58:32

楼主不错，学习了

查看完整版本: 音乐播放器1.0版--QT动画制作（十九）