• 1514阅读
  • 22回复

在学qml,模仿网易云音乐客户端写了个界面,99%模仿 [复制链接]

上一主题 下一主题
离线徐平789699
 

只看楼主 倒序阅读 楼主  发表于: 03-17
效果图:


目前就写了这一个界面
离线徐平789699

只看该作者 1楼 发表于: 03-17
之前只是写了页面,现在实现了播放本地音乐功能,上方可以显示歌曲数量。不过进度条只能通过点击来调节播放位置和音量大小。仍然附上代码:



MyPlayer.zip (112 K) 下载次数:134
离线renzhihe

只看该作者 2楼 发表于: 03-17
厉害啊
离线笑颜

只看该作者 3楼 发表于: 03-17
没有边框,感觉很别扭啊!顺便改乱了下main.qml 加上边框
代码如下:
import QtQuick 2.4
import QtQuick.Window 2.0
import QtQuick.Controls 1.3
import QtQuick.Controls.Styles 1.3
Window {  
            id: mainWindow    
            width: 1024;    
            height: 670;  
            flags: Qt.Window | Qt.FramelessWindowHint;    
           visible: true
         Rectangle {        
                    anchors.fill: parent      
                    color: "#00000000"        
                   border.color: "#C62F2F"      
                   border.width: 2      
                  Rectangle {        
                       anchors.fill: parent      
                     anchors.margins: 2      
                     color: "#00000000"            //标题部分          
                      TitleBar{        
                                mainWindow: mainWindow;        
                                width: parent.width;        
                                height: 50;      
                     }            //底部          
                   BottomBar{          
                                anchors.left: parent.left;            
                                anchors.bottom: parent.bottom;          
                               width: parent.width;        
                  }
            //左部列表          
                 LeftWidget{          
                          anchors.top: parent.top;            
                          anchors.topMargin: 50;        
                          anchors.left: parent.left;          
                          anchors.leftMargin: 2          
                          width: 200;            
                           height: parent.height - 100;      
                  }    
              }  
        }
}

离线徐平789699

只看该作者 4楼 发表于: 03-17
回 笑颜 的帖子
笑颜:没有边框,感觉很别扭啊!顺便改乱了下main.qml 加上边框
代码如下:
import QtQuick 2.4
import QtQuick.Window 2.0
import QtQuick.Controls 1.3
....... (2017-03-17 17:47) 

小白,别笑话
离线z278930050

只看该作者 5楼 发表于: 03-18
离线stlcours

只看该作者 6楼 发表于: 03-19
非常非常好
离线liuzhezhe

只看该作者 7楼 发表于: 03-19
  
离线自强不吸

只看该作者 8楼 发表于: 03-21
    
自强不吸!
离线liuchangyin

只看该作者 9楼 发表于: 03-21
离线徐平789699

只看该作者 10楼 发表于: 03-25
回 stlcours 的帖子
stlcours:非常非常好 [表情] [表情]  (2017-03-19 05:37) 

感谢评价。我遇到一个问题想请教下。我尝试发布一程序,过程都没错,是按照书上来的,可是最后双击打开程序后,没有反应。我在资源管理器的后台程序中找到了这个程序,可是为甚么显示不出来呢??我还是学生,没经验。
4条评分好评度+1贡献值+1金钱+1威望+1
never_forget 好评度 +1 可以的哦 03-28
never_forget 贡献值 +1 可以的哦 03-28
never_forget 威望 +1 可以的哦 03-28
never_forget 金钱 +1 可以的哦 03-28
离线never_forget

只看该作者 11楼 发表于: 03-28
可以的哦
离线wxy555123

只看该作者 12楼 发表于: 03-29
楼主给力啊,我也才学。有没有好的QML教程求分享一下
离线cycloveu

只看该作者 13楼 发表于: 03-31
回 笑颜 的帖子
笑颜:没有边框,感觉很别扭啊!顺便改乱了下main.qml 加上边框
代码如下:
import QtQuick 2.4
import QtQuick.Window 2.0
import QtQuick.Controls 1.3
....... (2017-03-17 17:47) 

加边框不好看,要加边框阴影
离线笑颜

只看该作者 14楼 发表于: 03-31
回 cycloveu 的帖子
cycloveu:加边框不好看,要加边框阴影 (2017-03-31 11:38) 

确实,边框不好看,只是我还没实现过边框阴影效果
离线sjdw

只看该作者 15楼 发表于: 04-11
你好  请问用的 是QT5吗?        
离线herman

只看该作者 16楼 发表于: 04-17
这些按钮的icon图片是在哪儿找的啊

只看该作者 17楼 发表于: 04-18
楼主, 目前只会拖控件 实现功能,   请问 界面部分怎么入门,怎么学
离线星火燎原

只看该作者 18楼 发表于: 04-21
楼主,我现在是运行一个开源项目中的QML文件,但报错说我没有安装这个项目中其他几个模块(qml文件是在这个项目中其中一个模块下,)我要怎样能运行qml文件看到它的画面呢?
离线徐平789699

只看该作者 19楼 发表于: 04-21
回 herman 的帖子
herman:这些按钮的icon图片是在哪儿找的啊 (2017-04-17 19:50) 

站里有个酷狗音乐播放器的源码,里面有图标。也可以直接截图,再ps一下
离线徐平789699

只看该作者 20楼 发表于: 04-21
回 假装不知道 的帖子
假装不知道:楼主, 目前只会拖控件 实现功能,   请问 界面部分怎么入门,怎么学 (2017-04-18 16:33) 

有相关qml的学习书籍啊,比如 《qt quick 核心编程》,《qt 5编程入门》,多看多实践。。。
离线徐平789699

只看该作者 21楼 发表于: 04-21
回 星火燎原 的帖子
星火燎原:楼主,我现在是运行一个开源项目中的QML文件,但报错说我没有安装这个项目中其他几个模块(qml文件是在这个项目中其中一个模块下,)我要怎样能运行qml文件看到它的画面呢? (2017-04-21 11:48) 

一般基本元素比如Rectangle等是可以直接预览的,你可以工具-》外部-》qt quick -》qt quick 2 preview, 你可以设置一个快捷键,选择对应的qml文件后,按下快捷键就可以预览了
离线星火燎原

只看该作者 22楼 发表于: 04-23
谢谢
快速回复
限100 字节
 
上一个 下一个