{"id":34388,"date":"2025-04-29T10:38:29","date_gmt":"2025-04-29T02:38:29","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/34388.html"},"modified":"2025-04-29T10:38:29","modified_gmt":"2025-04-29T02:38:29","slug":"%e5%9f%ba%e4%ba%8eqt%e7%9a%84%e4%bb%bfqq%e9%9f%b3%e4%b9%90%e6%92%ad%e6%94%be%e5%99%a8","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/34388.html","title":{"rendered":"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668"},"content":{"rendered":"

\u4e00\u3001\u9879\u76ee\u4ecb\u7ecd\u00a0<\/h2>\n

\u8be5\u9879\u76ee\u662f\u57fa\u4e8eQT\u5f00\u53d1\u7684\u2fb3\u4e50\u64ad\u653e\u8f6f\u4ef6，\u754c\u9762\u53cb\u597d，\u529f\u80fd\u4e30\u5bcc，\u4e3b\u8981\u529f\u80fd\u5982\u4e0b：<\/span> <\/p>\n

\"\"<\/p>\n

\u7a97\u53e3hand\u90e8\u5206：<\/p>\n

\u70b9\u51fb\u6700\u5c0f\u5316\u6309\u94ae，\u7a97\u53e3\u6700\u5c0f\u5316 <\/span> <\/p>\n

\u70b9\u51fb\u6700\u5927\u5316\u6309\u94ae，\u7a97\u53e3\u6700\u5927\u5316<\/span> <\/p>\n

\u70b9\u51fb\u5173\u95ed\u6309\u94ae，\u7a0b\u5e8f\u9000\u51fa <\/p>\n

\u7a97\u53e3body\u5de6\u4fa7\u90e8\u5206：<\/p>\n

\u70b9\u51fb\u63a8\u8350\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u63a8\u8350Page(\u6682\u65f6\u53ea\u6709\u9875\u9762）<\/span> <\/p>\n

\u70b9\u51fb\u7535\u53f0\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u7535\u53f0Page(\u672a\u2f40\u6301) <\/span> <\/p>\n

\u70b9\u51fb\u97f3\u4e50\u9986\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u97f3\u4e50\u9986Page(\u672a\u2f40\u6301) <\/span> <\/p>\n

\u70b9\u51fb\u6211\u559c\u6b22\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u6536\u85cf\u7684\u97f3\u4e50Page <\/span> <\/p>\n

\u70b9\u51fb\u672c\u5730\u4e0b\u8f7d\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u672c\u5730\u97f3\u4e50Page <\/span> <\/p>\n

\u70b9\u51fb\u6700\u8fd1\u64ad\u653e\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u6700\u8fd1\u64ad\u653ePage<\/span> <\/p>\n

\u00a0\u7a97\u53e3body\u53f3\u4fa7\u90e8\u5206<\/p>\n

\u5f53\u7a97\u53e3\u5de6\u4fa7\u4e0d\u540c\u6309\u94ae\u70b9\u51fb，\u5728\u7a97\u53e3\u53f3\u4fa7\u4f1a\u5c55\u793a\u4e0d\u540c\u7684\u9875\u9762，\u672c\u9879\u76ee\u6682\u53ea\u652f\u6301\u4e86\u672c\u5730\u97f3\u4e50\u3001\u559c\u6b22\u97f3\u4e50\u3001\u6700\u8fd1\u64ad\u653e\u97f3\u4e50\u7684\u5c55\u793a\u3002\u5177\u4f53\u529f\u80fd\u5982\u4e0b： <\/span> <\/p>\n

\u70b9\u51fb\u5168\u90e8\u64ad\u653e\u6309\u94ae，\u64ad\u653e\u5f53\u524d\u9875\u9762\u5217\u8868\u4e2d\u6240\u6709\u97f3\u4e50 <\/span> <\/p>\n

\u53cc\u51fb\u5217\u8868\u4e2d\u67d0\u2fb3\u4e50，\u64ad\u653e\u5f53\u524d\u9009\u4e2d\u97f3\u4e50 <\/span> <\/p>\n

\u70b9\u51fb\u5fc3\u652f\u6301\u6536\u85cf <\/span> <\/p>\n

\u652f\u6301\u6700\u8fd1\u64ad\u653e\u8fc7\u97f3\u4e50\u8bb0\u5fc6<\/span> <\/p>\n

\u70b9\u51fb\u63a8\u8350\u6309\u94ae，\u7a97\u53e3\u53f3\u4fa7\u663e\u793a：\u63a8\u8350Page(\u6682\u53ea\u6709\u9875\u9762)<\/span>\u00a0<\/p>\n

\u64ad\u653e\u63a7\u5236\u533a\u57df<\/p>\n

\u652f\u6301seek\u529f\u80fd，\u5373\u62d6\u62fd\u5230\u6b4c\u66f2\u6307\u5b9a\u4f4d\u7f6e\u64ad\u653e <\/span> <\/p>\n

\u652f\u6301：\u968f\u673a\u3001\u5355\u66f2\u5faa\u73af\u3001\u5faa\u73af\u64ad\u653e <\/span> <\/p>\n

\u652f\u6301\u64ad\u653e\u4e0a\u2f00\u66f2<\/span> <\/p>\n

\u652f\u6301\u64ad\u653e\u4e0b\u2f00\u66f2 <\/span> <\/p>\n

\u652f\u6301\u64ad\u653e\u548c\u6682\u505c <\/span> <\/p>\n

\u652f\u97f3\u91cf\u8c03\u8282\u548c\u9759\u97f3<\/span> <\/p>\n

\u652f\u6301\u6b4c\u66f2\u603b\u65f6\u957f\u663e\u793a\u3001\u5f53\u524d\u64ad\u653e\u65f6\u95f4\u663e\u793a<\/span> <\/p>\n

\u652f\u6301LRC\u6b4c\u8bcd\u540c\u6b65\u663e\u793a<\/span> <\/p>\n

\u4e8c\u3001\u754c\u9762\u5f00\u53d1<\/h2>\n

\u754c\u9762\u5927\u4f53\u4e0a\u5206\u4e3ahead\u548cbody\u4e24\u90e8\u5206<\/p>\n

\"\"<\/p>\n

1\u3001head\u90e8\u5206\u5206\u6790<\/h3>\n

\u4ece\u5de6\u5230\u53f3\u4f9d\u6b64\u4e3a\u56fe\u6807\u3001\u641c\u7d22\u6846\u3001\u66f4\u6362\u76ae\u80a4\u6309\u94ae\u3001\u6700\u5c0f\u5316\u6309\u94ae\u3001\u6700\u5927\u5316\u6309\u94ae\u3001\u5173\u95ed\u6309\u94ae<\/p>\n

\"\"<\/p>\n

2\u3001body\u90e8\u5206\u5206\u6790<\/h3>\n

body\u533a\u57df\u5206\u4e3a\u5de6\u4fa7\u79cd\u7c7b\u9009\u62e9\u533a\u57df\u548c\u53f3\u4fa7Page\u5c55\u793a\u533a\u3002<\/span> <\/p>\n

\"\"<\/p>\n

Body\u5de6\u4fa7\u533a\u57df\u7531\u4e24\u90e8\u5206\u7ec4\u6210：\u5728\u7ebf\u97f3\u4e50 \u548c \u6211\u7684\u97f3\u4e50，\u4e24\u90e8\u5206\u5185\u90e8\u7684\u63a7\u4ef6\u79cd\u7c7b\u662f\u76f8\u540c\u7684\u3002<\/span> <\/p>\n

\"\"Body\u53f3\u4fa7\u90e8\u5206\u7531\u00a0page\u533a\u3001\u64ad\u653e\u8fdb\u5ea6\u3001\u64ad\u653e\u63a7\u5236\u533a\u4e09\u4e2a\u90e8\u5206\u7ec4\u6210<\/p>\n

\"\"<\/p>\n

\u2460page\u533a\u57df：\u6b4c\u66f2\u4fe1\u606f\u9875\u9762，\u70b9\u51fb \u201c<\u201d \u6216 \u201c>\u201d\u5177\u6709\u8f6e\u756a\u64ad\u56fe\u6548\u679c<\/p>\n

\u2461\u64ad\u653e\u8fdb\u5ea6：\u5f53\u524d\u6b4c\u66f2\u64ad\u653e\u8fdb\u5ea6\u8bf4\u660e，\u652f\u6301seek\u529f\u80fd，\u4e0e\u64ad\u653e\u63a7\u5236\u533a\u65f6\u95f4\u3001\u4ee5\u53caLRC\u6b4c\u8bcd\u662f\u540c\u6b65\u7684<\/p>\n

\u2462\u64ad\u653e\u63a7\u5236\u533a\u57df：\u663e\u793a\u6b4c\u66f2\u56fe\u7247&\u540d\u79f0&\u6b4c\u624b\u64ad\u653e\u6a21\u5f0f&\u4e0b\u4e00\u66f2&\u64ad\u653e\u6682\u505c&\u4e0a\u4e00\u66f2&\u97f3\u91cf\u8c03\u8282\u548c\u9759\u97f3&\u6dfb\u52a0\u672c\u5730\u97f3\u4e50\u5f53\u524d\u64ad\u653e\u65f6\u95f4\/\u6b4c\u66f2\u603b\u65f6\u957f&\u5f39\u51fa\u6b4c\u8bcd\u7a97\u53e3\u6309\u94ae<\/p>\n

\u5f53\u70b9\u51fb\u65f6\u7684page\u9875\u9762：<\/p>\n

\"\"<\/p>\n

\u6240\u4ee5\u6211\u559c\u6b22\u3001\u672c\u5730\u97f3\u4e50\u3001\u6700\u8fd1\u64ad\u653e\u5171\u7528\u4e00\u4e2acommonPage\u9875\u9762，<\/p>\n

\u63a8\u8350\u9875\u9762\u9700\u8981\u652f\u6301\u70b9\u51fb\u6309\u94ae\u65f6\u7684\u8f6e\u756a\u5c55\u793a\u6821\u6548\u679c，\u6240\u4ee5\u5355\u72ec\u7528\u4e00\u4e2a\u9875\u9762<\/p>\n

\u00a0\u6b4c\u8bcd\u5c55\u793a<\/p>\n

\"\"<\/p>\n

\u663e\u793a\u5185\u5bb9\u5206\u4e3a：\u6b4c\u66f2\u4fe1\u606f\u3001\u6b4c\u8bcd\u90e8\u5206\u3001\u5de6\u4e0a\u65b9\u6536\u8d77\u9690\u85cf\u6309\u94ae\u3002 \u6b4c\u66f2\u4fe1\u606f\u7531\u6b4c\u66f2\u540d\u79f0(QLabel)\u548c\u6b4c\u624b\u540d\u79f0(QLabel)\u6784\u6210 \u6b4c\u8bcd\u90e8\u5206\u5c55\u793a\u5f53\u524d\u5728\u5531\u6b4c\u8bcd(QLabel)\u548c\u5728\u5531\u90e8\u5206\u524d\u4e09\u884c\u548c\u540e\u4e09\u884c\u6b4c\u8bcd(QLabel)\u5c55\u793a，\u5f53\u524d\u64ad\u653e\u6b4c\u8bcd\u7a81\u51fa\u663e\u793a \u70b9\u51fb\u6536\u8d77\u6309\u94ae\u540e，\u8be5\u9875\u9762\u4f1a\u4ee5\u52a8\u753b\u7684\u65b9\u5f0f\u6536\u8d77 \u5f53\u6b4c\u66f2\u6709LRC\u6b4c\u8bcd\u65f6，\u64ad\u653e\u65f6\u6b4c\u8bcd\u4f1a\u968f\u64ad\u653e\u65f6\u95f4\u81ea\u52a8\u8c03\u6574；\u6b4c\u66f2\u6ca1\u6709LRC\u6b4c\u8bcd\u65f6，\u6b4c\u8bcd\u90e8\u5206\u663e\u793a\u7a7a\u5b57\u7b26\u3002<\/p>\n

\u6b4c\u66f2\u63a7\u5236\u533a<\/p>\n

\"\"<\/p>\n

\u4ece\u5de6\u81f3\u53f3\u4f9d\u6b21\u4e3a<\/p>\n

1\u3001\u6b4c\u66f2\u5c01\u9762\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 2\u3001\u6b4c\u66f2\u4fe1\u606f\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 3\u3001\u5207\u6362\u64ad\u653e\u6a21\u5f0f\u00a0<\/p>\n

4\u3001\u4e0a\u4e00\u66f2\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a05\u3001\u64ad\u653e\/\u6682\u505c\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 6\u3001\u4e0b\u4e00\u66f2<\/p>\n

7\u3001\u8c03\u8282\u58f0\u97f3\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a08\u3001\u6dfb\u52a0\u672c\u5730\u97f3\u4e50\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 9\u3001\u603b\u65f6\u95f4\u4e0e\u5f53\u524d\u64ad\u653e\u65f6\u95f4<\/p>\n

10\u3001\u663e\u793a\u6b4c\u8bcd<\/p>\n

\u00a0QQMusic\u7c7b<\/h2>\n

\u521b\u5efa\u4e00\u4e2aAPPlication，\u5c06ui\u754c\u9762\u7684\u5e03\u5c40\u5b8c\u6210\u540e\u5bf9\u5176\u8fdb\u884c\u754c\u9762\u7f8e\u5316.<\/p>\n

1\u3001widget\u7a97\u53e3\u65e0\u6807\u9898<\/h3>\n

\u5c06\u521d\u59cb\u5316\u754c\u9762\u7684\u5de5\u4f5c\u653e\u5728void initui()\u91cc\u9762,\u5728\u91cc\u9762\u6dfb\u52a0<\/p>\n

\/\/ \u8bbe\u7f6e\u2f46\u8fb9\u6846\u7a97\u2f1d，\u5373\u7a97\u2f1d\u5c06\u6765\u2f46\u6807\u9898\u680f
\n setWindowFlag(Qt::WindowType::FramelessWindowHint); <\/p>\n

2\u3001\u5b9e\u73b0\u9f20\u6807\u62d6\u52a8\u7a97\u53e3<\/h3>\n

\u91cd\u5199QQmusic\u7236\u7c7b\u4e2d\u7684mousepressEvent\u548cmousemoveEventvent\u4e8b\u4ef6；<\/p>\n

\u9f20\u6807\u5de6\u952e\u6309\u4e0b\u65f6，\u8bb0\u5f55\u4e0b\u7a97\u53e3\u5de6\u4e0a\u89d2\u548c\u9f20\u6807\u7684\u76f8\u5bf9\u4f4d\u7f6e； \u9f20\u6807\u79fb\u52a8\u65f6，\u4f1a\u4ea7\u751f\u65b0\u7684\u4f4d\u7f6e，\u4fdd\u6301\u9f20\u6807\u548c\u7a97\u53e3\u5de6\u4e0a\u89d2\u76f8\u5bf9\u4f4d\u7f6e\u4e0d\u53d8，\u901a\u8fc7move\u4fee\u6539\u7a97\u53e3\u7684\u5de6\u4e0a\u89d2\u5750\u6807\u5373\u53ef\u3002<\/p>\n

void QQMusic::mousePressEvent(QMouseEvent* event)
\n{
\n \/\/ \u62e6\u622a\u2fcf\u6807\u5de6\u952e\u5355\u51fb\u4e8b\u4ef6
\n if (event->button() == Qt::LeftButton)
\n {
\n \/\/ event->globalPos()：\u2fcf\u6807\u6309\u4e0b\u4e8b\u4ef6\u53d1\u2f63\u65f6，\u5149\u6807\u76f8\u5bf9\u4e8e\u5c4f\u5e55\u5de6\u4e0a\u2ec6\u4f4d\u7f6e
\n \/\/ frameGeometry().topLeft(): \u2fcf\u6807\u6309\u4e0b\u4e8b\u4ef6\u53d1\u2f63\u65f6，\u7a97\u2f1d\u5de6\u4e0a\u2ec6\u4f4d\u7f6e
\n \/\/ geometry(): \u4e0d\u5305\u62ec\u8fb9\u6846\u53ca\u9876\u90e8\u6807\u9898\u533a\u7684\u8303\u56f4
\n \/\/ frameGeometry(): \u5305\u62ec\u8fb9\u6846\u53ca\u9876\u90e8\u6807\u9898\u533a\u7684\u8303\u56f4
\n \/\/ event->globalPos() – frameGeometry().topLeft() \u5373\u4e3a：
\n \/\/ \u2fcf\u6807\u6309\u4e0b\u65f6，\u7a97\u2f1d\u5de6\u4e0a\u2ec6\u548c\u5149\u6807\u4e4b\u95f4\u7684\u8ddd\u79bb\u5dee
\n \/\/ \u60f3\u8981\u7a97\u2f1d\u2fcf\u6807\u6309\u4e0b\u65f6\u7a97\u2f1d\u79fb\u52a8，\u53ea\u9700\u8981\u5728mouseMoveEvent\u4e2d，\u8ba9\u5149\u6807\u548c\u7a97\u2f1d\u5de6\u4e0a\u2ec6\u4fdd\u6301\u76f8\u540c\u7684\u4f4d\u7f6e\u5dee
\n \/\/ \u83b7\u53d6\u2fcf\u6807\u76f8\u5bf9\u4e8e\u5c4f\u5e55\u5de6\u4e0a\u2ec6\u7684\u5168\u5c40\u5750\u6807
\n dragPosition = event->globalPos() – frameGeometry().topLeft();
\n return;
\n }
\n QWidget::mousePressEvent(event);
\n}
\nvoid QQMusic::mouseMoveEvent(QMouseEvent* event)
\n{
\n if (event->buttons() == Qt::LeftButton)
\n {
\n \/\/ \u6839\u636e\u2fcf\u6807\u79fb\u52a8\u66f4\u65b0\u7a97\u2f1d\u4f4d\u7f6e
\n move(event->globalPos() – dragPosition);
\n return;
\n }
\n QWidget::mouseMoveEvent(event);
\n} <\/p>\n

3\u3001\u7ed9\u7a97\u53e3\u6dfb\u52a0\u9634\u5f71<\/span><\/h3>\n

\u5728 <\/span>
\n initUI() <\/span>
\n \u51fd\u6570\u4e2d\u6dfb\u52a0：<\/span> <\/p>\n

\/\/ \u8bbe\u7f6e\u7a97\u2f1d\u80cc\u666f\u900f\u660e
\nthis->setAttribute(Qt::WA_TranslucentBackground);<\/p>\n

\/\/ \u7ed9\u7a97\u2f1d\u8bbe\u7f6e\u9634\u5f71\u6548\u679c
\nQGraphicsDropShadowEffect* shadowEffect = new QGraphicsDropShadowEffect(this);
\nshadowEffect->setOffset(0, 0); \/\/ \u8bbe\u7f6e\u9634\u5f71\u504f\u79fb
\nshadowEffect->setColor("#000000"); \/\/ \u8bbe\u7f6e\u9634\u5f71\u989c\u2f8a：\u2fca\u2f8a
\nshadowEffect->setBlurRadius(10); \/\/ \u8bbe\u7f6e\u9634\u5f71\u7684\u6a21\u7cca\u534a\u5f84
\nthis->setGraphicsEffect(shadowEffect); <\/p>\n

BtForm\u7c7b<\/h2>\n

\u6dfb\u52a0\u4e00\u4e2a\u65b0\u8bbe\u8ba1\u5e08\u754c\u9762，\u547d\u540d\u4e3aBtForm<\/p>\n

\"\"<\/p>\n<\/p>\n

\u00a0\"\"<\/p>\n

\u5c06bfForm\u7684ui\u754c\u9762\u8bbe\u8ba1\u597d\u540e，\u5c06QQmusic\u7684ui\u754c\u9762\u7684\u76f8\u5173\u7684QWidget\u5168\u90e8\u63d0\u5347\u4e3aBtForm\u3002<\/span><\/p>\n

\u6548\u679c\u56fe：<\/span><\/p>\n

\"\"<\/p>\n

1\u3001\u8bbe\u7f6e\u6309\u94ae\u4e0a\u7684\u56fe\u7247\u548c\u6587\u5b57\u4fe1\u606f，\u4ee5\u53ca\u8be5\u6309\u94ae\u5173\u8054\u7684page\u9875\u9762<\/span><\/h3>\n

void btFrom::seticon(QString btIcon, QString btText, int mid)
\n{
\n \/\/ \u8bbe\u7f6e\u2f83\u5b9a\u4e49\u6309\u94ae\u7684\u56fe\u2f5a\u3001\u2f42\u5b57\u3001\u4ee5\u53caid
\n ui->btIcon->setPixmap(QPixmap(btIcon));
\n ui->btText->setText(btText);
\n this->id = mid;
\n} <\/p>\n

\u5728QQMusic.cpp\u7684initUI()\u51fd\u6570\u4e2d\u65b0\u589e：<\/span> <\/p>\n

\/\/ \u8bbe\u7f6eBodyLeft\u4e2d6\u4e2abtForm\u7684\u4fe1\u606f
\n ui->rec->seticon(":\/images\/rec.png", "\u63a8\u8350", 1);
\n ui->music->seticon(":\/images\/music.png", "\u2fb3\u4e50\u9986", 2);
\n ui->audio->seticon(":\/images\/radio.png", "\u7535\u53f0", 3);
\n ui->like->seticon(":\/images\/like.png", "\u6211\u559c\u6b22", 4);
\n ui->local->seticon(":\/images\/local.png", "\u672c\u5730\u4e0b\u8f7d", 5);
\n ui->recent->seticon(":\/images\/recent.png", "\u6700\u8fd1\u64ad\u653e", 6); <\/p>\n

2\u3001\u6309\u4e0bbtForm\u952e\u540e\u7684\u54cd\u5e94（\u91cd\u5199\u5176\u7236\u7c7b\u7684mousePressEvent）<\/h3>\n

\u5f53\u6309\u94ae\u6309\u4e0b\u65f6：\u2460\u6309\u94ae\u989c\u8272\u53d1\u751f\u53d8\u5316 \u2461\u7ed9QQMusic\u7c7b\u53d1\u9001click\u4fe1\u53f7<\/p>\n

void btFrom::mousePressEvent(QMouseEvent* event)
\n{
\n \/\/ \u544a\u8bc9\u7f16\u8bd1\u5668\u4e0d\u8981\u89e6\u53d1\u8b66\u544a
\n (void)event;
\n \/\/ \u2fcf\u6807\u70b9\u51fb\u4e4b\u540e，\u80cc\u666f\u53d8\u4e3a\u7eff\u2f8a，\u2f42\u5b57\u53d8\u4e3a\u2f69\u2f8a
\n ui->btStyle->setStyleSheet("#btStyle{ background:rgb(30,206,154);} *{color:#F6F6F6; }");
\n emit click(this->id); \/\/ \u53d1\u9001\u2fcf\u6807\u70b9\u51fb\u4fe1\u53f7
\n} <\/p>\n

\u2462QQMusic\u7c7b\u5904\u7406\u8be5\u4fe1\u53f7，\u5185\u90e8：\u5b9e\u73b0\u7a97\u53e3\u5207\u6362，\u5e76\u6e05\u9664\u4e0a\u6b21\u6309\u94ae\u70b9\u51fb\u7559\u4e0b\u7684\u6837\u5f0f，\u56e0\u6b64QQMuisc\u4e2d\u9700\u8981\u65b0\u589e：<\/p>\n

\/\/ qqmusic.cpp \u65b0\u589e
\nvoid QQMusic::connectSignalAndSlot()
\n{
\n \/\/ …
\n \/\/ \u2f83\u5b9a\u4e49\u7684btFrom\u6309\u94ae\u70b9\u51fb\u4fe1\u53f7，\u5f53btForm\u70b9\u51fb\u540e，\u8bbe\u7f6e\u5bf9\u5e94\u7684\u5806\u53e0\u7a97\u2f1d
\n connect(ui->rec, &btFrom::click, this, &QQMusic::onBtFormClick);
\n connect(ui->musics, &btFrom::click, this, &QQMusic::onBtFormClick);
\n connect(ui->audio, &btFrom::click, this, &QQMusic::onBtFormClick);
\n connect(ui->like, &btFrom::click, this, &QQMusic::onBtFormClick);
\n connect(ui->local, &btFrom::click, this, &QQMusic::onBtFormClick);
\n connect(ui->recent, &btFrom::click, this, &QQMusic::onBtFormClick);
\n}<\/p>\n

void Widget::onBtFormClick(int id)
\n{
\n \/\/ 1.\u83b7\u53d6\u5f53\u524d\u2eda\u2faf\u6240\u6709btFrom\u6309\u94ae\u7c7b\u578b\u7684\u5bf9\u8c61
\n QList<BtForm*> buttonList = this->findChildren<BtForm*>();
\n \/\/ 2.\u904d\u5386\u6240\u6709\u5bf9\u8c61, \u5982\u679c\u4e0d\u662f\u5f53\u524did\u7684\u6309\u94ae,\u5219\u628a\u4e4b\u524d\u8bbe\u7f6e\u7684\u80cc\u666f\u989c\u2f8a\u6e05\u9664\u6389
\n foreach(BtForm * btitem, buttonList)
\n {
\n if (id != btitem->getId())
\n {
\n btitem->clearBg();
\n }
\n }
\n \/\/ 3.\u8bbe\u7f6e\u5f53\u524d\u6808\u7a7a\u95f4\u663e\u2f70\u2eda\u2faf
\n ui->stackedWidget->setCurrentIndex(id – 1);
\n} <\/p>\n

bfFom\u7c7b\u4e2d\u6dfb\u52a0：<\/p>\n

\/\/ btform.cpp \u65b0\u589e：
\nvoid BtForm::clearBg()
\n{
\n \/\/ \u6e05\u9664\u4e0a\u2f00\u4e2a\u6309\u94ae\u70b9\u51fb\u7684\u80cc\u666f\u6548\u679c,\u6062\u590d\u4e4b\u524d\u7684\u6837\u5f0f
\n ui->btStyle->setStyleSheet("#btStyle:hover{ background:#D8D8D8;} ");
\n}
\nint BtForm::getId()
\n{
\n return id;
\n} <\/p>\n

3\u3001btForm\u7c7b\u4e2d\u7684\u52a8\u753b\u6548\u679c<\/h3>\n

\u5373\u7ed9bfForm\u7c7b\u4e2d\u76844\u4e2aQLabel\u8bbe\u7f6e\u52a8\u753b\u6548\u679c，\u5728btFrom\u7c7b\u4e2d\u7684\u6784\u9020\u51fd\u6570\u4e2d\u65b0\u589e，\u91cc\u9762\u7684QRect\u7c7b\u7684\u53c2\u6570\u6839\u636e\u81ea\u5df1\u8bbe\u7f6e\u7684ui\u754c\u9762\u7684\u6807\u51c6\u6765\u786e\u5b9a<\/p>\n

\/\/ \u8bbe\u7f6eline1\u7684\u52a8\u753b\u6548\u679c
\nline1Animal = new QPropertyAnimation(ui->line1, "geometry", this);
\nline1Animal->setDuration(1500); \/\/\u6301\u7eed\u65f6\u95f4
\nline1Animal->setKeyValueAt(0, QRect(0, 15, 2, 0)); \/\/\u5173\u952e\u5e27
\nline1Animal->setKeyValueAt(0.5, QRect(0, 0, 2, 15));
\nline1Animal->setKeyValueAt(1, QRect(0, 15, 2, 0));
\nline1Animal->setLoopCount(-1); \/\/\u5faa\u73af\u6b21\u6570
\nline1Animal->start();
\n\/\/ \u8bbe\u7f6eline2\u7684\u52a8\u753b\u6548\u679c
\nline2Animal = new QPropertyAnimation(ui->line2, "geometry", this);
\nline2Animal->setDuration(1600);
\nline2Animal->setKeyValueAt(0, QRect(7, 15, 2, 0));
\nline2Animal->setKeyValueAt(0.5, QRect(7, 0, 2, 15));
\nline2Animal->setKeyValueAt(1, QRect(7, 15, 2, 0));
\nline2Animal->setLoopCount(-1);
\nline2Animal->start();
\n\/\/ \u8bbe\u7f6eline3\u7684\u52a8\u753b\u6548\u679c
\nline3Animal = new QPropertyAnimation(ui->line3, "geometry", this);
\nline3Animal->setDuration(1700);
\nline3Animal->setKeyValueAt(0, QRect(14, 15, 2, 0));
\nline3Animal->setKeyValueAt(0.5, QRect(14, 0, 2, 15));
\nline3Animal->setKeyValueAt(1, QRect(14, 15, 2, 0));
\nline3Animal->setLoopCount(-1);
\nline3Animal->start();
\n\/\/ \u8bbe\u7f6eline4\u7684\u52a8\u753b\u6548\u679c
\nline4Animal = new QPropertyAnimation(ui->line4, "geometry", this);
\nline4Animal->setDuration(1800);
\nline4Animal->setKeyValueAt(0, QRect(21, 15, 2, 0));
\nline4Animal->setKeyValueAt(0.5, QRect(21, 0, 2, 15));
\nline4Animal->setKeyValueAt(1, QRect(21, 15, 2, 0));
\nline4Animal->setLoopCount(-1);
\nline4Animal->start();
\n} <\/p>\n

\u52a8\u753b\u5e76\u4e0d\u662f\u6240\u6709\u9875\u9762\u90fd\u663e\u793a，\u53ea\u6709\u5f53\u524d\u9009\u4e2d\u7684\u9875\u9762\u663e\u793a，\u6240\u4ee5\u9ed8\u8ba4\u60c5\u51b5\u4e0b，\u52a8\u753b\u9690\u85cf\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b\u8bbe\u7f6eaddlocal\u663e\u793a\u3002<\/p>\n

\/\/ btform.cpp\u7684\u4e2d\u65b0\u589e：
\nvoid btFrom::showAnimal()
\n{
\n \/\/ \u663e\u2f70linebox, \u8bbe\u7f6e\u989c\u2f8a\u4e3a\u7eff\u2f8a
\n ui->linebox->show();
\n} <\/p>\n

QQMusic\u7684initUI\u4e2d\u8bbe\u7f6e\u9ed8\u8ba4\u9009\u4e2d <\/p>\n

\/\/ \u672c\u5730\u4e0b\u8f7dBtForm\u52a8\u753b\u9ed8\u8ba4\u663e\u2f70
\n ui->local->showAnimal();
\n ui->stackedWidget->setCurrentIndex(4); <\/p>\n

<\/h2>\n

\u63a8\u8350\u9875\u9762（recPage\u7c7b）<\/h2>\n

1\u3001recPage\u81ea\u5b9a\u4e49<\/h3>\n

\u5206\u6790：<\/p>\n

\"\"<\/p>\n

\u2460"\u63a8\u8350"\u6587\u672c\u63d0\u793a，\u5373QLabel \u2461"\u4eca\u65e5\u4e3a\u4f60\u63a8\u8350"\u6587\u672c\u63d0\u793a，\u5373QLabel \u2462\u5177\u4f53\u63a8\u8350\u7684\u6b4c\u66f2\u5185\u5bb9，\u70b9\u51fb\u5de6\u53f3\u4e24\u4fa7\u7ffb\u9875\u6309\u94ae，\u5177\u6709\u8f6e\u756a\u56fe\u6548\u679c，\u5c06\u5149\u6807\u653e\u5230\u56fe\u4e0a，\u6709\u56fe\u7247\u4e0a\u79fb\u52a8\u753b \u2463"\u4f60\u7684\u6b4c\u66f2\u8865\u7ed9\u7ad9"\u6587\u672c\u63d0\u793a，\u5373QLabel\u5177\u4f53\u663e\u793a\u97f3\u4e50，\u548c\u2462\u5b9e\u9645\u662f\u4e00\u6837\u7684，\u4e0d\u540c\u7684\u662f\u2462\u4e2d\u97f3\u4e50\u53ea\u6709\u4e00\u884c，\u2464\u4e2d\u7684\u97f3\u4e50\u6709\u4e24\u884c\u56e0\u4e3a\u9875\u9762\u4e2d\u5143\u7d20\u8f83\u591a，\u76f4\u63a5\u6446\u5230\u4e00\u4e2a\u9875\u9762\u592a\u62e5\u6324，\u4ece\u53f3\u4fa7\u7684\u6eda\u52a8\u6761\u53ef\u4ee5\u770b\u51fa，\u6574\u4e2a\u9875\u9762\u4e2d\u7684\u5143\u7d20\u90fd\u653e\u7f6e\u5728QScrollArea\u4e2d\u3002<\/p>\n

\u4ed4\u7ec6\u5206\u6790\u2462\u53d1\u73b0，\u91cc\u9762\u5305\u542b\u4e86：\u00a0<\/p>\n

\"\"<\/p>\n

\u5de6\u53f3\u5404\u4e24\u4e2a\u6309\u94ae，\u70b9\u51fb\u4e4b\u540e\u4e2d\u95f4\u7684\u56fe\u7247\u4f1a\u5de6\u53f3\u79fb\u52a8，Qt\u4e2d\u672a\u63d0\u4f9b\u7c7b\u4f3c\u8be5\u79cd\u7ec4\u5408\u63a7\u4ef6，\u56e0\u6b64\u2462\u5b9e\u9645\u4e3a\u81ea\u5b9a\u4e49\u63a7\u4ef6\u3002 \u2462\u4e2d\u6309\u94ae\u4e4b\u95f4\u7684\u5143\u7d20，\u7531\u56fe\u7247\u548c\u5e95\u4e0b\u7684\u6587\u5b57\u7ec4\u6210，\u5f53\u5149\u6807\u653e\u5728\u56fe\u7247\u4e0a\u4f1a\u6709\u4e0a\u79fb\u7684\u52a8\u753b，\u56e0\u6b64\u8be5\u5143\u7d20\u5b9e\u9645\u4e5f\u4e3a\u81ea\u5b9a\u4e49\u63a7\u4ef6\u3002\u00a0<\/p>\n

\"\"<\/p>\n

\u5b8c\u6210\u5e03\u5c40\u540e\u7684\u6548\u679c：<\/p>\n

\"\"<\/p>\n

\u00a02\u3001\u81ea\u5b9a\u4e49recBox<\/h3>\n

\u5b8c\u6210\u5e03\u5c40\u540e\u7684\u6548\u679c<\/p>\n

\"\"<\/p>\n

\u5c06QQMusic\u4e3b\u754c\u9762\u4e2drecPage\u9875\u9762\u4e2d\u7684recMusicBox\u548csupplyMusicBox\u63d0\u5347\u4e3aRecBox，\u5c31\u80fd\u770b\u5230\u5982\u4e0b\u6548\u679c\u3002\u00a0<\/p>\n

\"\"<\/p>\n

3\u3001\u81ea\u5b9a\u4e49recBoxItem<\/span><\/h3>\n

\u5b8c\u6210\u5e03\u5c40\u540e\u7684\u6548\u679c<\/p>\n

\"\"<\/p>\n

4\u3001RecBoxItem\u7c7b\u4e2d\u6dfb\u52a0\u52a8\u753b\u6548\u679c<\/span>\u00a0<\/h3>\n

\u5728RecBoxItem\u7c7b\u4e2d\u62e6\u622a\u9f20\u6807\u8fdb\u5165\u548c\u79bb\u5f00\u4e8b\u4ef6，\u5728\u8fdb\u5165\u65f6\u8ba9\u56fe\u7247\u4e0a\u79fb，\u5728\u79bb\u5f00\u65f6\u8ba9\u56fe\u7247\u4e0b\u79fb\u56de\u5230\u539f\u4f4d\u3002<\/span> <\/p>\n

\u5728RecBoxItem.cpp\u65b0\u589e<\/span> <\/p>\n

#include <QPropertyAnimation>
\n#include <QDebug>
\nbool RecBoxItem::eventFilter(QObject* watched, QEvent* event)
\n{
\n \/\/ \u6ce8\u610f：recItem\u4e0a\u6709\u2f00\u4e2a\u6309\u94ae，\u5f53\u2fcf\u6807\u653e\u5728\u6309\u94ae\u4e0a\u65f6\u5728\u5f00\u542f\u52a8\u753b
\n if (watched == ui->musicImageBox)
\n {
\n int ImgWidget = ui->musicImageBox->width();
\n int ImgHeight = ui->musicImageBox->height();
\n \/\/ \u62e6\u622a\u2fcf\u6807\u8fdb\u2f0a\u4e8b\u4ef6
\n if (event->type() == QEvent::Enter)
\n {
\n QPropertyAnimation* animation = new QPropertyAnimation(ui -> musicImageBox, "geometry");
\n animation->setDuration(100);
\n animation->setStartValue(QRect(9, 10, ImgWidget, ImgHeight));
\n animation->setEndValue(QRect(9, 0, ImgWidget, ImgHeight));
\n animation->start();
\n \/\/ \u6ce8\u610f：\u52a8\u753b\u7ed3\u675f\u7684\u65f6\u5019\u4f1a\u89e6\u53d1finished\u4fe1\u53f7，\u62e6\u622a\u5230\u8be5\u4fe1\u53f7，\u9500\u6bc1animation
\n connect(animation, &QPropertyAnimation::finished, this, [=]() {
\n delete animation;
\n qDebug() << "\u56fe\u2f5a\u4e0a\u79fb\u52a8\u753b\u7ed3\u675f";
\n });
\n return true;
\n }
\n else if (event->type() == QEvent::Leave)
\n {
\n \/\/ \u62e6\u622a\u2fcf\u6807\u79bb\u5f00\u4e8b\u4ef6
\n QPropertyAnimation* animation = new QPropertyAnimation(ui -> musicImageBox, "geometry");
\n animation->setDuration(150);
\n animation->setStartValue(QRect(9, 0, ImgWidget, ImgHeight));
\n animation->setEndValue(QRect(9, 10, ImgWidget, ImgHeight));
\n animation->start();
\n \/\/ \u6ce8\u610f：\u52a8\u753b\u7ed3\u675f\u7684\u65f6\u5019\u4f1a\u89e6\u53d1finished\u4fe1\u53f7，\u62e6\u622a\u5230\u8be5\u4fe1\u53f7，\u9500\u6bc1animation
\n connect(animation, &QPropertyAnimation::finished, this, [=]() {
\n delete animation;
\n qDebug() << "\u56fe\u2f5a\u4e0a\u79fb\u52a8\u753b\u7ed3\u675f";
\n });
\n return true;
\n }
\n }
\n return QObject::eventFilter(watched, event);
\n} <\/p>\n

\u6ce8\u610f：\u62e6\u622a\u4e8b\u4ef6\u5904\u7406\u5668\u65f6\u4e00\u5b9a\u8981\u5148\u5b89\u88c5\u4e8b\u4ef6\u5904\u7406\u5668<\/p>\n

\/\/ \u6ce8\u610f：\u4e0d\u8981\u5fd8\u8bb0\u4e8b\u4ef6\u62e6\u622a\u5668\u5b89\u88c5，\u5426\u5219\u65f6\u95f4\u62e6\u622a\u4e0d\u5230，\u56e0\u6b64\u9700\u8981\u5728\u6784\u9020\u51fd\u6570\u4e2d\u6dfb\u52a0：
\n\/\/ \u62e6\u622a\u4e8b\u4ef6\u5904\u7406\u5668\u65f6，\u2f00\u5b9a\u8981\u5b89\u88c5\u4e8b\u4ef6\u62e6\u622a\u5668
\nui->musicImageBox->installEventFilter(this); <\/p>\n

\u8be5\u7c7b\u4e2d\u8fd8\u9700\u8981\u6dfb\u52a0\u8bbe\u7f6e\u63a8\u8350\u6587\u672c\u548c\u56fe\u7247\u7684\u65b9\u6cd5，\u5c06\u6765\u9700\u8981\u5728\u5916\u90e8\u6765\u8bbe\u7f6e\u6bcf\u4e2a\u91cd\u65b0\u6846\u9879\u76ee\u7684\u6587\u672c\u548c\u56fe \u7247：<\/p>\n

\/\/ RecBoxItem.cpp \u65b0\u589e
\nvoid RecBoxItem::setText(const QString& text)
\n{
\n ui->recBoxItemText->setText(text);
\n}
\nvoid RecBoxItem::setImage(const QString& Imagepath)
\n{
\n QString imgStyle = "border-image:url("+Imagepath+");";
\n ui->recMusicImg->setStyleSheet(imgStyle);
\n} <\/p>\n

5\u3001RecBox\u6dfb\u52a0RecBoxItem<\/span><\/h3>\n

\u56fe\u7247\u8def\u5f84\u548c\u63a8\u8350\u6587\u672c\u51c6\u5907<\/h4>\n

\u6bcf\u4e2aRecBoxltem\u90fd\u6709\u5bf9\u5e94\u7684\u56fe\u7247\u548c\u63a8\u8350\u6587\u672c，\u5728\u5f80RecBox\u4e2d\u6dfb\u52a0RecBoxltem\u524d\u9700\u8981\u5148\u5c06\u56fe\u7247\u8def\u5f84\u548c\u5bf9\u5e94\u6587\u672c\u51c6\u5907\u597d\u3002\u7531\u4e8e\u56fe\u7247\u548c\u6587\u672c\u5177\u6709\u5bf9\u5e94\u5173\u7cfb，\u53ef\u4ee5\u4ee5\u952e\u503c\u5bf9\u65b9\u5f0f\u6765\u8fdb\u884c\u7ec4\u7ec7，\u4ee5\u4e0b\u5b9e\u73b0\u7684\u65f6\u91c7\u7528QT\u5185\u7f6e\u7684QJsonObject\u5bf9\u8c61\u7ba1\u7406\u56fe\u7247\u8def\u5f84\u548c\u6587\u672c\u5185\u5bb9\u3002<\/span><\/p>\n

\u4f7f\u7528QT\u5185\u7f6e\u7684QJsonObject\u5bf9\u8c61\u7ba1\u7406\u56fe\u7247\u8def\u5f84\u548c\u6587\u672c\u5185\u5bb9，\u56fe\u7247\u8def\u5f84\u548c\u5bf9\u5e94\u6587\u672c\u7684\u51c6\u5907\u5de5\u4f5c，\u5e94\u8be5\u5728QQMusic\u7c7b\u4e2d\u5904\u7406\u597d，RecBoxItem\u53ea\u8d1f\u8d23\u8bbe\u7f6eRecBox，\u56e0\u6b64\u8be5\u51c6\u5907\u5de5\u4f5c\u9700\u8981\u5728QQMusic\u7c7b\u4e2d\u8fdb\u884c，\u5728QQMusic\u4e2d\u9700\u8981\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801：<\/span><\/p>\n

\/\/ \u8bbe\u7f6e\u968f\u673a\u56fe\u2f5a\u3010\u6b4c\u66f2\u7684\u56fe\u2f5a\u3011
\nQJsonArray QQMusic::randomPiction()
\n{
\n \/\/ \u63a8\u8350\u2f42\u672c + \u63a8\u8350\u56fe\u2f5a\u8def\u5f84
\n QVector<QString> vecImageName;
\n vecImageName << "001.png" << "003.png" << "004.png" << "005.png" << "006.png" << "007.png"
\n << "008.png" << "009.png" << "010.png" << "011.png" << "012.png"<< "013.png"
\n << "014.png" << "015.png" << "016.png" << "017.png" << "018.png"<< "019.png"
\n << "020.png" << "021.png" << "022.png" << "023.png" << "024.png"<< "025.png"
\n << "026.png" << "027.png" << "028.png" << "029.png" << "030.png"<< "031.png"
\n << "032.png" << "033.png" << "034.png" << "035.png" << "036.png"<< "037.png"
\n << "038.png" << "039.png" << "040.png";
\n std::random_shuffle(vecImageName.begin(), vecImageName.end());
\n \/\/ 001.png
\n \/\/ path: ":\/images\/rec\/"+vecImageName[i];
\n \/\/ text: "\u63a8\u8350-001"
\n QJsonArray objArray;
\n for (int i = 0; i < vecImageName.size(); ++i)
\n {
\n QJsonObject obj;
\n obj.insert("path", ":\/images\/rec\/" + vecImageName[i]);
\n \/\/ arg(i, 3, 10, QCchar('0'))
\n \/\/ i：\u8981\u653e\u2f0a%1\u4f4d\u7f6e\u7684\u6570\u636e
\n \/\/ 3: \u4e09\u4f4d\u6570
\n \/\/ 10：\u8868\u2f70\u2f17\u8fdb\u5236\u6570
\n \/\/ QChar('0')：\u6570\u5b57\u4e0d\u591f\u4e09\u4f4d，\u524d\u2faf\u2f64\u5b57\u7b26'0'\u586b\u5145
\n QString strText = QString("\u63a8\u8350-%1").arg(i, 3, 10, QChar('0'));
\n obj.insert("text", strText);
\n objArray.append(obj);
\n }
\n return objArray;
\n} <\/p>\n

recBox\u4e2d\u6dfb\u52a0\u5143\u7d20<\/h4>\n

\u7531\u4e8erecPage\u9875\u9762\u4e2d\u6709\u4e24\u4e2aRecBox\u63a7\u4ef6，\u4e0a\u9762\u7684RecBox\u4e3a\u4e00\u884c\u56db\u5217，\u4e0b\u65b9\u7684RecBox\u4e3a2\u884c\u56db\u5217，\u56e0\u6b64\u5728RecBox\u7c7b\u4e2d\u65b0\u589e\u52a0\u4ee5\u4e0b\u6210\u5458\u53d8\u91cf：<\/p>\n

#include <QJsonArray>
\npublic:
\n void initRecBoxUi(QJsonArray data, int row);<\/p>\n

private:
\n int row; \/\/ \u8bb0\u5f55\u5f53\u524dRecBox\u5b9e\u9645\u603b\u2f8f\u6570
\n int col; \/\/ \u8bb0\u5f55\u5f53\u524dRecBox\u5b9e\u9645\u6bcf\u2f8f\u6709\u2f0f\u4e2a\u5143\u7d20
\n QJsonArray imageList; \/\/ \u4fdd\u5b58\u754c\u2faf\u4e0a\u7684\u56fe\u2f5a, \u2fa5\u2faf\u5b9e\u9645\u4e3akey\u3001value\u952e\u503c\u5bf9 <\/p>\n

RecBox\u7684\u6784\u9020\u51fd\u6570\u4e2d，\u5c06row\u548ccol\u9ed8\u8ba4\u8bbe\u7f6e\u4e3a1\u548c4，count\u9700\u8981\u5177\u4f53\u6765\u8ba1\u7b97：<\/p>\n

RecBox::RecBox(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::RecBox),
\n row(1),
\n col(4)
\n{
\n ui->setupUi(this);
\n}
\nvoid RecBox::initRecBoxUi(QJsonArray data, int row)
\n{
\n \/\/ \u5982\u679c\u662f\u4e24\u2f8f，\u8bf4\u660e\u5f53\u524dRecBox\u662f\u4e3b\u754c\u2faf\u4e0a\u7684supplyMusicBox
\n if (2 == row)
\n {
\n this->row = row;
\n this->col = 8;
\n }
\n else
\n {
\n \/\/ \u5426\u5219：\u53ea\u6709\u2f00\u2f8f，\u4e3a\u4e3b\u754c\u2faf\u4e0arecMusicBox
\n ui->recBoxBottom->hide();
\n }
\n \/\/ \u56fe\u2f5a\u4fdd\u5b58\u8d77\u6765
\n imageList = data;
\n \/\/ \u5f80RecBox\u4e2d\u6dfb\u52a0\u56fe\u2f5a
\n createRecItem();
\n}
\nvoid RecBox::createRecBoxItem()
\n{
\n \/\/ \u521b\u5efaRecBoxItem\u5bf9\u8c61，\u5f80RecBox\u4e2d\u6dfb\u52a0
\n \/\/ col
\n for (int i = 0; i < col; ++i)
\n {
\n RecBoxItem* item = new RecBoxItem();
\n \/\/ \u8bbe\u7f6e\u2fb3\u4e50\u56fe\u2f5a\u4e0e\u5bf9\u5e94\u2f42\u672c
\n QJsonObject obj = imageList[i].toObject();
\n item->setRecText(obj.value("text").toString());
\n item->setRecImage(obj.value("path").toString());
\n \/\/ recMusicBox：col\u4e3a4，\u5143\u7d20\u6dfb\u52a0\u5230ui->recListUpHLayout\u4e2d
\n \/\/ supplyMuscBox: col\u4e3a8， ui->recListUpHLayout\u6dfb\u52a04\u4e2a，ui->recListDownHLayout\u6dfb\u52a04\u4e2a
\n \/\/ \u5373supplyMuscBox\u4e0a\u4e0b\u4e24\u2f8f\u90fd\u8981\u6dfb\u52a0
\n \/\/ \u5982\u679c\u662frecMusicBox：row\u4e3a1，\u53ea\u80fd\u6267\u2f8felse，\u6240\u67094\u4e2aRecBoxItem\u90fd\u6dfb\u52a0\u5230ui->recListUpHLayout\u4e2d
\n \/\/ \u5982\u679c\u662fsupplyMuscBox：row\u4e3a2，col\u4e3a8，col\/2\u7ed3\u679c\u4e3a4，i\u4e3a0 1 2 3\u65f6，\u5143\u7d20\u6dfb\u52a0\u5230ui->recListDownHLayout\u4e2d
\n \/\/ i\u4e3a4 5 6 7\u65f6，\u5143\u7d20\u6dfb\u52a0\u5230ui->recListUpHLayout\u4e2d
\n if (i >= col \/ 2 && row == 2)
\n {
\n ui->recListDownHLayout->addWidget(item);
\n }
\n else
\n {
\n ui->recListUpHLayout->addWidget(item);
\n }
\n }
\n} <\/p>\n

6\u3001RecBox\u4e2dbtUp\u548cbtDown\u6309\u94aeclicked\u5904\u7406<\/h3>\n

\u6dfb\u52a0\u69fd\u51fd\u6570<\/h4>\n

\u9009\u4e2drecbox.ui\u6587\u4ef6，\u5206\u522b\u9009\u4e2dbtUp\u548cbtDown，\u53f3\u952e\u5355\u51fb\u5f39\u51fa\u83dc\u5355\u9009\u62e9\u8f6c\u5230\u69fd，\u9009\u4e2dclicked\u786e\u5b9a， btUp\u548cbtDown\u7684\u69fd\u51fd\u6570\u5c31\u6dfb\u52a0\u597d\u4e86\u3002<\/p>\n

void RecBox::on_btUp_clicked()
\n{
\n \/\/ \u70b9\u51fbbtUp\u6309\u94ae，\u663e\u2f70\u524d4\u5f20\u56fe\u2f5a，\u5982\u679c\u5df2\u7ecf\u662f\u7b2c\u2f00\u5f20\u56fe\u2f5a，\u5faa\u73af\u4ece\u540e\u5f80\u524d\u663e\u2f70
\n}
\nvoid RecBox::on_btDown_clicked()
\n{
\n \/\/ \u70b9\u51fbbtUp\u6309\u94ae，\u663e\u2f70\u524d8\u5f20\u56fe\u2f5a，\u5982\u679c\u5df2\u7ecf\u662f\u7b2c\u2f00\u5f20\u56fe\u2f5a，\u5faa\u73af\u4ece\u540e\u5f80\u524d\u663e\u2f70
\n} <\/p>\n

\u5047\u8bbeimageList\u4e2d\u670924\u7ec4\u56fe\u7247\u8def\u5f84\u548c\u63a8\u8350\u6587\u672c\u4fe1\u606f，\u5982\u679c\u5c06\u4fe1\u606f\u5206\u7ec4：<\/p>\n

\u5982\u679c\u662frecMusicBox，\u5c06\u5143\u7d20\u6309\u7167col\u5206\u7ec4，\u5373\u6bcf4\u4e2a\u5143\u7d20\u4e3a\u4e00\u7ec4，\u53ef\u5206\u4e3a6\u7ec4<\/p>\n

\u5982\u679c\u662fsupplyMuscBox，\u5c06\u5143\u7d20\u6309\u7167col\u5206\u7ec4，\u5373\u6bcf8\u4e2a\u5143\u7d20\u4e3a\u4e00\u7ec4，\u53ef\u5206\u4e3a3\u7ec4\u3002<\/p>\n

RecBox\u7c7b\u4e2d\u6dfb\u52a0currentIndex\u548ccount\u6574\u5f62\u6210\u5458\u53d8\u91cf，currentIndex\u8bb0\u5f55\u5f53\u524d\u663e\u793a\u7ec4，count\u8bb0\u5f55\u603b\u7684\u4fe1\u606f\u7ec4\u6570\u3002\u5f53\u70b9\u51fbbtUp\u65f6，currentIndex-，\u663e\u793a\u524d\u4e00\u7ec4，\u5982\u679ccurrentIndex\u5c0f\u4e8eO\u65f6，\u5c06\u5176\u8bbe\u7f6e\u4e3acount-1;<\/p>\n

\u70b9\u51fbbtDown\u6309\u94ae\u65f6，currentIndex++\u663e\u793a\u4e0b\u4e00\u7ec4，\u5f53currentIndex\u4e3acount\u65f6，\u5c06count \u8bbe\u7f6e\u4e3a0\u3002<\/p>\n

\/\/ recbox.cpp \u4e2d\u65b0\u589e
\nvoid RecBox::initRecBoxUi(QJsonArray data, int row)
\n{
\n \/\/ …
\n imageList = data;<\/p>\n

\/\/ \u9ed8\u8ba4\u663e\u2f70\u7b2c0\u7ec4
\n currentIndex = 0;<\/p>\n

\/\/ \u8ba1\u7b97\u603b\u5171\u6709\u2f0f\u7ec4\u56fe\u2f5a，ceil\u8868\u2f70\u5411\u4e0a\u53d6\u6574
\n count = ceil(imageList.size() \/ col);
\n \/\/ \u5728RecBox\u63a7\u4ef6\u6dfb\u52a0RecBoxItem
\n createRecBoxItem();
\n}
\nvoid RecBox::on_btUp_clicked()
\n{
\n \/\/ \u70b9\u51fbbtUp\u6309\u94ae，\u663e\u2f70\u524d\u2f00\u7ec4\u56fe\u2f5a，\u5982\u679c\u5df2\u7ecf\u662f\u7b2c\u2f00\u7ec4\u56fe\u2f5a，\u663e\u2f70\u6700\u540e\u2f00\u7ec4
\n currentIndex–;
\n if (currentIndex < 0)
\n {
\n currentIndex = 0;
\n }<\/p>\n

createRecBoxItem();
\n}
\nvoid RecBox::on_btDown_clicked()
\n{
\n \/\/ \u70b9\u51fbbtDown\u6309\u94ae，\u663e\u2f70\u4e0b\u2f00\u7ec4\u56fe\u2f5a，\u5982\u679c\u5df2\u7ecf\u662f\u6700\u540e\u2f00\u7ec4\u56fe\u2f5a，\u663e\u2f70\u7b2c0\u7ec4
\n currentIndex++;
\n if (currentIndex >= count)
\n {
\n currentIndex = 0;
\n }
\n createRecBoxItem();
\n} <\/p>\n

\u00a0\u5143\u7d20\u91cd\u590d\u5206\u6790<\/h4>\n

\u6bcf\u6b21btUp\u548cbtDown\u70b9\u51fb\u540e，\u5e94\u8be5\u663e\u793a\u524d\u4e00\u7ec4\u548c\u540e\u4e00\u7ec4\u56fe\u7247，\u7531\u4e8e\u4e4b\u524drecListUpHLayout\u548c recListDownHLayout\u4e2d\u5df2\u7ecf\u6709\u5143\u7d20\u4e86，\u56e0\u6b64\u9700\u8981\u5148\u5c06\u4e4b\u524d\u7684\u5143\u7d20\u5220\u9664\u6389\u3002<\/p>\n

\u5728RecBox::createRecBoxItem()\u6210\u5458\u51fd\u6570\u4e2d\u65b0\u52a0<\/p>\n

void RecBox::createRecBoxItem()
\n{
\n \/\/ \u6ea2\u51fa\u6389\u4e4b\u524d\u65e7\u5143\u7d20
\n QList<RecBoxItem*> recUpList = ui->recListUp->findChildren<RecBoxItem*>();
\n for (auto e : recUpList)
\n {
\n ui->recListUpHLayout->removeWidget(e);
\n delete e;
\n }
\n QList<RecBoxItem*> recDownList = ui->recListDown->findChildren<RecBoxItem*>();
\n for (auto e : recDownList)
\n {
\n ui->recListDownHLayout->removeWidget(e);
\n delete e;
\n }
\n} <\/p>\n

\u7a0b\u5e8f\u542f\u52a8\u65f6\u56fe\u7247\u968f\u673a\u663e\u793a<\/h4>\n

\u6bcf\u6b21\u7a0b\u5e8f\u542f\u52a8\u65f6，\u663e\u793a\u7684\u56fe\u7247\u90fd\u662f\u76f8\u540c\u7684，\u8fd9\u662f\u56e0\u4e3arandom_shuffle\u5728\u968f\u673a\u6253\u4e71\u5143\u7d20\u65f6，\u9700\u8981\u8bbe\u7f6e\u968f\u673a\u6570\u79cd\u5b50，\u5426\u5219\u9ed8\u8ba4\u4f7f\u7528\u7684\u79cd\u5b50\u662f\u76f8\u540c\u7684，\u5c31\u5bfc\u81f4\u6bcf\u6b21\u6253\u4e71\u7684\u7ed3\u679c\u90fd\u662f\u76f8\u540c\u7684，\u6240\u4ee5\u6bcf\u6b21\u7a0b\u5e8f\u542f\u52a8\u65f6RecBox\u4e2d\u663e\u793a\u7684\u5185\u5bb9\u90fd\u662f\u76f8\u540c\u7684，\u56e0\u6b64\u5728randomPiction()\u8c03\u7528\u4e4b\u524d\u9700\u8981\u8bbe\u7f6e\u968f\u673a\u6570\u79cd\u5b50\u3002<\/p>\n

QQMusic\u7c7b\u7684initUi\u51fd\u6570\u4e2d\u65b0\u589e：<\/p>\n

srand(time(NULL));
\nui->recMusicBox->initRecBoxUi(randomPiction(), 1);
\nui->supplyMuscBox->initRecBoxUi(randomPiction(), 2); <\/p>\n

commonPage\u9875\u9762<\/h2>\n

1\u3001commonPage\u9875\u9762\u5206\u6790<\/h3>\n

\u6211\u7684\u97f3\u4e50\u4e0b\u7684：\u6211\u559c\u6b22\u3001\u672c\u5730\u4e0b\u8f7d\u3001\u6700\u8fd1\u64ad\u653e\u4e09\u4e2a\u6309\u94ae\u8868\u9762\u4e0a\u770b\u5bf9\u5e94\u4e09\u4e2aPage\u9875\u9762，\u5206\u6790\u4e4b\u540e\u53d1\u73b0，\u8fd9\u4e09\u4e2aPage\u9875\u9762\u5b9e\u9645\u662f\u96f7\u540c\u7684，\u56e0\u6b64\u53ea\u9700\u8981\u5b9a\u4e49\u4e00\u4e2a\u9875\u9762CommonPage，\u5c06stackedWidget\u4e2d\u8fd9\u4e09\u4e2a\u9875\u9762\u7684\u7c7b\u578b\u63d0\u5347\u4e3aCommonPage\u5373\u53ef\u3002<\/p>\n

\"\"<\/p>\n

\u2460\u9875\u9762\u8bf4\u660e，\u6bd4\u5982：\u672c\u5730\u97f3\u4e50，\u8be5\u90e8\u5206\u5b9e\u9645\u5c31\u662fQLabel\u7684\u63d0\u793a\u8bf4\u660e; \u2461\u6b63\u5728\u64ad\u653e\u97f3\u4e50\u56fe\u7247\u548c\u64ad\u653e\u5168\u90e8\u6309\u94ae; \u2462\u97f3\u4e50\u5217\u8868\u4e2d\u6bcf\u4e2a\u90e8\u5206\u7684\u6587\u672c\u63d0\u793a，\u5b9e\u9645\u5c31\u662f\u4e09\u4e2aQLabel \u2463\u672c\u9875\u9762\u5bf9\u5e94\u7684\u97f3\u4e50\u5217\u8868，\u5373QListWidget\u3002<\/p>\n

2\u3001commonPage\u754c\u9762\u8bbe\u8ba1\u548c\u663e\u793a\u00a0<\/h3>\n

\u628aconnomPage\u7684\u754c\u9762\u5e03\u5c40\u548cQSS\u6837\u5f0f\u8bbe\u7f6e\u597d\u540e\u5206\u6790\u3002<\/p>\n

CommonPage\u9875\u9762\u662f\u6211\u559c\u6b22\u3001\u672c\u5730\u4e0b\u8f7d\u3001\u6700\u8fd1\u64ad\u653e\u4e09\u4e2a\u754c\u9762\u7684\u5171\u540c\u7c7b\u578b，\u56e0\u6b64\u8be5\u7c7b\u9700\u8981\u63d0\u4f9b\u8bbe\u7f6e：pageTittle\u548c musicImageLabel\u7684\u516c\u5171\u65b9\u6cd5，\u5c06\u6765\u5728\u7a0b\u5e8f\u542f\u52a8\u65f6\u5b8c\u6210\u4e09\u4e2a\u754c\u9762\u4fe1\u606f\u7684\u8bbe\u7f6e，\u56e0\u6b64CommonPage\u7c7b\u9700\u8981\u6dfb\u52a0\u4e00\u4e2apublic\u7684setCommonPageUI\u51fd\u6570\u3002<\/p>\n

\/\/ commonpage.cpp \u4e2d\u65b0\u589e
\nvoid CommonPage::setCommonPageUI(const QString& title, const QString& image)
\n{
\n \/\/ \u8bbe\u7f6e\u6807\u9898
\n ui->pageTittle->setText(title);
\n \/\/ \u8bbe\u7f6e\u5c01\u2faf\u680f
\n ui->musicImageLabel->setPixmap(QPixmap(image));
\n ui->musicImageLabel->setScaledContents(true);
\n} <\/p>\n

\u754c\u9762\u8bbe\u7f6e\u7684\u51fd\u6570\u9700\u8981\u5728\u7a0b\u5e8f\u542f\u52a8\u65f6\u5c31\u5b8c\u6210\u597d\u914d\u7f6e，\u5373\u9700\u8981\u5728QQMusic\u7684initUi(\u51fd\u6570\u4e2d\u8c03\u7528\u5b8c\u6210\u8bbe\u7f6e：<\/p>\n

\/\/\u5728Widget::initUi()\u4e2d\u65b0\u589e
\n\/\/ \u8bbe\u7f6e\u6211\u559c\u6b22\u3001\u672c\u5730\u2fb3\u4e50\u3001\u6700\u8fd1\u64ad\u653e\u2eda\u2faf
\nui->likePage->setCommonPageUI("\u6211\u559c\u6b22", ":\/images\/ilikebg.png");
\nui->localPage->setCommonPageUI("\u672c\u5730\u2fb3\u4e50", ":\/images\/localbg.png");
\nui->recentPage->setCommonPageUI("\u6700\u8fd1\u64ad\u653e", ":\/images\/recentbg.png"); <\/p>\n

\u81ea\u5b9a\u4e49ListItemBox<\/h2>\n

1\u3001ListItemBox\u754c\u9762\u5206\u6790<\/h3>\n

CommonPage\u9875\u9762\u521b\u5efa\u597d\u4e4b\u540e，\u7b49\u97f3\u4e50\u52a0\u8f7d\u5230\u7a0b\u5e8f\u4e4b\u540e，\u5c31\u53ef\u4ee5\u5c06\u97f3\u4e50\u4fe1\u606f\u5f80CommonPage\u7684 pageMusicList\u4e2d\u663e\u793a\u4e86\u3002<\/p>\n

\"\"<\/p>\n

\u4e0a\u56fe\u6bcf\u884c\u90fd\u662fQListWidget\u4e2d\u7684\u4e00\u4e2a\u5143\u7d20，\u6bcf\u4e2a\u5143\u7d20\u4e2d\u5305\u542b\u591a\u4e2a\u63a7\u4ef6： \u2460\u6536\u85cf\u56fe\u6807，\u5373QLabel \u2461\u6b4c\u66f2\u540d\u79f0，\u5373QLabel \u2462VIP\u548cSQ，VIP\u5373\u6536\u8d39\u4f1a\u5458\u4e13\u4eab，SQ\u4e3a\u65e0\u635f\u97f3\u4e50，\u4e5f\u662f\u4e24\u4e2aQLabel \u2463\u6b4c\u624b\u540d\u79f0，\u5373QLabel \u2464\u97f3\u4e50\u4e13\u8f91\u540d\u79f0，\u5373QLabel \u6b64\u5904，\u9700\u8981\u5c06\u4e0a\u8ff0\u6240\u6709QLabel\u7ec4\u5408\u5728\u4e00\u8d77，\u4f5c\u4e3a\u4e00\u4e2a\u72ec\u7acb\u7684\u63a7\u4ef6，\u6dfb\u52a0\u5230QListWidget\u4e2d，\u56e0\u6b64\u8be5\u63a7\u4ef6\u4e5f\u9700\u8981\u81ea\u5b9a\u4e49\u3002\u00a0<\/p>\n

2\u3001ListItemBox\u663e\u793a\u6d4b\u8bd5<\/span><\/h3>\n

\u8bbe\u7f6e\u5b8cListItemBox\u7684\u754c\u9762\u5e03\u5c40\u548cQSS\u6837\u5f0f\u8868\u540e，ListItemBox\u5c06\u6765\u8981\u6dfb\u52a0\u5230CommonPage\u9875\u9762\u4e2d\u7684QListWidget\u4e2d，\u56e0\u6b64\u5728CommonPage\u7c7b\u7684\u521d\u59cb\u5316\u65b9\u6cd5\u4e2d\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801：<\/p>\n

void CommonPage::setCommonPageUI(const QString& title, const QString& image)
\n{
\n \/\/ \u8bbe\u7f6e\u6807\u9898
\n ui->pageTittle->setText(title);<\/p>\n

\/\/ \u8bbe\u7f6e\u5c01\u2faf\u680f
\n ui->musicImageLabel->setPixmap(QPixmap(image));<\/p>\n

ui->musicImageLabel->setScaledContents(true);
\n \/\/ \u6d4b\u8bd5
\n ListItemBox* listItemBox = new ListItemBox(this);
\n QListWidgetItem* listWidgetItem = new QListWidgetItem(ui->pageMusicList);
\n listWidgetItem->setSizeHint(QSize(ui->pageMusicList->width(), 45));
\n ui->pageMusicList->setItemWidget(listWidgetItem, listItemBox);
\n} <\/p>\n

3\u3001\u652f\u6301hover\u6548\u679c<\/p>\n

ListltemBox\u6dfb\u52a0\u5230CommonPage\u4e2d\u7684QListWidget\u4e4b\u540e，\u81ea\u5e26hover\u6548\u679c，\u4f46\u662f\u80cc\u666f\u989c\u8272\u548c\u754c\u9762\u4e0d\u592a\u642d\u914d，\u6b64\u5904\u91cd\u65b0\u5b9e\u73b0hover\u6548\u679c，\u6b64\u5904\u91cd\u5199enterEvent\u548cleaveEvent\u6765\u5b9e\u73b0hover\u6548\u679c\u3002<\/p>\n

\/\/ listitembox.cpp \u65b0\u589e
\nvoid ListItemBox::enterEvent(QEvent* event)
\n{
\n (void)event;
\n setStyleSheet("background-color:#EFEFEF");
\n}
\nvoid ListItemBox::leaveEvent(QEvent* event)
\n{
\n (void)event;
\n setStyleSheet("");
\n} <\/p>\n

\u81ea\u5b9a\u4e49MusicSlider<\/span><\/h2>\n

\u7531\u4e8eQT\u5185\u7f6e\u7684HorizontalSlider(\u6c34\u5e73\u6ed1\u7aff)\u4e0d\u662f\u5f88\u597d\u770b，\u8be5\u63a7\u4ef6\u4e5f\u91c7\u7528\u81ea\u5b9a\u4e49\u3002\u8be5\u63a7\u4ef6\u6bd4\u8f83\u7b80\u5355，\u5b9e\u9645\u5c31\u662f\u4e24\u4e2aQFrame\u5d4c\u5957\u8d77\u6765\u7684，\u8fbe\u5230\u5982\u4e0b\u6548\u679c：<\/span><\/p>\n

\"\"<\/p>\n

\u00a0\u81ea\u5b9a\u4e49VolumeTool<\/span><\/h2>\n

1\u3001VolumeTool\u63a7\u4ef6\u5206\u6790<\/h3>\n

\"\"<\/p>\n

\u2460\u5185\u90e8\u4e3a\u7c7b\u4f3cMusicSlider\u63a7\u4ef6+\u5c0f\u5706\u7403，\u5706\u7403\u5b9e\u9645\u4e3a\u4e00\u4e2aQPushButton \u97f3\u91cf\u5927\u5c0f\u6587\u672c\u663e\u793a，\u5b9e\u9645\u4e3aQLabel \u2462QPushButton，\u70b9\u51fb\u4e4b\u540e\u5728\u9759\u97f3\u548c\u53d6\u6d88\u9759\u97f3\u5207\u6362 \u2463\u4e00\u4e2a\u5012\u4e09\u89d2，Qt\u672a\u63d0\u4f9b\u4e09\u89d2\u63a7\u4ef6，\u8be5\u63a7\u4ef6\u9700\u8981\u624b\u52a8\u7ed8\u5236，\u7528\u6765\u63d0\u793a\u662f\u64ad\u653e\u63a7\u5236\u533a\u90a3\u4e2a\u6309\u94ae\u6309\u4e0b<\/p>\n

2\u3001\u754c\u9762\u8bbe\u8ba1<\/h3>\n

\u8be5\u63a7\u4ef6\u5c5e\u4e8e\u5f39\u51fa\u7a97\u53e3，\u5373\u70b9\u51fb\u4e86\u4e3b\u754c\u9762\u7684\u97f3\u91cf\u8c03\u8282\u6309\u94ae\u540e，\u624d\u9700\u8981\u5f39\u51fa\u8be5\u754c\u9762，\u70b9\u51fb\u5176\u4ed6\u4f4d\u7f6e\u8be5\u754c\u9762\u81ea\u52a8\u9690\u85cf\u3002\u56e0\u6b64\u5728\u7a97\u53e3\u521b\u5efa\u65f6，\u9700\u8981\u8bbe\u7f6e\u7a97\u53e3\u4e3a\u65e0\u8fb9\u6846\u4ee5\u53ca\u4e3a\u5f39\u51fa\u7a97\u53e3\u3002<\/p>\n

\/\/ VolumeTool.cpp \u7684\u6784\u9020\u51fd\u6570\u4e2d\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801
\n#include <QGraphicsDropShadowEffect>
\nVolumeTool::VolumeTool(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::VolumeTool)
\n{
\n ui->setupUi(this);
\n setWindowFlags(Qt::Popup | Qt::FramelessWindowHint | Qt::NoDropShadowWindowHint);
\n \/\/ \u5728windows\u4e0a，\u8bbe\u7f6e\u900f\u660e\u6548\u679c\u540e，\u7a97\u2f1d\u9700\u8981\u52a0\u4e0aQt::FramelessWindowHint\u683c\u5f0f
\n \/\/ \u5426\u5219\u6ca1\u6709\u63a7\u4ef6\u4f4d\u7f6e\u7684\u80cc\u666f\u662f\u2fca\u2f8a\u7684
\n \/\/ \u7531\u4e8e\u9ed8\u8ba4\u7a97\u2f1d\u6709\u9634\u5f71，\u56e0\u6b64\u8fd8\u9700\u8981\u5c06\u7a97\u2f1d\u7684\u539f\u6709\u7684\u9634\u5f71\u53bb\u6389，\u7a97\u2f1d\u9700\u8981\u52a0\u4e0aQt::NoDropShadowWindowHint
\n setAttribute(Qt::WA_TranslucentBackground);
\n \/\/ \u2f83\u5b9a\u4e49\u9634\u5f71\u6548\u679c
\n QGraphicsDropShadowEffect* shadowEffect = new QGraphicsDropShadowEffect(this);
\n shadowEffect->setOffset(0, 0);
\n shadowEffect->setColor("#646464");
\n shadowEffect->setBlurRadius(10);
\n setGraphicsEffect(shadowEffect);
\n \/\/ \u7ed9\u6309\u94ae\u8bbe\u7f6e\u56fe\u6807
\n ui->silenceBtn->setIcon(QIcon(":\/images\/volumn.png"));
\n \/\/ \u2fb3\u91cf\u7684\u9ed8\u8ba4\u2f24\u2f29\u662f20
\n ui->outLine->setGeometry(ui->outLine->x(), 180 – 36 – 25, ui->outLine -> width(), 20);\/\/\u6839\u636e\u81ea\u5b9a\u4e49\u7684\u63a7\u4ef6\u5927\u5c0f\u6765
\n ui->silderBtn->move(ui->silderBtn->x(), ui->outLine->y() – ui -> silderBtn->height() \/ 2);
\n ui->volumeRatio->setText("20%");
\n} <\/p>\n

\u00a03\u3001\u754c\u9762\u521b\u5efa\u53ca\u5f39\u51fa<\/h3>\n

\u97f3\u91cf\u8c03\u8282\u5c5e\u4e8e\u4e3b\u754c\u9762\u4e0a\u5143\u7d20，\u56e0\u6b64\u5728QQMusic\u7c7b\u4e2d\u9700\u8981\u6dfb\u52a0VolumeTool\u7684\u5bf9\u8c61，\u5728initUi\u4e2dnew\u8be5\u7c7b\u7684\u5bf9\u8c61\u3002\u4e3b\u754c\u9762\u4e2d\u97f3\u91cf\u8c03\u8282\u6309\u94ae\u6dfb\u52a0clicked\u69fd\u51fd\u6570\u3002<\/p>\n

\/\/ qqmusic.cpp\u4e2d\u65b0\u589e
\nvoid QQMusic::initUi()
\n{
\n \/\/ …<\/p>\n

\/\/ \u521b\u5efa\u2fb3\u91cf\u8c03\u8282\u7a97\u2f1d\u5bf9\u8c61\u5e76\u6302\u5230\u5bf9\u8c61\u6811
\n volumeTool = new VolumeTool(this);
\n}
\nvoid QQMusic::on_volume_clicked()
\n{
\n \/\/ \u5148\u8981\u8c03\u6574\u7a97\u2f1d\u7684\u663e\u2f70\u4f4d\u7f6e，\u5426\u5219\u8be5\u7a97\u2f1d\u5728\u4e3b\u7a97\u2f1d\u7684\u5de6\u4e0a\u2ec6
\n \/\/ 1. \u83b7\u53d6\u8be5\u6309\u94ae\u5de6\u4e0a\u2ec6\u7684\u5de6\u6807
\n QPoint point = ui->volume->mapToGlobal(QPoint(0, 0));
\n \/\/ 2. \u8ba1\u7b97volume\u7a97\u2f1d\u7684\u5de6\u4e0a\u2ec6\u4f4d\u7f6e
\n \/\/ \u8ba9\u8be5\u7a97\u2f1d\u663e\u2f70\u5728\u2fcf\u6807\u70b9\u51fb\u7684\u6b63\u4e0a\u2f45
\n \/\/ \u2fcf\u6807\u4f4d\u7f6e：\u51cf\u53bb\u7a97\u2f1d\u5bbd\u5ea6\u7684\u2f00\u534a，\u4ee5\u53ca\u2fbc\u5ea6\u6070\u5de7\u5c31\u662f\u7a97\u2f1d\u7684\u5de6\u4e0a\u2ec6
\n QPoint volumeLeftTop = point – QPoint(volumeTool->width() \/ 2, volumeTool -> height());
\n \/\/ \u5fae\u8c03\u7a97\u2f1d\u4f4d\u7f6e
\n volumeLeftTop.setY(volumeLeftTop.y() + 30);
\n volumeLeftTop.setX(volumeLeftTop.x() + 15);<\/p>\n

\/\/ 3. \u79fb\u52a8\u7a97\u2f1d\u4f4d\u7f6e
\n volumeTool->move(volumeLeftTop);
\n \/\/ 4. \u5c06\u7a97\u2f1d\u663e\u2f70\u51fa\u6765
\n volumeTool->show();
\n} <\/p>\n

4\u3001\u7ed8\u5236\u4e09\u89d2<\/h3>\n

\u7531\u4e8eQt\u4e2d\u5e76\u672a\u7ed9\u51fa\u4e09\u89d2\u63a7\u4ef6，\u56e0\u6b64\u4e09\u89d2\u9700\u8981\u624b\u52a8\u7ed8\u5236，\u6545\u5728VolumeTool\u7c7b\u4e2d\u91cd\u5199paintEvent\u4e8b\u4ef6\u51fd \u6570\u3002<\/p>\n

\/\/ volumetool.cpp\u4e2d\u65b0\u589e
\n#include <QPainter>
\nvoid VolumeTool::paintEvent(QPaintEvent* event)
\n{
\n (void)event;
\n \/\/ 1. \u521b\u5efa\u7ed8\u56fe\u5bf9\u8c61
\n QPainter painter(this);
\n \/\/ 2. \u8bbe\u7f6e\u6297\u952f\u2eee
\n painter.setRenderHint(QPainter::Antialiasing, true);
\n \/\/ 3. \u8bbe\u7f6e\u753b\u7b14
\n \/\/ \u6ca1\u6709\u753b\u7b14\u65f6：\u753b\u51fa\u6765\u7684\u56fe\u5f62\u5c31\u6ca1\u6709\u8fb9\u6846\u548c\u8f6e\u5ed3\u7ebf
\n painter.setPen(Qt::NoPen);
\n \/\/ 4. \u8bbe\u7f6e\u753b\u5237\u989c\u2f8a
\n painter.setBrush(Qt::white);
\n \/\/ \u521b\u5efa\u2f00\u4e2a\u4e09\u2ec6\u5f62
\n QPolygon polygon;
\n polygon.append(QPoint(30, 300));\/\/\u5750\u6807\u6839\u636evooltool\u63a7\u4ef6\u6765\u786e\u5b9a
\n polygon.append(QPoint(70, 300));
\n polygon.append(QPoint(50, 320));
\n \/\/ \u7ed8\u5236\u4e09\u2ec6\u5f62
\n painter.drawPolygon(polygon);
\n} <\/p>\n

\u97f3\u4e50\u7ba1\u7406<\/h2>\n

1\u3001\u97f3\u4e50\u52a0\u8f7d<\/h3>\n

QQMusic\u7c7b\u4e2d\u7ed9addLocal\u6dfb\u52a0\u69fd\u51fd\u6570\u3002\u97f3\u4e50\u6587\u4ef6\u5728\u78c1\u76d8\u4e2d，\u53ef\u4ee5\u501f\u52a9QFileDialog\u7c7b\u5b8c\u6210\u97f3\u4e50\u6587\u4ef6\u52a0\u8f7d\u3002<\/p>\n

\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\n#include <QDir>
\n#include <QFileDialog>
\nvoid QQMusic::on_addLocal_clicked()
\n{
\n \/\/ 1. \u521b\u5efa\u2f00\u4e2a\u2f42\u4ef6\u5bf9\u8bdd\u6846
\n QFileDialog fileDialog(this);
\n fileDialog.setWindowTitle("\u6dfb\u52a0\u672c\u5730\u2fb3\u4e50");
\n \/\/ 2. \u521b\u5efa\u2f00\u4e2a\u6253\u5f00\u683c\u5f0f\u7684\u2f42\u4ef6\u5bf9\u8bdd\u6846
\n fileDialog.setAcceptMode(QFileDialog::AcceptOpen);
\n \/\/ 3. \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u6a21\u5f0f
\n \/\/ \u53ea\u80fd\u9009\u62e9\u2f42\u4ef6，\u5e76\u4e14\u2f00\u6b21\u6027\u53ef\u4ee5\u9009\u62e9\u591a\u4e2a\u5b58\u5728\u7684\u2f42\u4ef6
\n fileDialog.setFileMode(QFileDialog::ExistingFiles);
\n \/\/ 4. \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u7684MIME\u8fc7\u6ee4\u5668
\n QStringList mimeList;
\n mimeList << "application\/octet-stream";
\n fileDialog.setMimeTypeFilters(mimeList);
\n \/\/ 5. \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u9ed8\u8ba4\u7684\u6253\u5f00\u8def\u5f84,\u8bbe\u7f6e\u2f6c\u5f55\u4e3a\u5f53\u524d\u2f2f\u7a0b\u6240\u5728\u2f6c\u5f55
\n QDir dir(QDir::currentPath());
\n dir.cdUp();
\n QString musicPath = dir.path() + "\/QQMusic\/musics\/";
\n fileDialog.setDirectory(musicPath);
\n \/\/ 6. \u663e\u2f70\u5bf9\u8bdd\u6846，\u5e76\u63a5\u6536\u8fd4\u56de\u503c
\n \/\/ \u6a21\u6001\u5bf9\u8bdd\u6846, exec\u5185\u90e8\u662f\u6b7b\u5faa\u73af\u5904\u7406
\n if (fileDialog.exec() == QFileDialog::Accepted)
\n {
\n \/\/ \u5207\u6362\u5230\u672c\u5730\u2fb3\u4e50\u754c\u2faf，\u56e0\u4e3a\u52a0\u8f7d\u5b8c\u7684\u2fb3\u4e50\u9700\u8981\u5728\u672c\u5730\u2fb3\u4e50\u754c\u2faf\u663e\u2f70
\n ui->stackedWidget->setCurrentIndex(4);
\n \/\/ \u83b7\u53d6\u5bf9\u8bdd\u6846\u7684\u8fd4\u56de\u503c
\n QList<QUrl> urls = fileDialog.selectedUrls();
\n \/\/ \u62ff\u5230\u6b4c\u66f2\u2f42\u4ef6\u540e，\u5c06\u6b4c\u66f2\u2f42\u4ef6\u4ea4\u7531musicList\u8fdb\u2f8f\u7ba1\u7406
\n \/\/ …
\n }
\n} <\/p>\n

MusicList\u7c7b<\/h2>\n

\u5c06\u6765\u6dfb\u52a0\u5230\u64ad\u653e\u5668\u4e2d\u7684\u97f3\u4e50\u6bd4\u8f83\u591a，\u53ef\u501f\u52a9\u4e00\u4e2a\u7c7b\u5bf9\u6240\u6709\u7684\u97f3\u4e50\u8fdb\u884c\u7ba1\u7406\u3002<\/p>\n

1\u3001\u6b4c\u66f2\u5bf9\u8c61\u5b58\u50a8<\/h3>\n

\u6bcf\u9996\u97f3\u4e50\u6587\u4ef6，\u5c06\u6765\u9700\u8981\u83b7\u53d6\u5176\u5185\u90e8\u7684\u6b4c\u66f2\u540d\u79f0\u3001\u6b4c\u624b\u3001\u97f3\u4e50\u4e13\u8f91\u3001\u6b4c\u66f2\u65f6\u957f\u7b49\u4fe1\u606f，\u56e0\u6b64\u5728 MusicList\u7c7b\u4e2d，\u5c06\u6240\u6709\u7684\u6b4c\u66f2\u6587\u4ef6\u4ee5Music\u5bf9\u8c61\u65b9\u5f0f\u7ba1\u7406\u8d77\u6765\u3002\u5728QQMusic\u4e2d，\u901a\u8fc7QFileDialog\u5c06\u4e00\u7ec4\u97f3\u4e50\u6587\u4ef6\u7684url\u83b7\u53d6\u5230\u4e4b\u540e，\u53ef\u4ee5\u4ea4\u7ed9MusicList\u7c7b\u6765\u7ba1\u7406\u3002\u4f46\u662fQQMusic\u52a0\u8f7d\u7684\u4e8c\u8fdb\u5236\u6587\u4ef6\u4e0d\u4e00\u5b9a\u5168\u90e8\u90fd\u662f\u97f3\u4e50\u6587\u4ef6，\u56e0\u6b64MusicList\u7c7b\u4e2d\u9700\u8981\u5bf9\u6587\u4ef6\u7684MIME\u7c7b\u578b\u518d\u6b21\u68c0\u6d4b，\u4ee5\u7b5b\u9009\u51fa\u771f\u6b63\u7684\u97f3\u4e50\u6587\u4ef6\u3002<\/p>\n

QMimeDatabase\u7c7b\u662fQt\u4e2d\u4e3b\u8981\u7528\u4e8e\u5904\u7406\u6587\u4ef6\u7684MIME\u7c7b\u578b，\u7ecf\u5e38\u7528\u4e8e：\u6587\u4ef6\u7c7b\u578b\u8bc6\u522b\u3001\u6587\u4ef6\u8fc7\u6ee4 \u3001\u591a\u5a92\u4f53\u6587\u4ef6\u5904\u7406\u3001\u6587\u4ef6\u5bfc\u5165\u5bfc\u51fa\u3001\u6587\u4ef6\u7ba1\u7406\u5668，\u8be5\u7c7b\u4e2d\u7684mimeTypeForFile\u51fd\u6570\u53ef\u7528\u4e8e\u83b7\u53d6\u7ed9\u5b9a\u6587\u4ef6\u7684MIME\u7c7b\u578b\u3002<\/span><\/p>\n

\u5bf9\u4e8e\u6b4c\u66f2\u6587\u4ef6： audio\/mpeg:\u9002\u7528\u4e8emp3\u683c\u5f0f\u7684\u97f3\u4e50\u6587\u4ef6 audio\/flac:\u65e0\u635f\u538b\u7f29\u7684\u97f3\u9891\u6587\u4ef6，\u4e0d\u4f1a\u7834\u574f\u4efb\u4f55\u539f\u6709\u7684\u97f3\u9891\u4fe1\u606f audio\/wav：\u8868\u793awav\u683c\u5f0f\u7684\u6b4c\u66f2\u6587\u4ef6 \u4e0a\u8ff0\u6b4c\u66f2\u6587\u4ef6\u683c\u5f0f，Qt\u7684QMediaPlayer\u7c7b\u90fd\u662f\u652f\u6301\u7684\u3002<\/span> <\/p>\n

\/\/ musiclist.h \u4e2d\u65b0\u589e
\n#include <QVector>
\nQVector<Music> musicList; \/\/ Music\u7c7b\u662f\u2f83\u5b9a\u4e49\u7684C++\u7c7b，\u63cf\u8ff0\u6b4c\u66f2\u76f8\u5173\u4fe1\u606f
\n\/\/ \u5c06QQMusic\u2eda\u2faf\u4e2d\u8bfb\u53d6\u5230\u7684\u2fb3\u4e50\u2f42\u4ef6，\u68c0\u6d4b\u662f\u2fb3\u4e50\u2f42\u4ef6\u540e\u6dfb\u52a0\u5230musicList\u4e2d
\nvoid addMusicByUrl(const QList<QUrl>& urls);
\n\/\/ musiclist.cpp\u4e2d\u65b0\u589e
\nvoid MusicList::addMusicByUrl(const QList<QUrl>& urls)
\n{
\n for (auto musicUrl : urls)
\n {
\n \/\/ \u7531\u4e8e\u6dfb\u52a0\u8fdb\u6765\u7684\u2f42\u4ef6\u4e0d\u2f00\u5b9a\u662f\u6b4c\u66f2\u2f42\u4ef6，\u56e0\u6b64\u9700\u8981\u518d\u6b21\u7b5b\u9009\u51fa\u2fb3\u4e50\u2f42\u4ef6
\n QMimeDatabase db;
\n QMimeType mime = db.mimeTypeForFile(musicUrl.toLocalFile());
\n if (mime.name() != "audio\/mpeg" && mime.name() != "audio\/flac")
\n {
\n continue;
\n }
\n \/\/ \u5982\u679c\u662f\u2fb3\u4e50\u2f42\u4ef6，\u52a0\u2f0a\u6b4c\u66f2\u5217\u8868
\n musicList.push_back(musicUrl);
\n }
\n} <\/p>\n

\u00a0Music\u7c7b<\/h2>\n

1\u3001\u4ecb\u7ecd<\/h3>\n

\u8be5\u7528\u6765\u63cf\u8ff0\u4e00\u4e2a\u97f3\u4e50\u6587\u4ef6，\u6bd4\u5982：\u97f3\u4e50\u540d\u79f0\u3001\u6b4c\u624b\u540d\u79f0\u3001\u4e13\u8f91\u540d\u79f0\u3001\u97f3\u4e50\u6301\u7eed\u65f6\u957f，\u5f53\u5728\u754c\u9762\u4e0a\u70b9\u51fb\u6536\u85cf\u4e4b\u540e，\u97f3\u4e50\u4f1a\u88ab\u6807\u8bb0\u4e3a\u559c\u6b22，\u64ad\u653e\u4e4b\u540e\u9700\u8981\u6807\u8bb0\u4e3a\u5386\u53f2\u8bb0\u5f55\u3002\u56e0\u6b64\u8be5\u7c7b\u4e2d\u81f3\u5c11\u9700\u8981\u4ee5\u4e0b\u6210\u5458：<\/p>\n

\/\/ music.h\u4e2d\u65b0\u589e
\n#include <QUrl>
\n#include <QString>
\nclass Music
\n{
\npublic:
\n Music();
\n Music(const QUrl& url);
\n void setIsLike(bool isLike);
\n void setIsHistory(bool isHistory);
\n void setMusicName(const QString& musicName);
\n void setSingerName(const QString& singerName);
\n void setAlbumName(const QString& albumName);
\n void setDuration(const qint64 duration);
\n void setMusicUrl(const QUrl& url);
\n void setMusicId(const QString& musicId);
\n bool getIsLike();
\n bool getIsHistory();
\n QString getMusicName();
\n QString getSingerName();
\n QString getAlbumName();
\n qint64 getDuration();
\n QUrl getMusicUrl();
\n QString getMusicId();
\nprivate:
\n bool isLike; \/\/ \u6807\u8bb0\u2fb3\u4e50\u662f\u5426\u4e3a\u6211\u559c\u6b22
\n bool isHistory; \/\/ \u6807\u8bb0\u2fb3\u4e50\u662f\u5426\u64ad\u653e\u8fc7
\n \/\/ \u2fb3\u4e50\u7684\u57fa\u672c\u4fe1\u606f\u6709：\u6b4c\u66f2\u540d\u79f0\u3001\u6b4c\u2f3f\u540d\u79f0\u3001\u4e13\u8f91\u540d\u79f0\u3001\u603b\u65f6\u2ed3
\n QString musicName;
\n QString singerName;
\n QString albumName;
\n qint64 duration; \/\/ \u2fb3\u4e50\u7684\u6301\u7eed\u65f6\u2ed3，\u5373\u64ad\u653e\u603b\u7684\u65f6\u2ed3
\n \/\/ \u4e3a\u4e86\u6807\u8bb0\u6b4c\u66f2\u7684\u552f\u2f00\u6027，\u7ed9\u6b4c\u66f2\u8bbe\u7f6eid
\n \/\/ \u78c1\u76d8\u4e0a\u7684\u6b4c\u66f2\u2f42\u4ef6\u7ecf\u5e38\u5220\u9664\u6216\u8005\u4fee\u6539\u4f4d\u7f6e，\u5bfc\u81f4\u64ad\u653e\u65f6\u627e\u4e0d\u5230\u2f42\u4ef6，\u6216\u8005\u91cd\u590d\u6dfb\u52a0
\n \/\/ \u6b64\u5904\u2f64musicId\u6765\u7ef4\u62a4\u64ad\u653e\u5217\u8868\u4e2d\u2fb3\u4e50\u7684\u552f\u2f00\u6027
\n QString musicId;
\n QUrl musicUrl; \/\/ \u2fb3\u4e50\u5728\u78c1\u76d8\u4e2d\u7684\u4f4d\u7f6e
\n}; <\/p>\n

Music.cpp\u65b0\u589e\u00a0<\/p>\n

\/\/ music.cpp\u4e2d\u65b0\u589e
\nMusic::Music()
\n : isLike(false)
\n , isHistory(false)
\n{}
\nvoid Music::setIsLike(bool isLike)
\n{
\n this->isLike = isLike;
\n}
\nvoid Music::setIsHistory(bool isHistory)
\n{
\n this->isHistory = isHistory;
\n}
\nvoid Music::setMusicName(const QString& musicName)
\n{
\n this->musicName = musicName;
\n}
\nvoid Music::setSingerName(const QString& singerName)
\n{
\n this->singerName = singerName;
\n}
\nvoid Music::setAlbumName(const QString& albumName)
\n{
\n this->albumName = albumName;
\n}
\nvoid Music::setDuration(const qint64 duration)
\n{
\n this->duration = duration;
\n}
\nvoid Music::setMusicUrl(const QUrl& url)
\n{
\n this->musicUrl = url;
\n}
\nvoid Music::setMusicId(const QString& musicId)
\n{
\n this->musicId = musicId;
\n}
\nbool Music::getIsLike()
\n{
\n return isLike;
\n}
\nbool Music::getIsHistory()
\n{
\n return isHistory;
\n}
\nQString Music::getMusicName()
\n{
\n return musicName;
\n}
\nQString Music::getSingerName()
\n{
\n return singerName;
\n}
\nQString Music::getAlbumName()
\n{
\n return albumName;
\n}
\nqint64 Music::getDuration()
\n{
\n return duration;
\n}
\nQUrl Music::getMusicUrl()
\n{
\n return musicUrl;
\n}
\nQString Music::getMusicId()
\n{
\n return musicId;
\n} <\/p>\n

\u00a0\u53e6\u5916，\u8be5\u7c7b\u8fd8\u9700\u8981\u6dfb\u52a0\u4e00\u4e2a\u5e26\u6709\u6b4c\u66f2\u6587\u4ef6\u8def\u5f84\u7684\u6784\u9020\u51fd\u6570，\u5f53\u7ed9\u5b9a\u6709\u6548\u97f3\u4e50\u6587\u4ef6\u540e，Music\u7c7b\u9700\u8981\u8d1f\u8d23\u5c06\u8be5\u97f3\u4e50\u6587\u4ef6\u7684\u5143\u6570\u636e\u89e3\u6790\u51fa\u6765\u3002\u4e3a\u4e86\u4fdd\u8bc1Music\u5bf9\u8c61\u7684\u552f\u4e00\u6027，\u7ed9\u6bcf\u4e2aMusic\u5bf9\u8c61\u8bbe\u7f6e\u4e00\u4e2aUUID\u3002UUID，\u5373\u901a\u7528\u552f\u4e00\u8bc6\u522b\u7801(Universally UniqueIdentifier)，\u786e\u4fdd\u5728\u5206\u5e03\u5f0f\u7cfb\u7edf\u4e2d\u6bcf\u4e2a\u5143\u7d20\u90fd\u6709\u552f\u4e00\u7684\u6807\u8bc6\u3002UUID\u7531\u4e00\u7ec432\u4f4d\u6570\u768416\u8fdb\u5236\u6570\u5b57\u7ec4\u6210，\u5f62\u5f0f\u4e3a8-4-4-4-12\u768432\u4e2a\u5b57\u7b26，\u6bd4\u5982："550e8400-e29b-41d4-a716-446655440000"\u5728Music\u5bf9\u8c61\u67e5\u627e\u548c\u66f4\u65b0\u65f6，\u53ef\u4ee5\u5df2\u901a\u8fc7\u5bf9\u6bd4UUID，\u6765\u4fdd\u8bc1Music\u5bf9\u8c61\u7684\u552f\u4e00\u6027\u3002Qt\u4e2dQUuid\u7c7b\u53ef\u751f\u6210UUID\u3002<\/p>\n

Music::Music(const QUrl& url)
\n : isLike(false)
\n , isHistory(false)
\n , musicUrl(url)
\n{
\n musicId = QUuid::createUuid().toString();
\n} <\/p>\n

\u00a02\u3001\u89e3\u6790\u97f3\u4e50\u6587\u4ef6\u6e90\u6570\u636e<\/h3>\n

\u5bf9\u4e8e\u6bcf\u9996\u6b4c\u66f2，\u5c06\u6765\u5728\u754c\u9762\u4e0a\u9700\u8981\u663e\u793a\u51fa：\u6b4c\u66f2\u540d\u79f0\u3001\u6b4c\u624b\u3001\u4e13\u8f91\u540d\u79f0，\u5728\u64ad\u653e\u65f6\u8fd8\u9700\u8981\u62ff\u5230\u6b4c\u66f2\u603b\u65f6\u957f，\u56e0\u6b64\u5728\u6784\u9020\u97f3\u4e50\u5bf9\u8c61\u65f6，\u5c31\u9700\u8981\u5c06\u4e0a\u8ff0\u4fe1\u606f\u89e3\u6790\u51fa\u6765\u3002\u6b4c\u66f2\u5143\u6570\u636e\u89e3\u6790，\u9700\u8981\u7528\u5230QMediaPlayer，\u8be5\u7c7b\u4e5f\u662f\u7528\u6765\u8fdb\u884c\u6b4c\u66f2\u64ad\u653e\u7684\u7c7b\u3002<\/p>\n

\/\/QMediaPlayer\u7c7b\u4e2d\u7684setMedia()\u51fd\u6570 \/\/ \u529f\u80fd：\u8bbe\u7f6e\u8981\u64ad\u653e\u7684\u5a92\u4f53\u6e90，\u5a92\u4f53\u6570\u636e\u4ece\u4e2d\u8bfb\u53d6 \/\/ media: \u8981\u64ad\u653e\u7684\u5a92\u4f53\u5185\u5bb9，\u2f50\u5982\u2f00\u4e2a\u89c6\u9891\u6216\u2fb3\u9891\u2f42\u4ef6，\u8be5\u7c7b\u63d0\u4f9b\u4e86\u2f00\u4e2aQUrl\u683c\u5f0f\u7684\u5355\u53c2\u6784\u9020 void setMedia(const QMediaContent& media, QIODevice* stream = nullptr) \/\/\u6ce8\u610f：\u8be5\u51fd\u6570\u6267\u2f8f\u540e\u2f74\u5373\u8fd4\u56de，\u4e0d\u4f1a\u7b49\u5f85\u5a92\u4f53\u52a0\u8f7d\u5b8c\u6210，\u4e5f\u4e0d\u68c0\u67e5\u9519\u8bef，\u5982\u679c\u5728\u5a92\u4f53\u52a0\u8f7d\u65f6\u53d1\u2f63\u9519 \/\/\u8bef，\u4f1a\u89e6\u53d1mediaStatusChanged\u548cerror\u4fe1\u53f7<\/p>\n

\/\/ \u68c0\u6d4b\u5a92\u4f53\u6e90\u662f\u5426\u6709\u6548，\u5982\u679c\u662f\u6709\u6548\u7684\u8fd4\u56detrue，\u5426\u5219\u8fd4\u56defalse bool isMetaDataAvailable() const;<\/p>\n

\/\/\u5a92\u4f53\u5143\u6570\u636e\u52a0\u8f7d\u6210\u529f\u4e4b\u540e，\u53ef\u4ee5\u901a\u8fc7QMediaObject\u7c7b\u7684metaData\u51fd\u6570\u83b7\u53d6\u6307\u5b9a\u7684\u5a92\u4f53\u6570\u636e： \/\/ \u8fd4\u56de\u8981\u83b7\u53d6\u7684\u5a92\u4f53\u6570\u636ekey\u7684\u503c QVariant QMediaObject::metaData(const QString& key) const；<\/p>\n

\u8be5\u9879\u76ee\u4e2d\u9700\u8981\u83b7\u53d6\u5a92\u4f53\u7684\u6807\u9898\u3001\u4f5c\u8005\u3001\u4e13\u8f91\u3001\u6301\u7eed\u65f6\u957f\u3002<\/p>\n

\"\"<\/p>\n

\u97f3\u4e50\u6587\u4ef6\u7684mate\u6570\u636e\u89e3\u6790\u4ee3\u7801\u5982\u4e0b：<\/p>\n

\/\/ music.h \u4e2d\u65b0\u589e
\nprivate:
\n void parseMediaMetaData();
\n\/\/ music.cpp \u4e2d\u65b0\u589e
\n#include <QMediaPlayer>
\n#include <QCoreApplication>
\n#include <QUuid>
\nvoid Music::parseMediaMetaData()
\n{
\n \/\/ \u89e3\u6790\u65f6\u5019\u9700\u8981\u8bfb\u53d6\u6b4c\u66f2\u6570\u636e，\u8bfb\u53d6\u6b4c\u66f2\u2f42\u4ef6\u9700\u8981\u2f64\u5230QMediaPlayer\u7c7b
\n QMediaPlayer player;
\n player.setMedia(musicUrl);
\n \/\/ \u5a92\u4f53\u5143\u6570\u636e\u89e3\u6790\u9700\u8981\u65f6\u95f4，\u53ea\u6709\u7b49\u5f85\u89e3\u6790\u5b8c\u6210\u4e4b\u540e，\u624d\u80fd\u63d0\u53d6\u2fb3\u4e50\u4fe1\u606f，\u6b64\u5904\u5faa\u73af\u7b49\u5f85
\n \/\/ \u5faa\u73af\u7b49\u5f85\u65f6：\u4e3b\u754c\u2faf\u6d88\u606f\u5faa\u73af\u5c31\u2f46\u6cd5\u5904\u7406\u4e86，\u56e0\u6b64\u9700\u8981\u5728\u7b49\u5f85\u89e3\u6790\u671f\u95f4，\u8ba9\u6d88\u606f\u5faa\u73af\u7ee7\u7eed\u5904\u7406
\n while (!player.isMetaDataAvailable())
\n {
\n QCoreApplication::processEvents();
\n }
\n \/\/ \u89e3\u6790\u5a92\u4f53\u5143\u6570\u636e\u7ed3\u675f，\u63d0\u53d6\u5143\u6570\u636e\u4fe1\u606f
\n if (player.isMetaDataAvailable())
\n {
\n musicName = player.metaData("Title").toString();
\n singerName = player.metaData("Author").toString();
\n albumName = player.metaData("AlbumTitle").toString();
\n duration = player.duration();
\n if (musicName.isEmpty())
\n {
\n musicName = "\u6b4c\u66f2\u672a\u77e5";
\n }
\n if (singerName.isEmpty())
\n {
\n singerName = "\u6b4c\u2f3f\u672a\u77e5";
\n }
\n if (albumName.isEmpty())
\n {
\n albumName = "\u4e13\u8f91\u540d\u672a\u77e5";
\n }
\n qDebug() << musicName << " " << singerName << " " << albumName << " " << duration;
\n }
\n}
\n\/\/ \u8be5\u51fd\u6570\u9700\u8981\u5728Music\u7684\u6784\u9020\u51fd\u6570\u4e2d\u8c03\u2f64，\u5f53\u521b\u5efa\u2fb3\u4e50\u5bf9\u8c61\u65f6，\u987a\u4fbf\u5b8c\u6210\u6b4c\u66f2\u2f42\u4ef6\u7684\u52a0\u8f7d
\nMusic::Music(const QUrl& url)
\n : isLike(false)
\n , isHistory(false)
\n , musicUrl(url)
\n{
\n musicId = QUuid::createUuid().toString();
\n parseMediaMetaData();
\n} <\/p>\n

\u00a03\u3001Music\u6570\u636e\u4fdd\u5b58<\/h3>\n

\u901a\u8fc7QFileDialog\u5c06\u97f3\u4e50\u4ece\u672c\u5730\u78c1\u76d8\u52a0\u8f7d\u5230\u7a0b\u5e8f\u4e2d\u540e，\u62ff\u5230\u7684\u662f\u6240\u6709\u97f3\u4e50\u6587\u4ef6\u7684QUrl，\u800c\u5728\u7a0b\u5e8f\u4e2d\u9700\u8981\u7684\u662f\u7ecf\u8fc7\u5143\u6570\u636e\u89e3\u6790\u4e4b\u540e\u7684Music\u5bf9\u8c61，\u5e76\u4e14Music\u5bf9\u8c61\u9700\u8981\u7ba1\u7406\u8d77\u6765，\u6b64\u65f6\u5c31\u53ef\u4ee5\u91c7\u7528MusicList\u7c7b\u5bf9\u89e3\u6790\u4e4b\u540e\u7684Music\u5bf9\u8c61\u8fdb\u884c\u7ba1\u7406，QQMusic\u7c7b\u4e2d\u53ea\u9700\u8981\u4fdd\u5b58MusicList\u7684\u5bf9\u8c61，\u5c31\u53ef\u4ee5\u8ba9qqMusic.ui\u754c\u9762\u4e2dCommonPage\u5bf9\u8c61\u5b8c\u6210Music\u4fe1\u606f\u5f80\u754c\u9762\u66f4\u65b0\u3002<\/p>\n

\/\/ qqmusic.h \u65b0\u589e
\n#include "musiclist.h"
\nMusicList musicList;
\n\/\/ qqmusic.cpp
\nvoid QQMusic::on_addLocal_clicked()
\n{
\n \/\/ ….
\n \/\/ 6. \u663e\u2f70\u5bf9\u8bdd\u6846，\u5e76\u63a5\u6536\u8fd4\u56de\u503c
\n \/\/ \u6a21\u6001\u5bf9\u8bdd\u6846, exec\u5185\u90e8\u662f\u6b7b\u5faa\u73af\u5904\u7406
\n if (fileDialog.exec() == QFileDialog::Accepted)
\n {
\n \/\/ \u5207\u6362\u5230\u672c\u5730\u2fb3\u4e50\u754c\u2faf，\u56e0\u4e3a\u52a0\u8f7d\u5b8c\u7684\u2fb3\u4e50\u9700\u8981\u5728\u672c\u5730\u2fb3\u4e50\u754c\u2faf\u663e\u2f70
\n ui->stackedWidget->setCurrentIndex(4);
\n \/\/ \u83b7\u53d6\u5bf9\u8bdd\u6846\u7684\u8fd4\u56de\u503c
\n QList<QUrl> urls = fileDialog.selectedUrls();<\/p>\n

\/\/ \u62ff\u5230\u6b4c\u66f2\u2f42\u4ef6\u540e，\u5c06\u6b4c\u66f2\u2f42\u4ef6\u4ea4\u7531musicList\u8fdb\u2f8f\u7ba1\u7406
\n musicList.addMusicByUrl(urls);
\n \/\/ \u66f4\u65b0\u5230\u672c\u5730\u2fb3\u4e50\u5217\u8868
\n ui->localPage->reFresh(musicList);
\n }
\n} <\/p>\n

4\u3001\u97f3\u4e50\u5206\u7c7b<\/h3>\n

QQMusic\u4e2d，\u6709\u4e09\u4e2a\u663e\u793a\u6b4c\u66f2\u4fe1\u606f\u7684\u9875\u9762： likePage：\u7ba1\u7406\u548c\u663e\u793a\u70b9\u51fb\u5c0fv\u5fc3\u5fc3\u540e\u6536\u85cf\u7684\u6b4c\u66f2 localPage：\u7ba1\u7406\u548c\u663e\u793a\u672c\u5730\u52a0\u8f7d\u7684\u6b4c\u66f2 recentPage：\u7ba1\u7406\u548c\u663e\u793a\u5386\u53f2\u64ad\u653e\u8fc7\u7684\u6b4c\u66f2 \u8fd9\u4e09\u4e2a\u9875\u9762\u7684\u7c7b\u578b\u90fd\u662fCommonPage，\u6bcf\u4e2a\u9875\u9762\u5e94\u8be5\u7ef4\u62a4\u81ea\u5df1\u9875\u9762\u4e2d\u7684\u6b4c\u66f2\u3002\u56e0\u6b64CommonPage\u7c7b\u4e2d\u9700\u8981\u65b0\u589e：<\/p>\n

\/\/ commonpage.h\u4e2d\u65b0\u589e
\n\/\/ \u533a\u5206\u4e0d\u540cpage\u2eda\u2faf
\nenum PageType
\n{
\n LIKE_PAGE, \/\/ \u6211\u559c\u6b22\u2eda\u2faf
\n LOCAL_PAGE, \/\/ \u672c\u5730\u4e0b\u8f7d\u2eda\u2faf
\n HISTORY_PAGE \/\/ \u6700\u8fd1\u64ad\u653e\u2eda\u2faf
\n};
\nclass CommonForm : public QWidget
\n{
\n \/\/ \u65b0\u589e\u6210\u5458\u51fd\u6570
\npublic:
\n void setMusicListType(PageType pageType);
\n \/\/ \u65b0\u589e\u6210\u5458\u53d8\u91cf
\nprivate:
\n \/\/ \u6b4c\u5355\u5217\u8868
\n QVector<QString> musicListOfPage; \/\/ \u5177\u4f53\u67d0\u4e2a\u2eda\u2faf\u7684\u2fb3\u4e50，\u5c06\u6765\u53ea\u9700\u8981\u5b58\u50a8\u2fb3\u4e50\u7684id\u5373\u53ef
\n PageType pageType; \/\/ \u6807\u8bb0\u5c5e\u4e8elikePage\u3001localPage\u3001recentPage\u54ea\u4e2a\u2eda\u2faf
\n};
\n\/\/ commonpage.cpp\u4e2d\u65b0\u589e：
\nvoid CommonPage::setMusicListType(PageType pageType)
\n{
\n this->pageType = pageType;
\n}
\n\/\/ qqmusic.cpp\u4e2d\u65b0\u589e：
\nvoid initUi()
\n{
\n \/\/ …
\n \/\/ \u8bbe\u7f6eCommonPage\u7684\u4fe1\u606f
\n ui->likePage->setMusicListType(PageType::LIKE_PAGE);
\n ui->likePage->setCommonPageUI("\u6211\u559c\u6b22", ":\/images\/ilikebg.png");
\n ui->localPage->setMusicListType(PageType::LOCAL_PAGE);
\n ui->localPage->setCommonPageUI("\u672c\u5730\u2fb3\u4e50", ":\/images\/localbg.png");
\n ui->recentPage->setMusicListType(PageType::HISTORY_PAGE);
\n ui->recentPage->setCommonPageUI("\u6700\u8fd1\u64ad\u653e", ":\/images\/recentbg.png");
\n} <\/p>\n

QQMusic\u4e2d，\u70b9\u51fbaddLocal(\u672c\u5730\u52a0\u8f7d)\u6309\u94ae\u540e，\u4f1a\u901a\u8fc7\u5176musicList\u6210\u5458\u53d8\u91cf，\u5c06music\u6dfb\u52a0\u5230 musicList\u4e2d\u7ba1\u7406，\u5728\u6dfb\u52a0\u8fc7\u7a0b\u4e2d，\u6bcf\u4e2a\u6b4c\u66f2\u4f1a\u5bf9\u5e94\u4e00\u4e2aMusic\u5bf9\u8c61，Music\u5bf9\u8c61\u5728\u6784\u9020\u65f6，\u4f1a\u5b8c\u6210\u6b4c\u66f2\u6587\u4ef6\u7684\u52a0\u8f7d，\u987a\u4fbf\u5b8c\u6210\u6b4c\u66f2\u540d\u79f0\u3001\u4f5c\u8005\u3001\u4e13\u8f91\u540d\u79f0\u7b49\u5143\u6570\u636e\u7684\u89e3\u6790\u3002\u4e00\u5207\u51c6\u5907\u5c31\u7eea\u4e4b\u540e，\u6bcf\u4e2a CommonPage\u9875\u9762，\u901a\u8fc7QQMusic\u7684musicList\u5206\u79bb\u51fa\u81ea\u5df1\u9875\u9762\u7684\u6b4c\u66f2，\u4fdd\u5b58\u5728musicListOfPage \u4e2d\u3002<\/p>\n

\/\/ commonpage.h\u4e2d\u65b0\u589e：
\n#include "musiclist.h"
\nprivate:
\n void addMusicToMusicPage(MusicList& musicList);<\/p>\n

\/\/ commonpage.cpp \u4e2d\u65b0\u589e：
\n void CommonPage::addMusicToMusicPage(MusicList& musicList)
\n {
\n \/\/ \u5c06\u65e7\u5185\u5bb9\u6e05\u7a7a
\n musicListOfPage.clear();
\n for (auto& music : musicList)
\n {
\n switch (musicListType)
\n {
\n case LOCAL_LIST:
\n musicListOfPage.push_back(music.getMusicId());
\n break;
\n case LIKE_LIST:
\n {
\n if (music.getIsLike())
\n {
\n musicListOfPage.push_back(music.getMusicId());
\n }
\n break;
\n }
\n case HOSTORY_LIST:
\n {
\n if (music.getIsHistory())
\n {
\n musicListOfPage.push_back(music.getMusicId());
\n break;
\n }
\n }
\n default:
\n break;
\n }
\n }
\n } <\/p>\n

\u7531\u4e8emusicList\u6240\u5c5e\u7c7b，\u5e76\u4e0d\u80fd\u76f4\u63a5\u652f\u6301\u8303\u56f4for，\u56e0\u6b64\u9700\u8981\u5728MusicList\u7c7b\u4e2d\u65b0\u589e：<\/p>\n

\/\/ musiclist.h\u4e2d\u65b0\u589e：
\ntypedef typename QVector<Music>::iterator iterator;
\niterator begin();
\niterator end();
\n\/\/ musiclist.cpp\u4e2d\u65b0\u589e：
\niterator MusicList::begin()
\n{
\n return musicList.begin();
\n}
\niterator MusicList::end()
\n{
\n return musicList.end();
\n} <\/p>\n

5\u3001\u66f4\u65b0Muic\u5bf9\u8c61\u5230CommonPage\u9875\u9762<\/h3>\n

\u6b65\u9aa4： 1. \u8c03\u7528addMusicldPageFromMusicList\u51fd\u6570，\u4ecemusicList\u4e2d\u6dfb\u52a0\u5f53\u524d\u9875\u9762\u7684\u6b4c\u66f2 2.\u904d\u5386musicListOfPage，\u62ff\u5230\u6bcf\u9996\u97f3\u4e50\u540e\u5148\u68c0\u67e5\u5176\u662f\u5426\u5728，\u5b58\u5728\u5219\u6dfb\u52a0\u3002 3.\u754c\u9762\u4e0a\u9700\u8981\u66f4\u65b0\u6bcf\u9996\u6b4c\u66f2\u7684：\u6b4c\u66f2\u540d\u79f0\u3001\u4f5c\u8005\u3001\u4e13\u8f91\u540d\u79f0，\u800ccommonPage\u4e2d\u53ea\u4fdd\u5b58\u4e86\u6b4c\u66f2\u7684musicld，\u56e0\u6b64\u9700\u8981\u5728MusicList\u4e2d\u589e\u52a0\u901a\u8fc7musicID\u67e5\u627eMusic\u5bf9\u8c61\u7684\u65b9\u6cd5\u3002<\/p>\n

\/\/ commonpage.h\u4e2d\u65b0\u589e
\nvoid reFresh(MusicList& musicList);
\n\/\/ commonpage.cpp \u4e2d\u65b0\u589e：
\nvoid CommonPage::reFresh(MusicList& musicList)
\n{
\n \/\/ \u4ecemusicList\u4e2d\u5206\u79bb\u51fa\u5f53\u524d\u2eda\u2faf\u7684\u6240\u6709\u2fb3\u4e50
\n addMusicIdPageFromMusicList(musicList);
\n \/\/ \u904d\u5386\u6b4c\u5355，\u5c06\u6b4c\u5355\u4e2d\u7684\u6b4c\u66f2\u663e\u2f70\u5230\u754c\u2faf
\n for (auto musicId : musicListOfPage)
\n {
\n auto it = musicList.findMusicById(musicId);
\n if (it == musicList.end())
\n continue;
\n ListItemBox* listItemBox = new ListItemBox(ui->pageMusicList);
\n listItemBox->setMusicName(it->getMusicName());
\n listItemBox->setSinger(it->getSingerName());
\n listItemBox->setAlbumName(it->getAlbumName());
\n listItemBox->setLikeIcon(it->getIsLike());
\n QListWidgetItem* listWidgetItem = new QListWidgetItem(ui -> pageMusicList);
\n listWidgetItem->setSizeHint(QSize(ui->pageMusicList->width(), 45));
\n ui->pageMusicList->setItemWidget(listWidgetItem, listItemBox);
\n }
\n \/\/ \u66f4\u65b0\u5b8c\u6210\u540e\u5237\u65b0\u4e0b\u754c\u2faf
\n repaint();
\n}
\n\/\/ musiclist.h\u4e2d\u65b0\u589e
\niterator findMusicById(const QString& musicId);
\n\/\/ musiclist.cpp\u4e2d\u65b0\u589e
\niterator MusicList::findMusicById(const QString& musicId)
\n{
\n for (iterator it = begin(); it != end(); ++it)
\n {
\n if (it->getMusicId() == musicId)
\n {
\n return it;
\n }
\n }
\n return end();
\n} <\/p>\n

\u00a0\u5c06\u6b4c\u66f2\u540d\u79f0\u3001\u4f5c\u8005\u3001\u4e13\u8f91\u540d\u79f0\u3001\u559c\u6b22\u56fe\u7247\u7b49\u5f80ListBoxItem\u754c\u9762\u4e2d\u66f4\u65b0\u65f6，\u9700\u8981ListBoxItem\u63d0\u4f9b\u5bf9\u5e94\u7684set\u65b9\u6cd5，\u56e0\u6b64\u9700\u8981\u5728ListltemBox\u7c7b\u4e2d\u65b0\u589e：<\/p>\n

\/\/ listitembox.h\u4e2d\u65b0\u589e：
\npublic:
\n void setMusicName(const QString& name);
\n void setSinger(const QString& singer);
\n void setAlbumName(const QString& albumName);
\n void setLikeIcon(bool like);<\/p>\n

private:
\n bool isLike;<\/p>\n

\/\/ listitembox.cpp\u4e2d\u65b0\u589e：
\n ListItemBox::ListItemBox(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::ListItemBox),
\n isLike(false) \/\/ \u9ed8\u8ba4\u8bbe\u7f6e\u4e3afalse，\u2fb3\u4e50\u52a0\u8f7d\u4e0a\u6765\u4e4b\u540e，\u70b9\u51fb\u4e86\u2f29\u2f3c \u624d\u4e3atrue
\n {
\n ui->setupUi(this);
\n }
\n void ListItemBox::setMusicName(const QString& name)
\n {
\n ui->musicNameLabel->setText(name);
\n }
\n void ListItemBox::setSinger(const QString& singer)
\n {
\n ui->musicSingerLabel->setText(singer);
\n }
\n void ListItemBox::setAlbumName(const QString& albumName)
\n {
\n ui->musicAlbumLabel->setText(albumName);
\n }
\n void ListItemBox::setLikeIcon(bool like)
\n {
\n isLike = like;
\n if (isLike)
\n {
\n ui->likeBtn->setIcon(QIcon(":\/images\/like_2.png"));
\n }
\n else
\n {
\n ui->likeBtn->setIcon(QIcon(":\/images\/like_3.png"));
\n }
\n } <\/p>\n

\u66f4\u65b0\u97f3\u4e50\u4fe1\u606f\u5230\u754c\u9762\u7684\u51fd\u6570\u5904\u7406\u5b8c\u6210\u4e4b\u540e，\u9700\u8981\u5728QQMusic\u7684addLocal\u69fd\u51fd\u6570\u6700\u540e\u8c03\u7528\u3002<\/p>\n

\/\/ qqmusic.cpp\u4e2d\u65b0\u589e：
\nvoid QQMusic::onAddLocalClick()
\n{
\n \/\/ …
\n \/\/ 6. \u663e\u2f70\u5bf9\u8bdd\u6846，\u5e76\u63a5\u6536\u8fd4\u56de\u503c
\n \/\/ \u6a21\u6001\u5bf9\u8bdd\u6846, exec\u5185\u90e8\u662f\u6b7b\u5faa\u73af\u5904\u7406
\n if (fileDialog.exec() == QFileDialog::Accepted)
\n {
\n \/\/ \u5207\u6362\u5230\u672c\u5730\u2fb3\u4e50\u754c\u2faf，\u56e0\u4e3a\u52a0\u8f7d\u5b8c\u7684\u2fb3\u4e50\u9700\u8981\u5728\u672c\u5730\u2fb3\u4e50\u754c\u2faf\u663e\u2f70
\n ui->stackedWidget->setCurrentIndex(4);
\n \/\/ \u83b7\u53d6\u5bf9\u8bdd\u6846\u7684\u8fd4\u56de\u503c
\n QList<QUrl> urls = fileDialog.selectedUrls();
\n \/\/ \u6ce8\u610f：\u540e\u5e8f\u9700\u8981\u5c06\u2fb3\u4e50\u4fe1\u606f\u6dfb\u52a0\u5230\u6570\u636e\u5e93，\u5426\u5219\u6bcf\u6b21\u6253\u5f00\u662f\u90fd\u9700\u8981\u6dfb\u52a0\u2fb3\u4e50\u592a\u2fc7\u70e6\u4e86
\n musicList.addMusicByUrl(urls);
\n \/\/ \u66f4\u65b0\u5230\u672c\u5730\u2fb3\u4e50\u5217\u8868
\n ui->localPage->reFresh(musicList);
\n }
\n} <\/p>\n

\u97f3\u4e50\u6536\u85cf（\u70b9\u51fb\u5c0f\u5fc3\u5fc3）<\/h2>\n

1\u3001\u6536\u85cf\u56fe\u6807\u5904\u7406<\/h3>\n

\u5f53CommonPage\u5f80\u754c\u9762\u66f4\u65b0Music\u4fe1\u606f\u65f6，\u4e5f\u8981\u6839\u636eMusic\u7684isLike\u5c5e\u6027\u66f4\u65b0\u5bf9\u5e94\u7684\u56fe\u6807\u3002\u56e0\u6b64 ListItemBox\u9700\u8981\u6839\u636e\u5f53\u70b9\u51fb\u6211\u559c\u6b22\u6309\u94ae\u4e4b\u540e，\u8981\u5207\u6362ListItemBox\u4e2d\u7684\u5c0f\u5fc3\u5fc3\u3002\u56e0\u6b64ListItemBox\u4e2d\u6dfb\u52a0\u8bbe\u7f6ebool\u7c7b\u578bisLike\u6210\u5458\u53d8\u91cf，\u4ee5\u53casetIsLike\u51fd\u6570，\u5728CommonPage\u6dfb\u52a0Music\u4fe1\u606f\u5230\u754c\u9762\u65f6，\u8981\u80fd\u591f\u8bbe\u7f6e\u5c0f\u5fc3\u5fc3\u56fe\u7247\u3002<\/p>\n

\/\/ listItemBox.h \u4e2d\u65b0\u589e
\nbool isLike;
\nvoid setLikeMusic(bool isLike);
\n\/\/ listItemBox.cp \u4e2d\u65b0\u589e
\nListItemBox::ListItemBox(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::ListItemBox),
\n isLike(false)
\n{
\n ui->setupUi(this);
\n}
\nvoid ListItemBox::setLikeMusic(bool isLike)
\n{
\n this->isLike = isLike;
\n if (isLike)
\n {
\n ui->likeBtn->setIcon(QIcon(":\/images\/like_2.png"));
\n }
\n else
\n {
\n ui->likeBtn->setIcon(QIcon(":\/images\/like_3.png"));
\n }
\n} <\/p>\n

2\u3001\u70b9\u51fb\u6536\u85cf\u6309\u94ae\u5904\u7406<\/h3>\n

\u5f53\u559c\u6b22\u67d0\u9996\u6b4c\u66f2\u65f6，\u53ef\u4ee5\u70b9\u51fb\u754c\u9762\u4e0a\u7ea2\u8272\u5c0f\u5fc3\u5fc3\u6536\u85cf\u8be5\u9996\u6b4c\u66f2\u3002\u6211\u559c\u6b22\u6309\u94ae\u4e2d\u5e94\u8be5\u6709\u4ee5\u4e0b\u64cd\u4f5c： 1.\u66f4\u65b0\u5c0f\u5fc3\u5fc3\u56fe\u6807 2.\u66f4\u65b0Music\u7684\u6211\u559c\u6b22\u5c5e\u6027，\u4f46ListItemBox\u5e76\u6ca1\u6709\u6b4c\u66f2\u6570\u636e，\u6240\u4ee5\u53ea\u80fd\u53d1\u5c04\u4fe1\u53f7，\u8ba9\u5176\u7236\u5143\u7d20 CommonPage\u6765\u5904\u7406<\/p>\n

\/\/ listItemBox.h \u4e2d\u65b0\u589e
\npublic:
\n void onLikeBtnClicked(); \/\/ \u6309\u94ae\u70b9\u51fb\u69fd\u51fd\u6570<\/p>\n

signals:
\n void setIsLike(bool); \/\/ \u901a\u77e5\u66f4\u65b0\u6b4c\u66f2\u6570\u636e\u4fe1\u53f7<\/p>\n

\/\/ ListItemBox.cpp \u4e2d\u65b0\u589e
\n ListItemBox::ListItemBox(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::ListItemBox),
\n isLike(false)
\n {
\n ui->setupUi(this);<\/p>\n

\/\/ likeBtn\u6309\u94ae\u8fde\u63a5\u5176\u70b9\u51fb\u69fd\u51fd\u6570
\n connect(ui->likeBtn, &QPushButton::clicked, this,&ListItemBox::onLikeBtnClicked);
\n }
\n void ListItemBox::onLikeBtnClicked()
\n {
\n isLike = !isLike;
\n setIsLike(isLike);
\n emit setIsLike(isLike);
\n } <\/p>\n

3.CommonPage\u5728\u5f80QListWidget\u4e2d\u6dfb\u52a0\u5143\u7d20\u65f6，\u4f1a\u521b\u5efa\u4e00\u4e2a\u4e2aListItemBox\u5bf9\u8c61，\u6bcf\u4e2a\u5bf9\u8c61\u5c06\u6765\u90fd \u53ef\u80fd\u4f1a\u53d1\u5c04setLikeMusic\u4fe1\u53f7，\u56e0\u6b64\u5728\u5c06ListItemBox\u6dfb\u52a0\u5b8c\u4e4b\u540e，CommonPage\u5e94\u8be5\u5173\u8054\u5148\u8be5\u4fe1 \u53f7，\u5c06\u9700\u8981\u66f4\u65b0\u7684\u7684Music\u4fe1\u606f\u4ee5\u53ca\u662f\u5426\u559c\u6b22，\u540c\u6b65\u7ed9QQMusiC\u3002<\/p>\n

\/\/ commonpage.h\u4e2d\u65b0\u589e
\nsignals:
\n void updateLikeMusic(bool isLike, QString musicId);<\/p>\n

\/\/ commonpage.cpp\u4e2d\u65b0\u589e
\n \/\/ \u8be5\u2f45\u6cd5\u8d1f\u8d23\u5c06\u6b4c\u66f2\u4fe1\u606f\u66f4\u65b0\u5230\u754c\u2faf
\n void CommonPage::reFresh(MusicList& musicList)
\n {
\n \/\/ …
\n for (auto musicId : musicOfPage)
\n {
\n \/\/ …
\n QListWidgetItem* item = new QListWidgetItem(ui->pageMusicList);
\n item->setSizeHint(QSize(listItemBox->width(), listItemBox->height()));
\n ui->pageMusicList->setItemWidget(item, listItemBox);<\/p>\n

\/\/ \u63a5\u6536ListItemBox\u53d1\u5c04\u7684setLikeMusic\u4fe1\u53f7
\n connect(listItemBox, &ListItemBox::setIsLike, this, [=](bool isLike) {
\n emit updateLikeMusic(isLike, it->getMusicId());
\n });
\n }
\n ui->pageMusicList->repaint();
\n } <\/p>\n

QQMusic\u6536\u5230CommonPage\u53d1\u5c04\u7684updateLikePage\u4fe1\u53f7\u540e，\u901a\u77e5\u5176\u4e0a\u7684likePage\u3001localPage\u3001 recentPage\u66f4\u65b0\u5176\u754c\u9762\u7684\u6211\u559c\u6b22\u6b4c\u66f2\u4fe1\u606f\u3002<\/p>\n

\/\/ qqmusic.h \u65b0\u589e
\nvoid onUpdateLikeMusic(bool isLike, QString musicId); \/\/ \u54cd\u5e94CommonPage\u53d1\u5c04updateLikeMusic\u4fe1\u53f7
\n\/\/ qqmusic.cpp\u65b0\u589e
\nvoid QQMusic::connectSignalAndSlots()
\n{
\n \/\/ …<\/p>\n

\/\/ \u5173\u8054CommonPage\u53d1\u5c04\u7684updateLikeMusic\u4fe1\u53f7
\n connect(ui->likePage, &CommonPage::updateLikeMusic, this,
\n &QQMusic::onUpdateLikeMusic);
\n connect(ui->localPage, &CommonPage::updateLikeMusic, this,
\n &QQMusic::onUpdateLikeMusic);
\n connect(ui->recentPage, &CommonPage::updateLikeMusic, this,
\n &QQMusic::onUpdateLikeMusic);
\n}
\nvoid QQMusic::onUpdateLikeMusic(bool isLike, QString musicId)
\n{
\n \/\/ 1. \u627e\u5230\u8be5\u2fb8\u6b4c\u66f2，\u5e76\u66f4\u65b0\u5bf9\u5e94Music\u5bf9\u8c61\u4fe1\u606f
\n auto it = musicList.findMusicByMusicId(musicId);
\n if (it != musicList.end())
\n {
\n it->setIsLike(isLike);
\n }
\n \/\/ 2. \u901a\u77e5\u4e09\u4e2a\u2eda\u2faf\u66f4\u65b0\u2f83\u2f30\u7684\u6570\u636e
\n ui->likePage->reFresh(musicList);
\n ui->localPage->reFresh(musicList);
\n ui->recentPage->reFresh(musicList);
\n} <\/p>\n

3\u3001\u6b4c\u66f2\u91cd\u590d\u663e\u793a\u95ee\u9898<\/h3>\n

\/\/ commonpage.cpp\u4fee\u6539
\nvoid CommonPage::addMusicToMusicPage(MusicList& musicList)
\n{
\n musicOfPage.clear();<\/p>\n

\/\/ …
\n}
\nvoid CommonPage::reFresh(MusicList& musicList)
\n{
\n ui->pageMusicList->clear();
\n \/\/…
\n} <\/p>\n

\u97f3\u4e50\u64ad\u653e\u63a7\u5236<\/h2>\n

1\u3001\u64ad\u653e\u5a92\u4f53\u548c\u64ad\u653e\u5217\u8868\u521d\u59cb\u5316<\/h3>\n

#include <QMediaPlayer>
\n#include <QMediaPlaylist>
\n\/\/ qqmusic.h \u65b0\u589e
\npublic:
\n void initPlayer(); \/\/ \u521d\u59cb\u5316\u5a92\u4f53\u5bf9\u8c61
\nprivate:
\n \/\/\u64ad\u653e\u5668\u76f8\u5173
\n QMediaPlayer* player;
\n \/\/ \u8981\u591a\u2fb8\u6b4c\u66f2\u64ad\u653e，\u4ee5\u53ca\u66f4\u590d\u6742\u7684\u64ad\u653e\u8bbe\u7f6e，\u9700\u8981\u7ed9\u64ad\u653e\u5668\u8bbe\u7f6e\u5a92\u4f53\u5217\u8868
\n QMediaPlaylist* playList;
\n \/\/ qqmusic.cpp \u4e2d\u6dfb\u52a0
\n QQMusic::QQMusic(QWidget* parent)
\n : QWidget(parent)
\n , ui(new Ui::QQMusic)
\n {
\n ui->setupUi(this);
\n \/\/ \u7a97\u2f1d\u63a7\u4ef6\u7684\u521d\u59cb\u5316\u2f2f\u4f5c
\n initUI();
\n \/\/ \u521d\u59cb\u5316\u64ad\u653e\u5668
\n initPlayer();
\n \/\/ \u5173\u8054\u6240\u6709\u4fe1\u53f7\u548c\u69fd
\n connectSignalAndSlot();
\n }
\n void QQMusic::initPlayer()
\n {
\n \/\/ \u521b\u5efa\u64ad\u653e\u5668
\n player = new QMediaPlayer(this);
\n \/\/ \u521b\u5efa\u64ad\u653e\u5217\u8868
\n playList = new QMediaPlaylist(this);
\n \/\/ \u8bbe\u7f6e\u64ad\u653e\u6a21\u5f0f：\u9ed8\u8ba4\u4e3a\u5faa\u73af\u64ad\u653e
\n playList->setPlaybackMode(QMediaPlaylist::Loop);
\n \/\/ \u5c06\u64ad\u653e\u5217\u8868\u8bbe\u7f6e\u7ed9\u64ad\u653e\u5668
\n player->setPlaylist(playList);
\n \/\/ \u9ed8\u8ba4\u2fb3\u91cf\u2f24\u2f29\u8bbe\u7f6e\u4e3a20
\n player->setVolume(20);
\n } <\/p>\n

2\u3001\u64ad\u653e\u5217\u8868\u8bbe\u7f6e<\/h3>\n

\u64ad\u653e\u4e4b\u524d，\u5148\u8981\u5c06\u6b4c\u66f2\u52a0\u5165\u7528\u4e8e\u64ad\u653e\u7684\u5a92\u4f53\u5217\u8868，\u7531\u4e8e\u6bcf\u4e2aCommonPage\u9875\u9762\u7684\u6b4c\u66f2\u4e0d\u540c，\u56e0\u6b64 CommonPage\u4e2d\u65b0\u589e\u5c06\u5176\u9875\u9762\u6b4c\u66f2\u6dfb\u52a0\u5230\u6a21\u4eff\u5217\u8868\u7684\u65b9\u6cd5\u3002<\/p>\n

\/\/ commonpage.h \u4e2d\u65b0\u589e
\n#include <QMediaPlaylist>
\nvoid addMusicToPlayer(MusicList& musicList, QMediaPlaylist* playList);
\n\/\/ commonpage.cpp \u4e2d\u65b0\u589e
\nvoid CommonPage::addMusicToPlayer(MusicList& musicList, QMediaPlaylist* playList)
\n{
\n \/\/ \u6839\u636e\u2fb3\u4e50\u5217\u8868\u4e2d\u2fb3\u4e50\u6240\u5c5e\u7684\u2eda\u2faf，\u5c06\u2fb3\u4e50\u6dfb\u52a0\u5230playList\u4e2d
\n for (auto music : musicList)
\n {
\n switch (pageType)
\n {
\n case LOCAL_PAGE:
\n {
\n playList->addMedia(music.getMusicUrl());
\n break;
\n }
\n case LIKE_PAGE:
\n {
\n if (music.getIsLike())
\n {
\n playList->addMedia(music.getMusicUrl());
\n }
\n break;
\n }
\n case HISTORY_PAGE:
\n {
\n if (music.getIsHistory())
\n {
\n playList->addMedia(music.getMusicUrl());
\n }
\n break;
\n }
\n default:
\n break;
\n }
\n }
\n} <\/p>\n

3\u3001\u64ad\u653e\u548c\u6682\u505c<\/h3>\n

\u5f53\u70b9\u51fb\u64ad\u653e\u548c\u6682\u505c\u6309\u94ae\u65f6，\u64ad\u653e\u72b6\u6001\u5e94\u8be5\u5728\u64ad\u653e\u548c\u6682\u505c\u4e4b\u95f4\u5207\u6362\u3002\u64ad\u653e\u5668\u7684\u72b6\u6001\u5982\u4e0b，\u521a\u5f00\u59cb\u4e3a\u505c\u6b62\u72b6\u6001QMediaPlayer\u7684\u64ad\u653e\u72b6\u6001\u6709:PlayingState()\u3001PausedState()\u3001StoppedState()\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n\/\/ \u64ad\u653e\u63a7\u5236\u533a\u57df
\nvoid onPlayCliked(); \/\/ \u64ad\u653e\u6309\u94ae
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::onPlayCliked()
\n{
\n qDebug() << "\u64ad\u653e\u6309\u94ae\u70b9\u51fb";
\n if (player->state() == QMediaPlayer::PlayingState) {
\n \/\/ \u5982\u679c\u662f\u6b4c\u66f2\u6b63\u5728\u64ad\u653e\u4e2d，\u6309\u4e0b\u64ad\u653e\u952e，\u6b64\u65f6\u5e94\u8be5\u6682\u505c\u64ad\u653e
\n player->pause();
\n }
\n else if (player->state() == QMediaPlayer::PausedState)
\n {
\n \/\/ \u5982\u679c\u662f\u6682\u505c\u72b6\u6001，\u6309\u4e0b\u64ad\u653e\u952e，\u7ee7\u7eed\u5f00\u59cb\u64ad\u653e
\n player->play();
\n }
\n else if (player->state() == QMediaPlayer::StoppedState)
\n {
\n player->play();
\n }
\n}
\nvoid QQMusic::connectSignalAndSlots()
\n{
\n \/\/ …
\n \/\/ \u64ad\u653e\u63a7\u5236\u533a\u7684\u4fe1\u53f7\u548c\u69fd\u51fd\u6570\u5173\u8054
\n connect(ui->play, &QPushButton::clicked, this, &QQMusic::onPlayMusic);
\n} <\/p>\n

\u6ce8\u610f：\u64ad\u653e\u65f6\u9ed8\u8ba4\u662f\u4ece\u64ad\u653e\u5217\u8868\u7d22\u5f15\u4e3a0\u7684\u6b4c\u66f2\u5f00\u59cb\u64ad\u653e\u7684\u3002 \u53e6\u5916\u64ad\u653e\u72b6\u6001\u6539\u53d8\u7684\u65f6\u5019，\u9700\u8981\u4fee\u6539\u64ad\u653e\u6309\u94ae\u4e0a\u56fe\u6807，\u56fe\u7247\u7684\u4fee\u6539\u53ef\u4ee5\u5728onPlayCliked\u51fd\u6570\u4e2d\u8bbe\u7f6e，\u4e5f\u53ef\u4ee5\u62e6\u622aQMediaPlayer\u4e2d\u7684stateChanged\u4fe1\u53f7，\u5f53\u64ad\u653e\u72b6\u6001\u6539\u53d8\u7684\u65f6\u5019，QMediaPlayer\u4f1a\u89e6\u53d1\u8be5\u4fe1\u53f7，\u5728stateChanged\u4fe1\u53f7\u4e2d\u4fee\u6539\u64ad\u653e\u6309\u94ae\u4e5f\u53ef\u4ee5，\u6b64\u5904\u62e6\u622astateChanged\u4fe1\u53f7\u3002<\/p>\n

\/\/ qqmusic.h \u65b0\u589e
\n\/\/ QMediaPlayer\u4fe1\u53f7\u5904\u7406
\n\/\/ \u64ad\u653e\u72b6\u6001\u53d1\u2f63\u6539\u53d8
\nvoid onPlayStateChanged();<\/p>\n

\/\/ qqmusic.cpp \u65b0\u589e
\n\/\/ QMediaPlayer\u4fe1\u53f7\u5173\u8054\u69fd\u51fd\u6570
\nvoid QQMusic::onPlayStateChanged()
\n{
\n qDebug() << "\u64ad\u653e\u72b6\u6001\u6539\u53d8";
\n if (player->state() == QMediaPlayer::PlayingState)
\n {
\n \/\/ \u64ad\u653e\u72b6\u6001
\n ui->play->setIcon(QIcon(":\/images\/play_on.png"));
\n }
\n else
\n {
\n \/\/ \u6682\u505c\u72b6\u6001
\n ui->play->setIcon(QIcon(":\/images\/play3.png"));
\n }
\n}
\nvoid QQMusic::initPlayer()
\n{
\n \/\/ …<\/p>\n

\/\/ QMediaPlayer\u4fe1\u53f7\u548c\u69fd\u51fd\u6570\u5173\u8054
\n \/\/ \u64ad\u653e\u72b6\u6001\u6539\u53d8\u65f6：\u6682\u505c\u548c\u64ad\u653e\u4e4b\u95f4\u5207\u6362
\n connect(player, &QMediaPlayer::stateChanged, this, &QQMusic::onPlayStateChanged);
\n} <\/p>\n

\u64ad\u653e\u548c\u6682\u505c\u5207\u6362\u7684\u65f6\u5019，\u6309\u94ae\u4e0a\u7684\u56fe\u6807\u6709\u91cd\u53e0，\u662f\u56e0\u4e3a\u4e4b\u524d\u5728\u754c\u9762\u8bbe\u7f6e\u7684\u65f6\u5019，\u4e3a\u4e86\u80fd\u770b\u5230\u6548\u679c，\u7ed9\u6309\u94ae\u6dfb\u52a0\u4e86\u80cc\u666f\u56fe\u7247，\u80cc\u666f\u56fe\u7247\u548c\u56fe\u6807\u662f\u4e24\u79cd\u5c5e\u6027，\u90fd\u8bbe\u7f6e\u65f6\u5c31ui\u53e0\u52a0，\u56e0\u6b64\u5c06\u6309\u94ae\u4e0a\u4e2a\u6dfb\u52a0\u80cc\u666f\u56fe\u7247\u6837\u5f0f\u53bb\u9664\u6389\u3002<\/p>\n

void QQMusic::initUi()
\n{
\n \/\/ \u6309\u94ae\u7684\u80cc\u666f\u56fe\u2f5a\u6837\u5f0f\u53bb\u9664\u6389\u4e4b\u540e，\u9700\u8981\u8bbe\u7f6e\u9ed8\u8ba4\u56fe\u6807
\n \/\/ \u64ad\u653e\u63a7\u5236\u533a\u6309\u94ae\u56fe\u6807\u8bbe\u5b9a
\n ui->play->setIcon(QIcon(":\/images\/play_2.png")); \/\/ \u9ed8\u8ba4\u4e3a\u6682\u505c\u56fe\u6807
\n ui->playMode->setIcon(QIcon(":\/images\/shuffle_2.png")); \/\/ \u9ed8\u8ba4\u4e3a\u968f\u673a\u64ad\u653e
\n volumeTool = new VolumeTool(this);
\n} <\/p>\n

4\u3001\u4e0a\u4e00\u66f2\u548c\u4e0b\u4e00\u66f2<\/p>\n

\u64ad\u653e\u5217\u8868\u4e2d，\u63d0\u4f9b\u4e86previous()\u548cnext()\u51fd\u6570，\u901a\u8fc7\u8bbe\u7f6e\u524d\u4e00\u4e2a\u6216\u8005\u4e0b\u4e00\u4e2a\u6b4c\u66f2\u4e3a\u5f53\u524d\u64ad\u653e\u6e90，player\u5c31\u4f1a\u64ad\u653e\u5bf9\u5e94\u7684\u6b4c\u66f2\u3002<\/p>\n

\/\/ qqmusic.h \u65b0\u589e
\nvoid onPlayUpCliked(); \/\/ \u4e0a\u2f00\u66f2
\nvoid onPlayDownCliked(); \/\/ \u4e0b\u2f00\u66f2
\n\/\/ qqmusic.cpp \u65b0\u589e
\nvoid QQMusic::onPlayUpCliked()
\n{
\n playList->previous();
\n}
\nvoid QQMusic::onPlayDownCliked()
\n{
\n playList->next();
\n}
\nvoid QQMusic::connectSignalAndSlots()
\n{
\n \/\/ …
\n \/\/ \u64ad\u653e\u63a7\u5236\u533a\u7684\u4fe1\u53f7\u548c\u69fd\u51fd\u6570\u5173\u8054
\n connect(ui->play, &QPushButton::clicked, this, &QQMusic::onPlayMusic);
\n connect(ui->playUp, &QPushButton::clicked, this, &QQMusic::onPlayUpClicked);
\n connect(ui->playDown, &QPushButton::clicked, this, &QQMusic::onPlayDownClicked);
\n} <\/p>\n

4\u3001\u5207\u6362\u64ad\u653e\u6a21\u5f0f<\/h3>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\nvoid onPlaybackModeCliked(); \/\/ \u64ad\u653e\u6a21\u5f0f\u8bbe\u7f6e
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::initPlayer()
\n{
\n \/\/ …
\n \/\/ \u8bbe\u7f6e\u64ad\u653e\u6a21\u5f0f
\n connect(ui->playMode, &QPushButton::clicked, this,&QQMusic::onPlaybackModeCliked);
\n}
\nvoid QQMusic::onPlaybackModeCliked()
\n{
\n \/\/ \u64ad\u653e\u6a21\u5f0f\u662f\u9488\u5bf9\u64ad\u653e\u5217\u8868\u7684
\n \/\/ \u64ad\u653e\u6a21\u5f0f\u2f40\u6301：\u5faa\u73af\u64ad\u653e\u3001\u968f\u673a\u64ad\u653e\u3001\u5355\u66f2\u5faa\u73af\u4e09\u79cd\u6a21\u5f0f
\n if (playList->playbackMode() == QMediaPlaylist::Loop)
\n {
\n \/\/ \u5217\u8868\u5faa\u73af
\n ui->playMode->setToolTip("\u968f\u673a\u64ad\u653e");
\n playList->setPlaybackMode(QMediaPlaylist::Random);
\n }
\n else if (playList->playbackMode() == QMediaPlaylist::Random)
\n {
\n \/\/ \u968f\u673a\u64ad\u653e
\n ui->playMode->setToolTip("\u5355\u66f2\u5faa\u73af");
\n playList->setPlaybackMode(QMediaPlaylist::CurrentItemInLoop);
\n }
\n else if (playList->playbackMode() == QMediaPlaylist::CurrentItemInLoop)
\n {
\n ui->playMode->setToolTip("\u5217\u8868\u5faa\u73af");
\n playList->setPlaybackMode(QMediaPlaylist::Loop);
\n }
\n else
\n {
\n qDebug() << "\u64ad\u653e\u6a21\u5f0f\u9519\u8bef";
\n }
\n} <\/p>\n

\u64ad\u653e\u6a21\u5f0f\u5207\u6362\u65f6\u4f1a\u89e6\u53d1playbackModeChanged\u4fe1\u53f7，\u5728\u8be5\u4fe1\u53f7\u5bf9\u5e94\u69fd\u51fd\u6570\u4e2d，\u5b8c\u6210\u56fe\u7247\u5207\u6362\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n\/\/ \u64ad\u653e\u6a21\u5f0f\u5207\u6362\u69fd\u51fd\u6570
\nvoid onPlaybackModeChanged(QMediaPlaylist::PlaybackMode playbackMode);
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::onPlaybackModeChanged(QMediaPlaylist::PlaybackMode playbackMode)
\n{
\n if (playbackMode == QMediaPlaylist::Loop)
\n {
\n ui->playMode->setIcon(QIcon(":\/images\/list_play.png"));
\n }
\n else if (playbackMode == QMediaPlaylist::Random)
\n {
\n ui->playMode->setIcon(QIcon(":\/images\/shuffle_2.png"));
\n }
\n else if (playbackMode == QMediaPlaylist::CurrentItemInLoop)
\n {
\n ui->playMode->setIcon(QIcon(":\/images\/single_play.png"));
\n }
\n else
\n {
\n qDebug() << "\u6682\u4e0d\u2f40\u6301\u8be5\u6a21\u5f0f";
\n }
\n}
\nvoid QQMusic::initPlayer()
\n{
\n \/\/ …<\/p>\n

\/\/ \u64ad\u653e\u5217\u8868\u7684\u6a21\u5f0f\u653e\u2f63\u6539\u53d8\u65f6\u7684\u4fe1\u53f7\u69fd\u5173\u8054
\n connect(playList, &QMediaPlaylist::playbackModeChanged, this,
\n &QQMusic::onPlaybackModeChanged);
\n} <\/p>\n

5\u3001\u64ad\u653e\u6240\u6709<\/h3>\n

\u64ad\u653e\u6240\u6709\u6309\u94ae\u5c5e\u4e8eCommonPage\u4e2d\u7684\u6309\u94ae，\u5176\u5bf9\u5e94\u7684\u69fd\u51fd\u6570\u6dfb\u52a0\u5728CommonPage\u7c7b\u4e2d，\u4f46\u662f CommonPage\u4e0d\u5177\u6709\u97f3\u4e50\u64ad\u653e\u7684\u529f\u80fd，\u56e0\u6b64\u5f53\u70b9\u51fb\u64ad\u653e\u6240\u6709\u6309\u94ae\u540e\u4e4b\u540e，\u64ad\u653e\u6240\u6709\u7684\u69fd\u51fd\u6570\u5e94\u8be5\u53d1\u5c04\u51fa\u4fe1\u53f7，\u8ba9QQMusic\u7c7b\u5b8c\u6210\u64ad\u653e\u3002\u7531\u4e8elikePage\u3001localPage\u3001recentPage\u4e09\u4e2aCommonPage\u9875\u9762\u90fd\u6709playAllBtn，\u56e0\u6b64\u8be5\u4fe1\u53f7\u9700\u8981\u5e26\u4e0aPageType\u53c2\u6570，\u9700\u8981\u8ba9QQMusic\u5728\u5904\u7406\u8be5\u4fe1\u53f7\u65f6，\u77e5\u9053\u64ad\u653e\u54ea\u4e2a\u9875\u9762\u7684\u6b4c\u66f2\u3002<\/p>\n

\/\/ commonpage.h \u4e2d\u65b0\u589e\u52a0
\nsignals:
\n \/\/ \u8be5\u4fe1\u53f7\u7531QQMusic\u5904\u7406–\u5728\u6784\u51fd\u6570\u4e2d\u6355\u83b7
\n void playAll(PageType pageType);
\n \/\/ commonpage.cpp \u4e2d\u4fee\u6539
\n CommonPage::CommonPage(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::CommonPage)
\n {
\n ui->setupUi(this);
\n \/\/ playAllBtn\u6309\u94ae\u7684\u4fe1\u53f7\u69fd\u5904\u7406
\n \/\/ \u5f53\u64ad\u653e\u6309\u94ae\u70b9\u51fb\u65f6，\u53d1\u5c04playAll\u4fe1\u53f7，\u64ad\u653e\u5f53\u524d\u2eda\u2faf\u7684\u6240\u6709\u6b4c\u66f2
\n \/\/ playAll\u4fe1\u53f7\u4ea4\u7531QQMusic\u4e2d\u5904\u7406
\n connect(ui->playAllBtn, &QPushButton::clicked, this, [=]() {
\n emit playAll(pageType);
\n });<\/p>\n

\/\/ …
\n } <\/p>\n

\u5728QQMusic\u4e2d，\u7ed9playAll\u4fe1\u53f7\u5173\u8054\u69fd\u51fd\u6570，\u5e76\u64ad\u653e\u5f53\u524dPage\u9875\u9762\u7684\u6240\u6709\u97f3\u4e50\u3002playAll\u69fd\u51fd\u6570\u4e2d，\u6839\u636epageType\u5c06\u5f53\u524dpage\u9875\u9762\u8bb0\u5f55\u4e0b\u6765，\u9ed8\u8ba4\u4ece\u8be5\u9875\u9762\u7684\u7b2c0\u9996\u6b4c\u66f2\u5f00\u59cb\u64ad\u653e\u3002\u6ce8\u610f\u4e0d\u8981\u5fd8\u8bb0\u5173\u8054\u4fe1\u53f7\u69fd\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n\/\/ \u64ad\u653e\u6240\u6709\u4fe1\u53f7\u7684\u69fd\u51fd\u6570
\n#include "commonpage.h"
\nvoid onPlayAll(PageType pageType);
\nvoid playAllOfCommonPage(CommonPage* commonPage, int index);
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::onPlayAll(PageType pageType)
\n{
\n CommonPage* page = nullptr;
\n switch (pageType)
\n {
\n case PageType::LIKE_PAGE:
\n page = ui->likePage;
\n break;
\n case PageType::LOCAL_PAGE:
\n page = ui->localPage;
\n break;
\n case PageType::HOSTORY_PAGE:
\n page = ui->recentPage;
\n break;
\n default:
\n qDebug() << "\u6269\u5c55";
\n }
\n \/\/ \u4ece\u5f53\u524d\u2eda\u2faf\u7684\u96f6\u53f7\u4f4d\u7f6e\u5f00\u59cb\u64ad\u653e
\n playAllOfCommonPage(page, 0);
\n}
\nvoid QQMusic::playAllOfCommonPage(CommonPage* commonPage, int index)
\n{
\n \/\/ \u64ad\u653epage\u6240\u5728\u2eda\u2faf\u7684\u2fb3\u4e50
\n \/\/ \u5c06\u64ad\u653e\u5217\u8868\u5148\u6e05\u7a7a，\u5426\u5219\u2f46\u6cd5\u64ad\u653e\u5f53\u524dCommonPage\u2eda\u2faf\u7684\u6b4c\u66f2
\n \/\/ \u53e6\u5916：\u8be5\u2eda\u2faf\u2fb3\u4e50\u4e0d\u2f00\u5b9a\u5c31\u5728\u64ad\u653e\u5217\u8868\u4e2d，\u56e0\u6b64\u9700\u8981\u5148\u5c06\u8be5\u2eda\u2faf\u2fb3\u4e50\u6dfb\u52a0\u5230\u64ad\u653e\u5217\u8868
\n playList->clear();
\n \/\/ \u5c06\u5f53\u524d\u2eda\u2faf\u6b4c\u66f2\u6dfb\u52a0\u5230\u64ad\u653e\u5217\u8868
\n page->addMusicToPlayer(musicList, playList);
\n \/\/ \u8bbe\u7f6e\u5f53\u524d\u64ad\u653e\u5217\u8868\u7684\u7d22\u5f15
\n playList->setCurrentIndex(index);
\n \/\/ \u64ad\u653e
\n player->play();
\n}
\nvoid QQMusic::connectSignalAndSlots()
\n{
\n \/\/ …
\n \/\/ \u5173\u8054\u64ad\u653e\u6240\u6709\u7684\u4fe1\u53f7\u548c\u69fd\u51fd\u6570
\n connect(ui->likePage, &CommonPage::playAll, this, &QQMusic::onPlayAll);
\n connect(ui->localPage, &CommonPage::playAll, this, &QQMusic::onPlayAll);
\n connect(ui->recentPage, &CommonPage::playAll, this, &QQMusic::onPlayAll);
\n} <\/p>\n

6\u3001\u9f20\u6807\u53cc\u51fb\u64ad\u653e<\/h3>\n

\u5f53QListWidget\u4e2d\u7684\u9879\u88ab\u53cc\u51fb\u65f6，\u4f1a\u89e6\u53d1doubleClicked\u4fe1\u53f7，\u8be5\u4fe1\u53f7\u5728QListWidget\u7684\u57fa\u7c7b\u4e2d\u5b9a\u4e49，\u6709\u4e00\u4e2aindex\u53c2\u6570，\u8868\u793a\u88ab\u53cc\u51fb\u7684QListWidgetItem\u5728QListWidget\u4e2d\u7684\u7d22\u5f15I，\u8be5\u7d22\u5f15\u521a\u597d\u4e0eQMediaPlaylist\u4e2d\u6b4c\u66f2\u7684\u6240\u4ee5\u4e00\u81f4，\u88ab\u53cc\u51fb\u65f6\u76f4\u63a5\u64ad\u653e\u8be5\u9996\u6b4c\u66f2\u5373\u53ef\u3002<\/p>\n

\/\/ CommonPage.h \u4e2d\u65b0\u589e
\nsignals:
\n void playMusicByIndex(CommonPage*, int);
\n \/\/ commonpage.cpp \u4e2d\u65b0\u589e
\n CommonPage::CommonPage(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::CommonPage)
\n {
\n \/\/ …<\/p>\n

connect(ui->pageMusicList, &QListWidget::doubleClicked, this, [=](const
\n QModelIndex& index) {
\n \/\/ \u2fcf\u6807\u53cc\u51fb\u540e，\u53d1\u5c04\u4fe1\u53f7\u544a\u8bc9QQMusic，\u535a\u80fd\u653ethis\u2eda\u2faf\u4e2d\u5171\u88ab\u53cc\u51fb\u7684\u6b4c\u66f2
\n emit playMusicByIndex(this, index.row());
\n });
\n }<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n \/\/ CommonPage\u4e2dplayMusicByIndex\u4fe1\u53f7\u5bf9\u5e94\u69fd\u51fd\u6570
\n void playMusicByIndex(CommonPage* page, int index);
\n \/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\n void QQMusic::playMusicByIndex(CommonPage* page, int index)
\n {
\n playAllMusicOfCommonPage(page, index);
\n }
\n void QQMusic::connectSignalAndSlots()
\n {
\n \/\/ …
\n \/\/ \u5904\u7406likePage\u3001localPage\u3001recentPage\u4e2dListItemBox\u53cc\u51fb
\n connect(ui->likePage, &CommonPage::playMusicByIndex, this,
\n &QQMusic::playMusicByIndex);
\n connect(ui->localPage, &CommonPage::playMusicByIndex, this,
\n &QQMusic::playMusicByIndex);
\n connect(ui->recentPage, &CommonPage::playMusicByIndex, this,
\n &QQMusic::playMusicByIndex);
\n } <\/p>\n

7\u3001\u540c\u6b65\u6700\u8fd1\u64ad\u653e\u7684\u6b4c\u66f2<\/h3>\n

\u5f53\u64ad\u653e\u6b4c\u66f2\u6539\u53d8\u65f6，\u5373\u64ad\u653e\u7684\u5a92\u4f53\u6e90\u53d1\u751f\u4e86\u53d8\u5316，QMediaPlayer\u4f1a\u89e6metaDataAvailableChanged\u4fe1\u53f7，QMediaPlaylist\u4e5f\u4f1a\u89e6\u53d1currentIndexChanged\u4fe1\u53f7，\u8be5\u4fe1\u53f7\u4f1a\u5e26index\u53c2\u6570，\u8868\u793a\u73b0\u5728\u662f\u5a92\u4f53\u64ad\u653e\u5217\u8868\u4e2d\u7684index\u6b4c\u66f2\u88ab\u64ad\u653e，\u901a\u8fc7index\u53ef\u4ee5\u83b7\u53d6\u5230recentPage\u9875\u9762\u4e2d\u5177\u4f53\u64ad\u653e\u7684\u6b4c\u66f2，\u5c06\u8be5\u6b4c\u66f2\u5bf9\u5e94Music\u5bf9\u8c61\u7684isHistoty\u5c5e\u6027\u4fee\u6539\u4e3atrue，\u7136\u540e\u66f4\u65b0\u4e0brencentPage\u7684\u6b4c\u66f2\u5217\u8868，\u64ad\u653e\u8fc7\u7684\u6b4c\u66f2\u5c31\u6dfb\u52a0\u5230\u5386\u53f2\u64ad\u653e\u9875\u9762\u4e2d\u4e86\u3002 \u95ee\u9898：\u83b7\u53d6likePage\u3001localPage\u3001recentPage\u54ea\u4e2aCommonPage\u9875\u9762\u4e2d\u7684\u6b4c\u66f2\u5462? \u7b54\u6848：QQMusic\u7c7b\u4e2d\u7ef4\u62a4CommonPage*\u53d8\u91cfcurrentPage，\u8bb0\u5f55\u5f53\u524d\u6b63\u5728\u64ad\u653e\u7684CommonPage\u9875 \u9762，\u521d\u59cb\u65f6\u8bbe\u7f6e\u4e3alocalPage，\u5f53\u64ad\u653e\u7684\u9875\u9762\u53d1\u751f\u6539\u53d8\u65f6，\u4fee\u6539currentPage\u4e3a\u5f53\u524d\u6b63\u5728\u64ad\u653e\u9875\u9762，\u5176\u4e2d\u70b9\u51fb\u64ad\u653e\u6240\u6709\u6309\u94ae\u4ee5\u53ca\u53cc\u51fbQListWidget\u4e2d\u9879\u7684\u65f6\u5019\u90fd\u56de\u5f15\u8d77currentPage\u7684\u6539\u53d8\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\nCommonPage* curPage;
\n\/\/ qqmusic.cpp \u4e2d\u4fee\u6539
\nvoid QQMusic::initUi()
\n{
\n \/\/ …<\/p>\n

\/\/ \u5c06localPage\u8bbe\u7f6e\u4e3a\u5f53\u524d\u2eda\u2faf
\n ui->stackedWidget->setCurrentIndex(4);
\n currentPage = ui->localPage;<\/p>\n

\/\/ …
\n}
\nvoid QQMusic::playAllOfCommonPage(CommonPage* commonPage, int index)
\n{
\n currentPage = commonPage;
\n \/\/ \u64ad\u653epage\u6240\u5728\u2eda\u2faf\u7684\u2fb3\u4e50
\n \/\/ \u5c06\u64ad\u653e\u5217\u8868\u5148\u6e05\u7a7a，\u5426\u5219\u2f46\u6cd5\u64ad\u653e\u5f53\u524dCommonPage\u2eda\u2faf\u7684\u6b4c\u66f2
\n \/\/ \u53e6\u5916：\u8be5\u2eda\u2faf\u2fb3\u4e50\u4e0d\u2f00\u5b9a\u5c31\u5728\u64ad\u653e\u5217\u8868\u4e2d，\u56e0\u6b64\u9700\u8981\u5148\u5c06\u8be5\u2eda\u2faf\u2fb3\u4e50\u6dfb\u52a0\u5230\u64ad\u653e\u5217\u8868
\n playList->clear();<\/p>\n

\/\/ …
\n} <\/p>\n

\u51c6\u5907\u5de5\u4f5c\u5b8c\u6210\u4e4b\u540e，\u540c\u6b65\u6700\u8fd1\u64ad\u653e\u6b4c\u66f2\u7684\u903b\u8f91\u5b9e\u73b0\u5982\u4e0b：<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n\/\/ \u2f40\u6301\u64ad\u653e\u5386\u53f2\u8bb0\u5f55
\nvoid onCurrentIndexChanged(int index);<\/p>\n

\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::initPlayer(int index)
\n{
\n \/\/ …<\/p>\n

\/\/ \u64ad\u653e\u5217\u8868\u9879\u53d1\u2f63\u6539\u53d8，\u6b64\u65f6\u5c06\u64ad\u653e\u2fb3\u4e50\u6536\u85cf\u5230\u5386\u53f2\u8bb0\u5f55\u4e2d
\n connect(playList, &QMediaPlaylist::currentIndexChanged, this,
\n &QQMusic::onCurrentIndexChanged);
\n}
\nvoid QQMusic::onCurrentIndexChanged(int index)
\n{
\n \/\/ \u2fb3\u4e50\u7684id\u90fd\u5728commonPage\u4e2d\u7684musicListOfPage\u4e2d\u5b58\u50a8\u7740
\n const QString& musicId = currentPage->getMusicIdByIndex(index);
\n \/\/ \u6709\u4e86MusicId\u5c31\u53ef\u4ee5\u518dmusicList\u4e2d\u627e\u5230\u8be5\u2fb3\u4e50
\n auto it = musicList.findMusicByMusicId(musicId);
\n if (it != musicList.end())
\n {
\n \/\/ \u5c06\u8be5\u2fb3\u4e50\u8bbe\u7f6e\u4e3a\u5386\u53f2\u64ad\u653e\u8bb0\u5f55
\n it->setIsHistory(true);
\n }
\n ui->recentPage->reFresh(musicList);
\n}
\n\/\/ commmonpage.h \u4e2d\u65b0\u589e
\nconst QString& getMusicIdByIndex(int index) const;
\n\/\/ commonpage.cpp \u4e2d\u65b0\u589e
\nQString CommonPage::getMusicIdByIndex(int index)
\n{
\n if (index >= musicOfPage.size())
\n {
\n qDebug() << "\u2f46\u6b64\u6b4c\u66f2";
\n return "";
\n }
\n return musicOfPage[index];
\n} <\/p>\n

8\u3001\u97f3\u91cf\u8bbe\u7f6e<\/h3>\n

a\u3001\u529f\u80fd\u5206\u6790<\/h4>\n

\u5f53\u70b9\u51fb\u9759\u97f3\u6309\u94ae\u65f6，\u97f3\u91cf\u5e94\u8be5\u5728\u9759\u97f3\u548c\u975e\u9759\u97f3\u4e4b\u95f4\u8fdb\u884c\u5207\u6362，\u5e76\u4e14\u6309\u94ae\u4e0a\u56fe\u6807\u9700\u8981\u540c\u6b65\u5207\u6362\u3002 \u9f20\u6807\u5728\u6ed1\u7aff\u4e0a\u70b9\u51fb\u6216\u62d6\u52a8\u6ed1\u7aff\u65f6，\u5e94\u8be5\u8ddf\u8fdb\u6ed1\u7aff\u7684\u9ad8\u4f4e\u6bd4\u7387，\u8bbe\u7f6e\u97f3\u91cf\u5927\u5c0f，\u540c\u65f6\u4fee\u6539\u754c\u9762\u97f3\u91cf\u6bd4 \u7387\u3002<\/p>\n

b. QMediaPlayer\u63d0\u4f9b\u652f\u6301<\/h4>\n

QMediaPlayer\u4e2d\u97f3\u91cf\u76f8\u5173\u64cd\u4f5c\u5982\u4e0b：<\/p>\n

int volume; \/\/ \u6807\u8bb0\u2fb3\u91cf\u2f24\u2f29，\u503c\u57280~100\u4e4b\u95f4 int volume()const; \/\/ \u83b7\u53d6\u2fb3\u91cf\u2f24\u2f29 void setVolume(int); \/\/ \u69fd\u51fd\u6570：\u8bbe\u7f6e\u2fb3\u91cf\u2f24\u2f29 bool muted; \/\/ \u662f\u5426\u9759\u2fb3，true\u4e3a\u9759\u2fb3，false\u4e3a\u2fae\u9759\u2fb3 bool isMuted()const; \/\/ \u83b7\u53d6\u9759\u2fb3\u72b6\u6001 bool setMuted(bool muted); \/\/ \u69fd\u51fd\u6570：\u8bbe\u7f6e\u9759\u2fb3\u6216\u2fae\u9759\u2fb3<\/p>\n

c\u3001\u9759\u97f3\u548c\u975e\u9759\u97f3<\/h4>\n

VolumeTool\u7c7b\u4e2d\u9700\u8981\u6dfb\u52a0\u4e24\u4e2a\u6210\u5458\u53d8\u91cf，\u5e76\u5728\u6784\u9020\u51fd\u6570\u4e2d\u5b8c\u6210\u9ed8\u8ba4\u503c\u7684\u8bbe\u7f6e\u3002 \u7ed9\u9759\u97f3\u6309\u94ae\u53c2\u52a0\u69fd\u51fd\u6570onSilenceBtnClicked，\u5e76\u5728\u6784\u9020\u51fd\u6570\u4e2dconnect\u6309\u94ae\u7684clicked\u4fe1\u53f7，\u5f53\u6309 \u94ae\u70b9\u51fb\u65f6\u5019，\u8c03\u7528setMuted(boolnuted)\u51fd\u6570，\u5b8c\u6210\u9759\u97f3\u548c\u975e\u9759\u97f3\u7684\u8bbe\u7f6e\u3002 \u7531\u4e8eVolumeTool\u4e0d\u5177\u5907\u5a92\u4f53\u64ad\u653e\u63a7\u5236，\u56e0\u6b64\u5f53\u9759\u97f3\u72b6\u6001\u53d1\u751f\u6539\u53d8\u65f6，\u53d1\u5c04\u8bbe\u7f6e\u9759\u97f3\u4fe1\u53f7，\u8ba9 QQMusic\u6765\u5904\u7406\u3002\u00a0<\/p>\n

\/\/ volumetool.h \u4e2d\u65b0\u589e
\nsignals:
\n void setSilence(bool); \/\/ \u8bbe\u7f6e\u9759\u2fb3\u4fe1\u53f7
\n void onSilenceBtnClicked(); \/\/ \u9759\u2fb3\u6309\u94ae\u69fd\u51fd\u6570
\n bool isMuted; \/\/ \u8bb0\u5f55\u9759\u2fb3\u6216\u2fae\u9759\u2fb3，\u5f53\u70b9\u51fb\u9759\u2fb3\u6309\u94ae\u65f6，\u5728true\u548cfalse\u4e4b\u95f4\u5207\u6362
\n int volumeRatio; \/\/ \u6807\u8bb0\u2fb3\u91cf\u2f24\u2f29
\n \/\/ volumetool.cpp \u4e2d\u65b0\u589e
\n VolumeTool::VolumeTool(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::VolumeTool),
\n isMuted(false), \/\/ \u9ed8\u8ba4\u9759\u2fb3
\n volumeRatio(20) \/\/ \u9ed8\u8ba4\u2fb3\u91cf\u4e3a20%
\n {
\n \/\/…<\/p>\n

\/\/ \u5173\u8054\u9759\u2fb3\u6309\u94ae\u7684\u4fe1\u53f7\u69fd
\n connect(ui->silenceBtn, &QPushButton::clicked, this,
\n &VolumeTool::onSilenceBtnClicked);
\n }
\n void VolumeTool::onSilenceBtnClicked()
\n {
\n isMuted = !isMuted;
\n if (isMuted)
\n {
\n ui->silenceBtn->setIcon(QIcon(":\/images\/silent.png"));
\n }
\n else
\n {
\n ui->silenceBtn->setIcon(QIcon(":\/images\/volumn.png"));
\n }
\n emit setSilence(isMuted);
\n }
\n \/\/ qqMusic.h \u4e2d\u65b0\u589e
\n void setMusicSilence(bool isMuted);
\n \/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\n void QQMusic::setMusicSilence(bool isMuted)
\n {
\n player->setMuted(isMuted);
\n }
\n void QQMusic::connectSignalAndSlots()
\n {
\n \/\/ …
\n \/\/ \u8bbe\u7f6e\u9759\u2fb3
\n connect(volumeTool, &VolumeTool::setSilence, this,
\n &QQMusic::setMusicSilence);
\n } <\/p>\n

d.\u9f20\u6807\u6309\u4e0b\u3001\u6eda\u52a8\u4ee5\u53ca\u91ca\u653e\u4e8b\u4ef6\u5904\u7406<\/h4>\n

\u5f53\u9f20\u6807\u5728\u6ed1\u7aff\u4e0a\u6309\u4e0b\u65f6，\u9700\u8981\u8bbe\u7f6esliderBtn\u548coutLine\u7684\u4f4d\u7f6e，\u5f53\u9f20\u6807\u5728\u6ed1\u7aff\u4e0a\u79fb\u52a8\u6216\u8005\u9f20\u6807\u62ac\u8d77\u65f6，\u9700\u8981\u8bbe\u7f6eSliderBtnoutLine\u7ed3\u675f\u7684\u4f4d\u7f6e，\u5373\u6539\u53d8VolumeTool\u4e2d\u6ed1\u7aff\u7684\u663e\u793a\u3002\u5177\u4f53\u4fee\u6539\u64ad\u653e\u5a92\u4f53\u97f3\u91cf\u5927\u5c0f\u64cd\u4f5c\u5e94\u8be5\u7531\u4e8eQQMusic\u8d1f\u8d23\u5904\u7406，\u56e0\u6b64\u5f53\u9f20\u6807\u79fb\u52a8\u6216\u91ca\u653e\u65f6，\u9700\u8981\u53d1\u5c04\u4fe1\u53f7\u8ba9QQMusic\u77e5\u9053\u9700\u8981\u4fee\u6539\u64ad\u653e\u5a92\u4f53\u7684\u97f3\u91cf\u5927\u5c0f\u4e86\u3002<\/p>\n

\/\/ volumetool.h \u4e2d\u65b0\u589e
\n\/\/ \u53d1\u5c04\u4fee\u6539\u2fb3\u91cf\u2f24\u2f29\u69fd\u51fd\u6570
\nvoid setMusicVolume(int);
\n\/\/ \u4e8b\u4ef6\u8fc7\u6ee4\u5668
\nbool eventFilter(QObject* object, QEvent* event);
\n\/\/ volumetool.cpp \u4e2d\u65b0\u589e<\/p>\n

bool VolumeTool::eventFilter(QObject * object, QEvent * event)
\n{
\n \/\/ \u8fc7\u6ee4volumeBox\u4e0a\u7684\u4e8b\u4ef6
\n if (object == ui->volumeBox)
\n {
\n if (event->type() == QEvent::MouseButtonPress)
\n {
\n \/\/ \u5982\u679c\u662f\u2fcf\u6807\u6309\u4e0b\u4e8b\u4ef6，\u4fee\u6539sliderBtn\u548coutLine\u7684\u4f4d\u7f6e，\u5e76\u8ba1\u7b97
\n volumeRation
\n setVolume();
\n }
\n else if (event->type() == QEvent::MouseMove)
\n {
\n \/\/ \u5982\u679c\u662f\u2fcf\u6807\u6eda\u52a8\u4e8b\u4ef6，\u4fee\u6539sliderBtn\u548coutLine\u7684\u4f4d\u7f6e，\u5e76\u8ba1\u7b97
\n volumeRation，
\n setVolume();
\n \/\/ \u5e76\u53d1\u5c04setMusicVolume\u4fe1\u53f7
\n emit setMusicVolume(volumeRatio);
\n }
\n else if (event->type() == QEvent::MouseButtonRelease)
\n {
\n \/\/ \u5982\u679c\u662f\u2fcf\u6807\u91ca\u653e\u4e8b\u4ef6，\u76f4\u63a5\u53d1\u5c04setMusicVolume\u4fe1\u53f7
\n emit setMusicVolume(volumeRatio);
\n }<\/p>\n

return true;
\n }<\/p>\n

return QObject::eventFilter(object, event);
\n}
\nVolumeTool::VolumeTool(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::VolumeTool),
\n isMuted(false),
\n volumeRatio(20)
\n{
\n \/\/ …<\/p>\n

\/\/ \u5b89\u88c5\u4e8b\u4ef6\u8fc7\u6ee4\u5668
\n ui->volumeBox->installEventFilter(this);
\n} <\/p>\n

e.outLine\u548cSliderBtn\u4ee5\u53cavolumeRation\u66f4\u65b0\u00a0<\/h4>\n

\/\/ volumetool.h \u4e2d\u65b0\u589e
\n\/\/ \u6839\u636e\u2fcf\u6807\u5728\u6ed1\u7aff\u4e0a\u6ed1\u52a8\u66f4\u65b0\u6ed1\u52a8\u754c\u2faf，\u5e76\u6309\u7167\u2f50\u4f8b\u8ba1\u7b97\u2fb3\u91cf\u2f24\u2f29
\nvoid setVolume();
\n\/\/ volumetool.cpp \u4e2d\u65b0\u589e
\nvoid VolumeTool::setVolume()
\n{
\n \/\/ 1. \u5c06\u2fcf\u6807\u7684\u4f4d\u7f6e\u8f6c\u6362\u4e3asloderBox\u4e0a\u7684\u76f8\u5bf9\u5750\u6807，\u6b64\u5904\u53ea\u8981\u83b7\u53d6y\u5750\u6807
\n int height = ui->volumeBox->mapFromGlobal(QCursor().pos()).y();
\n \/\/ 2. \u2fcf\u6807\u5728volumeBox\u4e2d\u53ef\u79fb\u52a8\u7684y\u8303\u56f4\u5728[25, 205\u4e4b\u95f4]
\n height = height < 25 ? 25 : height;
\n height = height > 205 ? 205 : height;
\n \/\/ 3. \u8c03\u6574sloderBt\u7684\u4f4d\u7f6e
\n ui->silderBtn->move(ui->silderBtn->x(), height – ui->silderBtn -> height() \/ 2);
\n \/\/ 4. \u66f4\u65b0outline\u7684\u4f4d\u7f6e\u548c\u2f24\u2f29
\n ui->outLine->setGeometry(ui->outLine->x(), height, ui->outLine->width(),205 – height);
\n \/\/ 5. \u8ba1\u7b97\u2fb3\u91cf\u2f50\u7387
\n volumeRatio = (int)((int)ui->outLine->height() \/ (float)180 * 100);
\n \/\/ 6. \u8bbe\u7f6e\u7ed9label\u663e\u2f70\u51fa\u6765
\n ui->volumeRatio->setText(QString::number(volumeRatio) + "%");
\n} <\/p>\n

f.QQMusic\u7c7b\u62e6\u622aVolumeTool\u53d1\u5c04\u7684setMusicVolume\u4fe1\u53f7，\u5c06\u97f3\u91cf\u5927\u5c0f\u8bbe\u7f6e\u4e3a\u6307\u5b9a\u503c\u3002<\/h4>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\nvoid setPlayerVolume(int vomume); \/\/ \u8bbe\u7f6e\u2fb3\u91cf\u2f24\u2f29
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::setPlayerVolume(int volume)
\n{
\n player->setVolume(volume);
\n}
\nvoid QQMusic::connectSignalAndSlots()
\n{
\n \/\/ …<\/p>\n

\/\/ \u8bbe\u7f6e\u2fb3\u91cf\u2f24\u2f29
\n connect(volumeTool, &VolumeTool::setMusicVolume, this,
\n &QQMusic::setPlayerVolume);
\n} <\/p>\n

9\u3001\u5f53\u524d\u64ad\u653e\u65f6\u95f4\u548c\u603b\u65f6\u95f4\u66f4\u65b0<\/h3>\n

a\u3001\u754c\u9762\u6b4c\u66f2\u603b\u65f6\u95f4\u66f4\u65b0<\/h4>\n

\u6b4c\u66f2\u603b\u65f6\u95f4\u5728Music\u5bf9\u8c61\u4e2d\u53ef\u4ee5\u83b7\u53d6，\u4e5f\u53ef\u4ee5\u8ba9player\u8c03\u7528\u81ea\u5df1\u7684duration()\u65b9\u6cd5\u83b7\u53d6\u3002\u4f46\u662f\u8fd9\u4e24\u79cd \u83b7\u53d6\u6b4c\u66f2\u603b\u65f6\u95f4\u7684\u8c03\u7528\u65f6\u673a\u4e0d\u592a\u597d\u786e\u5b9a\u3002\u6211\u4eec\u671f\u671b\u7684\u662f\u5f53\u6b4c\u66f2\u53d1\u751f\u5207\u6362\u65f6，\u83b7\u53d6\u5230\u6b63\u5728\u64ad\u653e\u6b4c\u66f2\u7684 \u603b\u65f6\u957f\u3002\u5f53\u64ad\u653e\u6e90\u7684\u6301\u7eed\u65f6\u957f\u53d1\u751f\u6539\u53d8\u65f6，QMediaPlayer\u4f1a\u89e6\u53d1durationChanged\u4fe1\u53f7，\u8be5\u4fe1\u53f7\u4e2d\u63d0\u4f9b\u4e86\u5c06\u8981\u64ad\u653e\u5a92\u4f53\u7684\u603b\u65f6\u957f\u3002\u56e0\u6b64\u5728QQMusic\u7c7b\u4e2d\u7ed9\u8be5\u4fe1\u53f7\u5173\u8054\u69fd\u51fd\u6570，\u5728\u69fd\u51fd\u6570\u4e2d\u5c06duration\u66f4\u65b0\u5230\u754c\u9762\u603b\u65f6\u95f4\u5373\u53ef\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n\/\/ \u6b4c\u66f2\u6301\u7eed\u65f6\u2ed3\u6539\u53d8\u65f6[\u6b4c\u66f2\u5207\u6362]
\nvoid onDurationChanged(qint64 duration);
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::onDurationChanged(qint64 duration)
\n{
\n ui->totalTime->setText(QString("%1:%2").arg(duration \/ 1000 \/ 60, 2, 10,
\n QChar('0'))
\n .arg(duration \/ 1000 % 60, 2, 10,
\n QChar('0')));
\n}
\nvoid QQMusic::initPlayer()
\n{
\n \/\/ ….
\n \/\/ \u5a92\u4f53\u6301\u7eed\u65f6\u2ed3\u66f4\u65b0，\u5373：\u2fb3\u4e50\u5207\u6362，\u65f6\u2ed3\u66f4\u65b0，\u754c\u2faf\u4e0a\u65f6\u95f4\u4e5f\u8981\u66f4\u65b0
\n connect(player, &QMediaPlayer::durationChanged, this,
\n &QQMusic::onDurationChanged);
\n} <\/p>\n

b\u3001\u754c\u9762\u6b4c\u66f2\u5f53\u524d\u64ad\u653e\u65f6\u95f4\u66f4\u65b0<\/h4>\n

\u5a92\u4f53\u5728\u6301\u7eed\u64ad\u653e\u8fc7\u7a0b\u4e2d，QMediaPlayer\u4f1a\u53d1\u5c04positionChanged，\u8be5\u4fe1\u53f7\u5e26\u6709\u4e00\u4e2aqint64\u7c7b\u578b\u53c2 \u6570，\u8868\u793a\u5a92\u4f53\u5f53\u524d\u6301\u7eed\u64ad\u653e\u7684\u65f6\u95f4\u3002\u56e0\u6b64，\u5728QQMusic\u4e2d\u6355\u83b7\u8be5\u4fe1\u53f7，\u4fbf\u53ef\u83b7\u53d6\u5230\u6b63\u5728\u64ad\u653e\u5a92\u4f53\u7684\u6301\u7eed\u65f6\u95f4\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n\/\/ \u64ad\u653e\u4f4d\u7f6e\u6539\u53d8，\u5373\u6301\u7eed\u64ad\u653e\u65f6\u95f4\u6539\u53d8
\nvoid onPositionChanged(qint64 duration);
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::onPositionChanged(qint64 duration)
\n{
\n ui->currentTime->setText(QString("%1:%2").arg(duration \/ 1000 \/ 60, 2, 10,
\n QChar('0'))
\n .arg(duration \/ 1000 % 60, 2, 10,
\n QChar('0')));<\/p>\n

\/\/ \u754c\u2faf\u4e0a\u7684\u8fdb\u5ea6\u6761\u4e5f\u9700\u8981\u540c\u6b65\u4fee\u6539
\n}
\nvoid QQMusic::initPlayer()
\n{
\n \/\/ ….
\n \/\/ \u64ad\u653e\u4f4d\u7f6e\u53d1\u2f63\u6539\u53d8，\u5373\u5df2\u7ecf\u64ad\u653e\u65f6\u95f4\u66f4\u65b0
\n connect(player, &QMediaPlayer::positionChanged, this,
\n &QQMusic::onPositionChanged);
\n} <\/p>\n

10\u3001\u8fdb\u5ea6\u6761\u5904\u7406<\/h3>\n

a\u3001seek\u529f\u80fd\u4ecb\u7ecd<\/h4>\n

\u64ad\u653e\u5668\u7684seek\u529f\u80fd\u6307，\u901a\u8fc7\u65f6\u95f4\u6216\u4f4d\u7f6e\u5feb\u901f\u5b9a\u4f4d\u5230\u89c6\u9891\u6216\u97f3\u9891\u6d41\u7684\u7279\u5b9a\u4f4d\u7f6e，\u5141\u8bb8\u7528\u6237\u5728\u64ad\u653e\u8fc7\u7a0b\u4e2d\u968f\u65f6\u8df3\u8f6c\u5230\u7279\u5b9a\u65f6\u95f4\u70b9，\u4ece\u800c\u5feb\u901f\u627e\u5230\u611f\u5174\u8da3\u7684\u5185\u5bb9\u6216\u91cd\u65b0\u5f00\u59cb\u64ad\u653e\u3002<\/p>\n

\"\"<\/p>\n

b\u3001\u8fdb\u5ea6\u6761\u754c\u9762\u663e\u793a\u00a0<\/h4>\n

\u8fdb\u5ea6\u6761\u529f\u80fd\u8fdb\u5ea6\u754c\u9762\u5c55\u793a\u4e0e\u97f3\u91cf\u8c03\u8282\u4f4d\u7f6e\u7c7b\u4f3c，\u62e6\u622a\u9f20\u6807\u6309\u4e0b\u3001\u9f20\u6807\u79fb\u52a8\u3001\u4ee5\u53ca\u9f20\u6807\u91ca\u653e\u6d88\u606f\u5373\u53ef\u3002\u5728\u5185\u90e8\u6355\u83b7\u5230\u9f20\u6807\u7684\u4f4d\u7f6e\u7684\u6a2a\u5750\u6807x，\u5c06x\u4f5c\u4e3aoutLine\u7684\u5bbd\u5ea6\u5373\u53ef\u3002\u5373\u5728\u9f20\u6807\u6309\u4e0b\u3001\u79fb\u52a8\u3001\u91ca\u653e\u7684\u65f6\u5019，\u4fee\u6539outLine\u7684\u5bbd\u5ea6\u5373\u53ef\u3002<\/p>\n

\/\/ musicslider.h \u4e2d\u65b0\u589e
\nvoid mousePressEvent(QMouseEvent * event); \/\/ \u91cd\u5199\u2fcf\u6807\u6309\u4e0b\u4e8b\u4ef6
\nvoid mouseMoveEvent(QMouseEvent * event); \/\/ \u91cd\u5199\u2fcf\u6807\u6eda\u52a8\u4e8b\u4ef6
\nvoid mouseReleaseEvent(QMouseEvent * event); \/\/ \u91cd\u5199\u2fcf\u6807\u91ca\u653e\u4e8b\u4ef6
\nvoid moveSilder(); \/\/ \u4fee\u6539outLine\u7684\u5bbd\u5ea6\u4e3acurrentPos<\/p>\n

private:
\n int currentPos; \/\/ \u6ed1\u52a8\u6761\u5f53\u524d\u4f4d\u7f6e<\/p>\n

\/\/ musicslider.cpp \u4e2d\u65b0\u589e
\n MusicSlider::MusicSlider(QWidget * parent) :
\n QWidget(parent),
\n ui(new Ui::MusicSlider)
\n {
\n ui->setupUi(this);
\n \/\/ \u521d\u59cb\u60c5\u51b5\u4e0b，\u8fd8\u6ca1\u6709\u5f00\u59cb\u64ad\u653e，\u5c06\u5f53\u524d\u64ad\u653e\u8fdb\u5ea6\u8bbe\u7f6e\u4e3a0
\n currentPos = 0;
\n maxWidth = width();
\n moveSilder();
\n }
\n void MusicSlider::mousePressEvent(QMouseEvent* event)
\n {
\n \/\/ \u6ce8\u610f：QMouseEvent\u4e2d\u7684pos()\u4e3a\u2fcf\u6807\u76f8\u5bf9\u4e8ewidget\u7684\u5750\u6807，\u4e0d\u662f\u76f8\u5f53\u4e8escreen
\n \/\/ \u56e0\u6b64\u2fcf\u6807\u4f4d\u7f6e\u7684 x \u5750\u6807\u53ef\u76f4\u63a5\u4f5c\u4e3aoutLine\u7684\u5bbd\u5ea6
\n currentPos = event->pos().x();
\n moveSilder();
\n }
\n void MusicSlider::mouseMoveEvent(QMouseEvent* event)
\n {
\n \/\/ \u5982\u679c\u2fcf\u6807\u4e0d\u5728MusicSlider\u7684\u77e9\u5f62\u5185，\u4e0d\u8fdb\u2f8f\u62d6\u62fd
\n QRect rect = QRect(0, 0, width(), height());
\n QPoint pos = event->pos();
\n if (!rect.contains(pos))
\n {
\n return;
\n }
\n \/\/ \u6839\u636e\u2fcf\u6807\u6ed1\u52a8\u7684\u4f4d\u7f6e\u66f4\u65b0outLine\u7684\u5bbd\u5ea6
\n if (event->buttons() == Qt::LeftButton)
\n {
\n \/\/ \u9a8c\u8bc1：\u2fcf\u6807\u70b9\u51fb\u7684x\u5750\u6807\u662f\u5426\u8d8a\u754c，\u5982\u679c\u8d8a\u754c\u5c06\u5176\u8c03\u6574\u5230\u8fb9\u754c
\n currentPos = event->pos().x();
\n if (currentPos < 0)
\n {
\n currentPos = 0;
\n }
\n if (currentPos > maxWidth)
\n {
\n currentPos = maxWidth;
\n }<\/p>\n

moveSilder();
\n }
\n }
\n void MusicSlider::mouseReleaseEvent(QMouseEvent* event)
\n {
\n currentPos = event->pos().x();
\n moveSilder();
\n }
\n void MusicSlider::moveSilder()
\n {
\n \/\/ \u6839\u636e\u5f53\u524d\u8fdb\u5ea6\u8bbe\u7f6e\u5916\u90e8\u6ed1\u52a8\u6761\u7684\u4f4d\u7f6e
\n ui->outLine->setMaximumWidth(currentPos);
\n ui->outLine->setGeometry(0, 8, currentPos, 4);
\n } <\/p>\n

c\u3001\u8fdb\u5ea6\u6761\u540c\u6b65\u6301\u7eed\u64ad\u653e\u65f6\u95f4<\/h4>\n

\u5f53\u9f20\u6807\u91ca\u653e\u4e4b\u540e，\u8ba1\u7b97\u51fa\u8fdb\u5ea6\u6761\u5f53\u524d\u4f4d\u7f6ecurrentPos\u548c\u603b\u5bbd\u5ea6\u7684maxWidth\u6bd4\u7387，\u7136\u540e\u53d1\u5c04\u4fe1\u53f7\u544a\u8bc9QQMusic，\u8ba9player\u6309\u7167\u8be5\u6bd4\u7387\u66f4\u65b0\u6301\u7eed\u64ad\u653e\u65f6\u95f4\u3002<\/p>\n

\/\/ musicslider.h \u65b0\u589e
\nsignals:
\n void setMusicSliderPosition(float);
\n \/\/ musicslider.cpp \u4e2d\u65b0\u589e
\n void MusicSlider::mouseReleaseEvent(QMouseEvent* event)
\n {
\n currentPos = event->pos().x();
\n moveSilder();
\n emit setMusicSliderPosition((float)currentPos \/ (float)maxWidth);
\n }
\n \/\/ qqmusic.h \u4e2d\u65b0\u589e
\n void onMusicSliderChanged(float value); \/\/ \u8fdb\u5ea6\u6761\u6539\u53d8
\n \/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\n void QQMusic::onMusicSliderChanged(float value)
\n {
\n \/\/ 1. \u8ba1\u7b97\u5f53\u524dseek\u4f4d\u7f6e\u7684\u65f6\u2ed3
\n qint64 duration = (qint64)(totalDuration * value);<\/p>\n

\/\/ 2. \u8f6c\u6362\u4e3a\u767e\u5206\u5236，\u8bbe\u7f6e\u5f53\u524d\u65f6\u95f4
\n ui->currentTime->setText(QString("%1:%2").arg(duration \/ 1000 \/ 60, 2, 10,
\n QChar('0'))
\n .arg(duration \/ 1000 % 60, 2, 10,
\n QChar('0')));
\n \/\/ 3. \u8bbe\u7f6e\u5f53\u524d\u64ad\u653e\u4f4d\u7f6e
\n player->setPosition(duration);
\n }
\n void QQMusic::connectSignalAndSlots()
\n {
\n \/\/ …
\n \/\/ \u8fdb\u5ea6\u6761\u62d6\u62fd
\n connect(ui->progressBar, &MusicSlider::setMusicSliderPosition, this,
\n &QQMusic::onMusicSliderChanged);
\n } <\/p>\n

d\u3001\u6301\u7eed\u65f6\u95f4\u540c\u6b65\u8fdb\u5ea6\u6761<\/h4>\n

\u5f53\u64ad\u653e\u4f4d\u7f6e\u66f4\u65b0\u65f6，\u754c\u9762\u4e0a\u6301\u7eed\u64ad\u653e\u65f6\u95f4\u4e00\u76f4\u5728\u66f4\u65b0，\u56e0\u6b64\u8fdb\u5ea6\u6761\u4e5f\u9700\u8981\u6301\u7eed\u5411\u524d\u8fdb\u3002MusicSlider\u5e94\u8be5\u63d0\u4f9bsetStep\u51fd\u6570，\u64ad\u653e\u8fdb\u5ea6\u6301\u7eed\u66f4\u65b0\u65f6，\u4e5f\u5c06\u8fdb\u5ea6\u6761\u901a\u8fc7setStep\u51fd\u6570\u66f4\u65b0\u4e0b\u3002<\/p>\n

\/\/ musicslider.h \u4e2d\u65b0\u589e
\nvoid setStep(float bf);
\n\/\/ musicslider.cpp \u4e2d\u65b0\u589e
\nvoid MusicSlider::setStep(float bf)
\n{
\n currentPos = maxWidth * bf;
\n moveSilder();
\n}
\n\/\/ qqmusic.cpp \u4e2d\u4fee\u6539
\nvoid QQMusic::onPositionChanged(qint64 duration)
\n{
\n \/\/ 1. \u66f4\u65b0\u5df2\u7ecf\u64ad\u653e\u65f6\u95f4
\n ui->currentTime->setText(QString("%1:%2").arg(duration \/ 1000 \/ 60, 2, 10,
\n QChar('0'))
\n .arg(duration \/ 1000 % 60, 2, 10,
\n QChar('0')));
\n \/\/ 2. \u8fdb\u5ea6\u6761\u5904\u7406<\/p>\n

ui->progressBar->setStep((float)duration \/ (float)totalDuration);
\n} <\/p>\n

\u00a0e\u3001\u6b4c\u66f2\u540d\u3001\u6b4c\u624b\u548c\u5c01\u9762\u65f6\u95f4\u540c\u6b65<\/h4>\n

\u5728\u8fdb\u884c\u6b4c\u66f2\u5207\u6362\u65f6\u5019，\u6b4c\u66f2\u540d\u79f0\u3001\u6b4c\u624b\u4ee5\u53ca\u6b4c\u66f2\u7684\u5c01\u9762\u56fe，\u4e5f\u9700\u8981\u66f4\u65b0\u5230\u754c\u9762\u3002\u6b4c\u66f2\u540d\u79f0\u3001\u6b4c\u624b\u53ef\u4ee5\u518dMusic\u5bf9\u8c61\u4e2d\u8fdb\u884c\u83b7\u53d6，\u6b4c\u66f2\u7684\u5c01\u9762\u56fe\u53ef\u4ee5\u901a\u8fc7player\u5230\u6b4c\u66f2\u7684\u5143\u6570\u636e\u4e2d\u83b7\u53d6，\u83b7\u53d6\u65f6\u9700\u8981\u4f7f \u7528"Thumbnaillmage"\u4f5c\u4e3a\u53c2\u6570，\u6ce8\u610f\u6709\u4e9b\u6b4c\u66f2\u53ef\u80fd\u6ca1\u6709\u5c01\u9762\u56fe，\u5982\u679c\u6ca1\u6709\u8bbe\u7f6e\u4e00\u5f20\u9ed8\u8ba4\u7684\u5c01\u9762\u56fe\u3002 \u7531\u4e8e\u6b4c\u66f2\u5207\u6362\u65f6，player\u9700\u8981\u5c06\u65b0\u64ad\u653e\u6b4c\u66f2\u4f5c\u4e3a\u64ad\u653e\u6e90，\u5e76\u89e3\u6790\u6b4c\u66f2\u6587\u4ef6，\u5982\u679c\u6b4c\u66f2\u6587\u4ef6\u662f\u6709\u6548\u7684\u624d\u80fd\u64ad\u653e;\u56e0\u6b64QQMusic\u7c7b\u53ef\u4ee5\u7ed9QMediaPlayer\u53d1\u5c04\u7684metaDataAvailableChanged(bool))\u4fe1 \u53f7\u5173\u8054\u69fd\u51fd\u6570，\u5f53\u6b4c\u66f2\u66f4\u6362\u65f6，\u5b8c\u6210\u4fe1\u606f\u7684\u66f4\u65b0\u3002<\/p>\n

\/\/ qqmusic.h\u4e2d\u65b0\u589e
\nvoid onMetaDataAvailableChangedChanged(bool available)
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::onMetaDataAvailableChangedChanged(bool available)
\n{
\n \/\/ \u64ad\u653e\u6e90\u6539\u53d8
\n qDebug() << "\u6b4c\u66f2\u5207\u6362";
\n \/\/ 1. \u4eceplayer\u64ad\u653e\u6b4c\u66f2\u7684\u5143\u6570\u636e\u4e2d\u83b7\u53d6\u6b4c\u66f2\u4fe1\u606f
\n QString singer = player->metaData("Author").toStringList().join(",");
\n QString musicName = player->metaData("Title").toString();
\n if (musicName.isEmpty())
\n {
\n auto it = musicList.findMusicByMusicId(currentPage –
\n> getMusicIdByIndex(curPlayMusicIndex));
\n if (it != musicList.end())
\n {
\n musicName = it->getMusicName();
\n singer = it->getMusicSinger();
\n }
\n }
\n \/\/ 2. \u8bbe\u7f6e\u6b4c\u2f3f\u3001\u6b4c\u66f2\u540d\u79f0\u3001\u4e13\u8f91\u540d\u79f0
\n ui->musicName->setText(musicName);
\n ui->musicSinger->setText(singer);<\/p>\n

\/\/ 3. \u83b7\u53d6\u5c01\u2faf\u56fe\u2f5a
\n QVariant coverImage = player->metaData("ThumbnailImage");
\n if (coverImage.isValid())
\n {
\n \/\/ \u83b7\u53d6\u5c01\u2faf\u56fe\u2f5a\u6210\u529f
\n QImage image = coverImage.value<QImage>();
\n \/\/ \u8bbe\u7f6e\u5c01\u2faf\u56fe\u2f5a
\n ui->musicCover->setPixmap(QPixmap::fromImage(image));
\n \/\/ \u7f29\u653e\u586b\u5145\u5230\u6574\u4e2aLabel
\n ui->musicCover->setScaledContents(true);
\n currentPage->setImageLabel(QPixmap::fromImage(image));
\n }
\n else
\n {
\n \/\/ \u8bbe\u7f6e\u9ed8\u8ba4\u56fe\u2f5a-\u4fee\u6539
\n qDebug() << "\u6b4c\u66f2\u6ca1\u6709\u5c01\u2faf\u56fe\u2f5a";
\n }
\n}
\nvoid CommonForm::setImageLabel(QPixmap pixMap)
\n{
\n ui->musicImgLabel->setPixmap(pixMap);
\n ui->musicImgLabel->setScaledContents(true);
\n} <\/p>\n

Lrl\u6b4c\u8bcd\u540c\u6b65<\/h2>\n

1\u3001\u754c\u9762\u5206\u6790<\/h3>\n

\"\"<\/p>\n

\u2460\u548c\u2461\u4e3aQLabel，\u5206\u522b\u663e\u793a\u4f5c\u8005\u548c\u6b4c\u66f2\u540d\u79f0; \u2462~\u2468\u5747\u4e3aQLabel，\u7528\u6765\u663e\u793a\u6b4c\u8bcd，\u2465\u4e3a\u5f53\u524d\u6b63\u5728\u64ad\u653e\u6b4c\u8bcd，\u2462\u2463\u2464\u4e3a\u5f53\u524d\u64ad\u653e\u6b4c\u8bcd\u7684\u524d\u4e09\u53e5，\u2466\u2467\u2468\u4e3a\u5f53\u524d\u64ad\u653e\u6b4c\u8bcd\u7684\u540e\u4e09\u53e5\u3002\u6b4c\u8bcd\u4f1a\u968f\u7740\u64ad\u653e\u65f6\u95f4\u6301\u7eed，\u4ece\u4e0b\u5f80\u4e0a\u79fb\u52a8\u3002 \u2460\u4e3a\u6309\u94ae，\u70b9\u51fb\u4e4b\u540e\u7a97\u53e3\u9690\u85cf\u3002\u00a0<\/p>\n

2\u3001Lrc\u6b4c\u8bcd\u663e\u793a\u00a0<\/h3>\n

\u5728LrcPage\u7684\u6784\u9020\u51fd\u6570\u4e2d，\u5c06\u7a97\u53e3\u7684\u6807\u9898\u680f\u53bb\u9664\u6389；\u5e76\u7ed9hideBtn\u5173\u8054clicked\u4fe1\u53f7，\u5f53\u6309\u94ae\u70b9\u51fb\u65f6\u5c06\u7a97\u53e3\u9690\u85cf\u3002<\/p>\n

\/\/ lrcPage.cpp \u4e2d\u6dfb\u52a0
\nLyricsPage::LyricsPage(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::LyricsPage)
\n{
\n ui->setupUi(this);
\n setWindowFlag(Qt::FramelessWindowHint);
\n connect(ui->hideBtn, &QPushButton::clicked, this, [=] {
\n hide();
\n });
\n ui->hideBtn->setIcon(QIcon(":\/images\/xiala.png"));
\n} <\/p>\n

\u5728QQMusic\u4e2d，\u521b\u5efaLrcPage\u7684\u6307\u9488，\u5e76\u5728initUi)\u65b9\u6cd5\u4e2d\u521b\u5efa\u7a97\u53e3\u7684\u5bf9\u8c61，\u521b\u5efa\u597d\u4e4b\u540e\u5c06\u7a97\u53e3\u9690\u85cf\u8d77\u6765;\u5728QQMusic\u4e2d，\u7ed9IrcWord\u6309\u94ae\u6dfb\u52a0\u69fd\u51fd\u6570，\u5728\u69fd\u51fd\u6570\u4e2d\u5c06\u7a97\u53e3\u663e\u793a\u51fa\u6765\u3002<\/p>\n

\/\/ qqmusic.h \u4e2d\u6dfb\u52a0
\n#include "lrcpage.h"
\nLrcPage* lrcPage;
\nvoid onLrcWordClicked();
\n\/\/ qqmusic.cpp \u4e2d\u6dfb\u52a0
\nvoid QQMusic::initUI()
\n{
\n \/\/ …
\n \/\/ \u521b\u5efalrc\u6b4c\u8bcd\u7a97\u2f1d
\n lrcPage = new LrcPage(this);
\n lrcPage->hide();
\n}
\nvoid QQMusic::onLrcWordClicked()
\n{<\/p>\n

lrcPage->show();
\n}
\nvoid QQMusic::connectSignalAndSlot()
\n{
\n \/\/ …<\/p>\n

\/\/ \u663e\u2f70\u6b4c\u8bcd\u7a97\u2f1d
\n connect(ui->lrcWord, &QPushButton::clicked, this,
\n &QQMusic::onLrcWordClicked);
\n} <\/p>\n

3\u3001LcrPage\u6dfb\u52a0\u52a8\u753b\u6548\u679c<\/h3>\n

a\u3001\u4e0a\u79fb\u52a8\u753b\u6548\u679c<\/h4>\n

\u2460QQMusic\u7684initUi\u51fd\u6570\u4e2d，\u521b\u5efaIrcPage\u5bf9\u8c61\u5e76\u5c06\u7a97\u53e3\u9690\u85cf;\u7ed9IrcPage\u7a97\u53e3\u6dfb\u52a0\u4e0a\u79fb\u52a8\u753b，\u52a8\u753b\u6682 \u4e0d\u5f00\u542f \u2461QQMusic\u4e2d\u7ed9"\u6b4c\u8bcd"\u6309\u94ae\u6dfb\u52a0\u69fd\u51fd\u6570，\u5f53\u6309\u94ae\u70b9\u51fb\u65f6，\u663e\u793a\u7a97\u53e3，\u5f00\u542f\u52a8\u753b<\/p>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n#include <QPropertyAnimation>
\n\/\/ \u6b4c\u8bcd\u6309\u94ae\u69fd\u51fd\u6570
\nvoid onLrcWordClicked();
\nprivate:
\n QPropertyAnimation* lrcAnimation;
\n \/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\n void QQMusic::initUi()
\n {
\n \/\/ …
\n \/\/ \u7a97\u2f1d\u6dfb\u52a0\u9634\u5f71\u6548\u679c
\n QGraphicsDropShadowEffect* shadowEffect = new
\n QGraphicsDropShadowEffect(this);
\n shadowEffect->setOffset(0, 0);
\n shadowEffect->setColor("#000000"); \/\/ \u2fca\u2f8a
\n \/\/ \u6b64\u5904\u9700\u8981\u5c06\u5706\u2ec6\u534a\u5f84\u4e0d\u80fd\u592a\u2f24，\u5426\u5219\u52a8\u753b\u6548\u679c\u6709\u95ee\u9898，\u53ef\u4ee5\u8bbe\u7f6e\u4e3a10
\n shadowEffect->setBlurRadius(20);
\n this->setGraphicsEffect(shadowEffect);<\/p>\n

\/\/ …<\/p>\n

\/\/ \u5b9e\u4f8b\u5316LrcWord\u5bf9\u8c61
\n lrcPage = new LrcPage(this);
\n lrcPage->hide();<\/p>\n

\/\/ lrcPage\u6dfb\u52a0\u52a8\u753b\u6548\u679c
\n lrcAnimation = new QPropertyAnimation(lrcPage, "geometry", this);
\n lrcAnimation->setDuration(250);
\n lrcAnimation->setStartValue(QRect(10, 10 + lrcPage->height(),
\n lrcPage->width(), lrcPage->height()));
\n lrcAnimation->setEndValue(QRect(10, 10, lrcPage->width(), lrcPage -> height()));
\n }
\n \/\/ \u663e\u2f70\u7a97\u2f1d \u5e76 \u5f00\u542f\u52a8\u753b
\n void QQMusic::onLrcWordClicked()
\n {
\n lrcPage->show();
\n lrcAnimation->start();
\n }
\n void QQMusic::connectSignalAndSlots()
\n {
\n \/\/ …
\n \/\/ \u6b4c\u8bcd\u6309\u94ae\u70b9\u51fb\u4fe1\u53f7\u548c\u69fd\u51fd\u6570
\n connect(ui->lrcWord, &QPushButton::clicked, this,
\n &QQMusic::onLrcWordClicked);
\n \/\/ … <\/p>\n

b\u3001\u9690\u85cf\u7a97\u53e3\u548c\u4e0b\u79fb\u52a8\u753b<\/h4>\n

LrcPage\u7c7b\u4e2d，\u5728\u6784\u9020\u7a97\u53e3\u65f6\u8bbe\u7f6e\u4e0b\u79fb\u52a8\u753b，\u7ed9"\u4e0b\u62c9"\u6309\u94ae\u6dfb\u52a0\u69fd\u51fd\u6570，\u5f53"\u4e0b\u62c9\u6309\u94ae"\u70b9\u51fb\u65f6，\u5f00\u542f\u52a8\u753b；\u5f53\u52a8\u753b\u7ed3\u675f\u65f6，\u5c06\u7a97\u53e3\u9690\u85cf\u3002<\/p>\n

\/\/ lrcpage.h \u4e2d\u65b0\u589e
\n#include <QPropertyAnimation>
\nprivate:
\n QPropertyAnimation* lrcAnimation;
\n \/\/ lrcpage.cpp \u4e2d\u65b0\u589e
\n LrcPage::LrcPage(QWidget* parent) :
\n QWidget(parent),
\n ui(new Ui::LrcPage)<\/p>\n

{
\n ui->setupUi(this);<\/p>\n

\/\/ …
\n lrcAnimation = new QPropertyAnimation(this, "geometry", this);
\n lrcAnimation->setDuration(250);
\n lrcAnimation->setStartValue(QRect(10, 10, width(), height()));
\n lrcAnimation->setEndValue(QRect(10, 10 + height(), width(), height()));<\/p>\n

\/\/ \u70b9\u51fb\u8bbe\u7f6e\u4e0b\u62c9\u6309\u94ae\u65f6\u5f00\u542f\u52a8\u753b
\n connect(ui->hideBtn, &QPushButton::clicked, this, [=] {
\n lrcAnimation->start();
\n });<\/p>\n

\/\/ \u52a8\u753b\u7ed3\u675f\u65f6，\u5c06\u7a97\u2f1d\u9690\u85cf
\n connect(lrcAnimation, &QPropertyAnimation::finished, this, [=] {
\n hide();
\n });
\n } <\/p>\n

4\u3001Lrc\u6b4c\u8bcd\u89e3\u6790\u548c\u540c\u6b65<\/h3>\n

\u6bcf\u9996\u6b4c\u7684Irc\u6b4c\u8bcd\u6709\u591a\u884c\u6587\u672c，\u56e0\u6b64Irc\u6b4c\u8bcd\u4e2d\u7684\u6bcf\u884c\u53ef\u4ee5\u91c7\u7528\u7ed3\u6784\u4f53\u7ba1\u7406\u3002<\/p>\n

\/\/ lrcpage.h \u4e2d\u65b0\u589e
\nstruct LyricLine
\n{
\n qint64 time; \/\/ \u65f6\u95f4
\n QString text; \/\/ \u6b4c\u8bcd\u5185\u5bb9
\n LyricLine(qint64 qtime, QString qtext)
\n : time(qtime)
\n , text(qtext)
\n {}
\n};
\n\/\/ LrcPage\u7c7b\u4e2d\u6dfb\u52a0\u6210\u5458\u53d8\u91cf
\nQVector<LrcLine> lrcLines; \/\/ \u6309\u7167\u65f6\u95f4\u7684\u5148\u540e\u6b21\u5e8f\u4fdd\u5b58\u6bcf\u2f8f\u6b4c\u8bcd <\/p>\n

a\u3001\u901a\u8fc7\u6b4c\u540d\u627elrc\u6587\u4ef6<\/h4>\n

\u4e00\u822c\u60c5\u51b5\u4e0b，\u64ad\u653e\u5668\u5728\u8bbe\u8ba1\u4e4b\u521d\u5c31\u4f1a\u8bbe\u8ba1\u597d\u6b4c\u66f2\u6587\u4ef6\u548c\u6b4c\u8bcd\u6587\u4ef6\u7684\u5b58\u653e\u4f4d\u7f6e，\u4ee5\u53ca\u5bf9\u5e94\u5173\u7cfb，\u901a\u5e38\u6b4c\u66f2\u6587\u4ef6\u548cIrc\u6b4c\u8bcd\u6587\u4ef6\u540d\u5b57\u76f8\u540c，\u540e\u7f00\u4e0d\u540c\u3002\u5728\u78c1\u76d8\u5b58\u653e\u7684\u65f6\u5019，\u53ef\u4ee5\u5c06\u6b4c\u66f2\u6587\u4ef6\u548cIrc\u6587\u4ef6\u5206\u4e24\u4e2a\u6587\u4ef6\u5939\u5b58\u50a8，\u4e5f\u53ef\u4ee5\u5b58\u50a8\u5230\u4e00\u4e2a\u6587\u4ef6\u5939\u4e0b\u3002\u672c\u6587\u4e3a\u4e86\u65b9\u4fbf\u5904\u7406，\u5b58\u50a8\u5728\u4e00\u4e2a\u6587\u4ef6\u5939\u4e0b，\u56e0\u6b64\u53ef\u4ee5\u901a\u8fc7Music\u5bf9\u8c61\u5feb\u901f\u627e\u5230Irc\u6b4c\u8bcd\u6587\u4ef6\u3002<\/p>\n

\/\/ music.h \u4e2d\u65b0\u589e
\nQString getLrcFilePath() const;
\n\/\/ music.cpp \u4e2d\u65b0\u589e
\nQString Music::getLrcFilePath() const
\n{
\n \/\/ \u2fb3\u9891\u2f42\u4ef6\u548cLRC\u2f42\u4ef6\u5728\u2f00\u4e2a\u2f42\u4ef6\u5939\u4e0b
\n \/\/ \u76f4\u63a5\u5c06\u2fb3\u9891\u2f42\u4ef6\u7684\u540e\u7f00\u66ff\u6362\u4e3a.lrc
\n QString path = musicUrl.toLocalFile();
\n path.replace(".mp3", ".lrc");
\n path.replace(".flac", ".lrc");
\n path.replace(".mpga", ".lrc");
\n return path;
\n} <\/p>\n

b\u3001\u6b4c\u8bcd\u89e3\u6790<\/h4>\n

\u627e\u5230Irc\u6b4c\u8bcd\u6587\u4ef6\u540e，\u7531IrcPage\u7c7b\u5b8c\u6210\u5bf9\u6b4c\u8bcd\u7684\u89e3\u6790\u3002\u89e3\u6790\u7684\u5927\u6982\u6b65\u9aa4： \u2460\u6253\u5f00\u6b4c\u8bcd\u6587\u4ef6 \u2461\u4ee5\u884c\u4e3a\u5355\u4f4d，\u8bfb\u53d6\u6b4c\u8bcd\u6587\u4ef6\u4e2d\u7684\u6bcf\u4e00\u884c \u2462\u6309\u7167Irc\u6b4c\u8bcd\u6587\u4ef6\u683c\u5f0f，\u4ece\u6bcf\u884c\u6587\u672c\u4e2d\u89e3\u6790\u51fa\u65f6\u95f4\u548c\u6b4c\u8bcd [00:17.94]\u90a3\u4e9b\u5931\u7720\u7684\u4eba\u554a\u4f60\u4eec\u8fd8\u597d\u5417 [0:58.600.00]\u4f60\u50cf\u4e00\u53ea\u98de\u6765\u98de\u53bb\u7684\u8774\u8776 \u2463\u7528<\u65f6\u95f4，\u884c\u6b4c\u8bcd>\u6784\u5efa\u4e00\u4e2aLrcLine\u5bf9\u8c61\u5b58\u50a8\u5230IrcLines\u4e2d\u3002<\/p>\n

\/\/ lrcpage.h \u4e2d\u65b0\u589e
\nbool parseLrc(const QString& lrcPath)；
\n\/\/ lrcpage.cpp \u4e2d\u65b0\u589e
\nbool LrcPage::parseLrc(const QString& lrcPath)
\n{<\/p>\n

lrcLines.clear();
\n \/\/ \u6253\u5f00\u6b4c\u8bcd\u2f42\u4ef6
\n QFile lrcFile(lrcPath);
\n if (!lrcFile.open(QFile::ReadOnly))
\n {
\n qDebug() << "\u6253\u5f00\u2f42\u4ef6:" << lrcPath;
\n return false;
\n }
\n while (!lrcFile.atEnd())
\n {
\n QString lrcWord = lrcFile.readLine(1024);
\n \/\/ [00:17.94]\u90a3\u4e9b\u5931\u7720\u7684\u2f08\u554a \u4f60\u4eec\u8fd8\u597d\u5417
\n \/\/ [0:58.600.00]\u4f60\u50cf\u2f00\u53ea\u2edc\u6765\u2edc\u53bb\u7684\u8774\u8776
\n int left = lrcWord.indexOf('[');
\n int right = lrcWord.indexOf(']');
\n \/\/ \u89e3\u6790\u65f6\u95f4
\n qint64 lineTime = 0;
\n int start = 0;
\n int end = 0;
\n QString time = lrcWord.mid(left, right – left + 1);
\n \/\/ \u89e3\u6790\u5206\u949f
\n start = 1;
\n end = time.indexOf(':');
\n lineTime += lrcWord.mid(start, end – start).toInt() * 60 * 1000;
\n \/\/ \u89e3\u6790\u79d2
\n start = end + 1;
\n end = time.indexOf('.', start);
\n lineTime += lrcWord.mid(start, end – start).toInt() * 1000;
\n \/\/ \u89e3\u6790\u6beb\u79d2
\n start = end + 1;
\n end = time.indexOf('.', start);
\n lineTime += lrcWord.mid(start, end – start).toInt();
\n \/\/ \u89e3\u6790\u6b4c\u8bcd
\n QString word = lrcWord.mid(right + 1).trimmed();
\n lrcLines.push_back(LrcLine(lineTime, word.trimmed()));
\n }
\n \/\/ \u6d4b\u8bd5\u9a8c\u8bc1<\/p>\n

for (auto word : lrcLines)
\n {
\n qDebug() << word.time << " " << word.text;
\n }
\n return true;
\n} <\/p>\n

c\u3001\u6839\u636e\u6b4c\u66f2\u64ad\u653e\u4f4d\u7f6e\u83b7\u53d6\u6b4c\u8bcd\u5e76\u663e\u793a<\/h4>\n

\u5f53\u6b4c\u66f2\u64ad\u653e\u8fdb\u5ea6\u6539\u53d8\u65f6\u5019，QMediaPlayer\u7684positionChanged\u4fe1\u53f7\u4f1a\u89e6\u53d1，\u8be5\u4fe1\u53f7\u540c\u6b65\u64ad\u653e\u65f6\u95f4\u7684\u65f6\u5019\u5df2\u7ecf\u5728QQMusic\u7c7b\u4e2d\u5904\u7406\u8fc7\u4e86，\u5728\u5176\u69fd\u51fd\u6570\u4e2d\u5c31\u80fd\u62ff\u5230\u5f53\u524d\u6b4c\u66f2\u7684\u64ad\u653e\u65f6\u95f4，\u901a\u8fc7\u64ad\u653e\u65f6\u95f4，\u5c31\u80fd\u5728LrcPage\u4e2d\u627e\u5230\u5bf9\u5e94\u884c\u7684\u6b4c\u8bcd\u3002<\/p>\n

\/\/ lrcpage.h \u4e2d\u65b0\u589e
\n\/\/ lrcpage.cpp \u4e2d\u65b0\u589e
\nint LrcPage::getLineLrcWordIndex(qint64 pos)
\n{
\n \/\/ \u5982\u679c\u6b4c\u8bcd\u662f\u7a7a\u7684，\u8fd4\u56de-1
\n if (lrcLines.isEmpty())
\n {
\n return -1;
\n }
\n if (lrcLines[0].time > pos)
\n {
\n return 0;
\n }
\n \/\/ \u901a\u8fc7\u65f6\u95f4\u2f50\u8f83，\u83b7\u53d6\u4e0b\u6807
\n for (int i = 1; i < lrcLines.size(); ++i)
\n {
\n if (pos > lrcLines[i – 1].time && pos <= lrcLines[i].time)
\n {
\n return i – 1;
\n }
\n }
\n \/\/ \u5982\u679c\u6ca1\u6709\u627e\u5230，\u8fd4\u56de\u6700\u540e\u2f00\u2f8f
\n return lrcLines.size() – 1;
\n}<\/p>\n

QString LrcPage::getLineLrcWord(qint64 index)
\n{
\n if (index < 0 || index >= lrcLines.size())
\n {
\n return "";
\n }
\n return lrcLines[index].text;
\n}
\nvoid LrcPage::showLrcWord(int time)
\n{
\n \/\/ \u5148\u8981\u83b7\u53d6\u6b4c\u8bcd–\u6839\u636e\u6b4c\u8bcd\u7684\u65f6\u95f4\u8fdb\u2f8f\u83b7\u53d6
\n int index = getLineLrcWordIndex(time);
\n if (-1 == index)
\n {
\n ui->line1->setText("");
\n ui->line2->setText("");
\n ui->line3->setText("");
\n ui->lineCenter->setText("\u5f53\u524d\u6b4c\u66f2\u2f46\u6b4c\u8bcd");
\n ui->line4->setText("");
\n ui->line5->setText("");
\n ui->line6->setText("");
\n }
\n else
\n {
\n ui->line1->setText(getLineLrcWord(index – 3));
\n ui->line2->setText(getLineLrcWord(index – 2));
\n ui->line3->setText(getLineLrcWord(index – 1));
\n ui->lineCenter->setText(getLineLrcWord(index));
\n ui->line4->setText(getLineLrcWord(index + 1));
\n ui->line5->setText(getLineLrcWord(index + 2));
\n ui->line6->setText(getLineLrcWord(index + 3));
\n }
\n} <\/p>\n

d\u3001Irc\u6b4c\u8bcd\u540c\u6b65\u64ad\u653e\u8fdb\u5ea6<\/h4>\n

\u5f53\u6b4c\u66f2\u53d1\u751f\u5207\u6362\u65f6，\u9700\u8981\u5b8c\u6210Irc\u6b4c\u8bcd\u6587\u4ef6\u7684\u89e3\u6790； \u5f53\u6b4c\u66f2\u64ad\u653e\u8fdb\u5ea6\u53d1\u751f\u6539\u53d8\u65f6，\u6839\u636e\u6b4c\u66f2\u7684\u5f53\u524d\u64ad\u653e\u65f6\u95f4，\u901a\u8fc7IrcPage\u627e\u5230\u5bf9\u5e94\u884c\u6b4c\u8bcd\u5e76\u663e\u793a\u51fa\u6765\u3002<\/p>\n

\/\/ qqmusic.cpp \u6dfb\u52a0
\nvoid QQMusic::onMetaDataAvailableChanged(bool available)
\n{
\n \/\/ \u6b4c\u66f2\u540d\u79f0\u3001\u6b4c\u66f2\u4f5c\u8005\u76f4\u63a5\u5230Musci\u5bf9\u8c61\u4e2d\u83b7\u53d6<\/p>\n

\/\/ \u6b64\u65f6\u9700\u8981\u77e5\u9053\u5a92\u4f53\u6e90\u5728\u64ad\u653e\u5217\u8868\u4e2d\u7684\u7d22\u5f15
\n QString musicId = currentPage->getMusicIdByIndex(currentIndex);
\n auto it = musicList.findMusicByMusicId(musicId);
\n \/\/ …
\n \/\/ \u52a0\u8f7dlrc\u6b4c\u8bcd\u5e76\u89e3\u6790
\n if (it != musicList.end())
\n {
\n lrcPage->parseLrc(it->getLrcFilePath());
\n }
\n}
\nvoid QQMusic::onPositionChanged(qint64 position)
\n{
\n \/\/ 1. \u66f4\u65b0\u5f53\u524d\u64ad\u653e\u65f6\u95f4
\n ui->currentTime->setText(QString("%1:%2").arg(position \/ 1000 \/ 60, 2, 10,
\n QChar('0'))
\n .arg(position \/ 1000 % 60, 2, 10,
\n QChar('0')));
\n \/\/ 2. \u66f4\u65b0\u8fdb\u5ea6\u6761\u7684\u4f4d\u7f6e
\n ui->progressBar->setStep(position \/ (float)totalTime);
\n \/\/ 3. \u540c\u6b65lrc\u6b4c\u8bcd
\n if (playList->currentIndex() >= 0)
\n {
\n lrcPage->showLrcWord(position);
\n }
\n} <\/p>\n

\u6b4c\u66f2\u6570\u636e\u652f\u6301\u6301\u4e45\u5316<\/h2>\n

\u652f\u6301\u64ad\u653e\u76f8\u5173\u529f\u80fd\u4e4b\u540e，\u6bcf\u6b21\u5728\u9a8c\u8bc1\u529f\u80fd\u65f6\u90fd\u9700\u8981\u4ece\u78c1\u76d8\u4e2d\u52a0\u8f7d\u6b4c\u66f2\u6587\u4ef6，\u975e\u5e38\u9ebb\u70e6\u3002\u800c\u4e14\u4e4b\u524d\u6536\u85cf\u7684\u559c\u6b22\u6b4c\u66f2\u4ee5\u53ca\u64ad\u653e\u8bb0\u5f55\u5728\u7a0b\u5e8f\u5173\u95ed\u4e4b\u540e\u5c31\u6ca1\u6709\u4e86，\u8fd9\u4e00\u822c\u662f\u65e0\u6cd5\u63a5\u53d7\u7684\u3002\u56e0\u6b64\u9700\u8981\u5c06\u6bcf\u6b21\u5728\u64ad\u653e\u5668\u4e0a\u8fdb\u884c\u7684\u64cd\u4f5c\u4fdd\u7559\u4e0b\u6765，\u6bd4\u5982：\u6240\u52a0\u8f7d\u7684\u6b4c\u66f2\u3001\u4ee5\u53ca\u6b4c\u66f2\u4fe1\u606f；\u6536\u85cf\u6b4c\u66f2\u4fe1\u606f；\u5386\u53f2\u64ad\u653e\u7b49\u4fe1\u606f\u4fdd\u5b58\u8d77\u6765，\u5f53\u4e0b\u6b21\u7a0b\u5e8f\u542f\u52a8\u65f6，\u5c06\u4fdd\u5b58\u7684\u4fe1\u606f\u52a0\u8f7d\u5230\u64ad\u653e\u5668\u5373\u53ef，\u8fd9\u6837\u5c31\u80fd\u5c06\u5728\u64ad\u653e\u5668\u4e0a\u7684\u64cd\u4f5c\u8bb0\u5f55\u4fdd\u7559\u4e0b\u6765\u4e86\u3002\u8981\u6c38\u4e45\u6027\u4fdd\u5b58，\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u5c31\u662f\u76f4\u63a5\u4fdd\u5b58\u5230\u6587\u4ef6，\u4f46\u662f\u4fdd\u5b58\u6587\u4ef6\u4e0d\u5b89\u5168，\u800c\u4e14\u9700\u8981\u81ea\u5df1\u64cd\u4f5c\u6587\u4ef6\u6bd4\u8f83\u9ebb\u70e6，\u672c\u6587\u91c7\u7528\u6570\u636e\u5e93\u5b8c\u6210\u4fe1\u606f\u7684\u6301\u4e45\u4fdd\u5b58\u3002<\/p>\n

1\u3001SQLite\u6570\u636e\u5e93\u00a0<\/h3>\n

SQLite\u4e3b\u8981\u7279\u5f81: \u3002\u7ba1\u7406\u7b80\u5355，\u751a\u81f3\u53ef\u4ee5\u8ba4\u4e3a\u65e0\u9700\u7ba1\u7406\u3002 \u3002\u64cd\u4f5c\u65b9\u4fbf，SQLite\u751f\u6210\u7684\u6570\u636e\u5e93\u6587\u4ef6\u53ef\u4ee5\u5728\u5404\u4e2a\u5e73\u53f0\u65e0\u7f1d\u79fb\u690d\u3002 \u3002\u53ef\u4ee5\u975e\u5e38\u65b9\u4fbf\u7684\u4ee5\u591a\u79cd\u5f62\u5f0f\u5d4c\u5165\u5230\u5176\u4ed6\u5e94\u7528\u7a0b\u5e8f\u4e2d，\u5982\u9759\u6001\u5e93\u3001\u52a8\u6001\u5e93\u7b49\u3002 \u3002\u6613\u4e8e\u7ef4\u62a4\u3002<\/p>\n

2\u3001QQMuic\u4e2d\u6570\u636e\u5e93\u652f\u6301\u00a0<\/h3>\n

a\u3001\u6570\u636e\u5e93\u521d\u59cb\u5316<\/h4>\n

\/\/ qqmusic.h \u4e2d\u65b0\u589e
\n#include <QSqlDatabase>
\nQSqlDatabase sqlite;
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::initSQLite()
\n{
\n \/\/ 1. \u521b\u5efa\u6570\u636e\u5e93\u8fde\u63a5
\n sqlite = QSqlDatabase::addDatabase("QSQLITE");
\n \/\/ 2. \u8bbe\u7f6e\u6570\u636e\u5e93\u540d\u79f0
\n sqlite.setDatabaseName("QQMusic.db");
\n \/\/ 3. \u6253\u5f00\u6570\u636e\u5e93
\n if (!sqlite.open())
\n {<\/p>\n

QMessageBox::critical(this, "\u6253\u5f00QQMusicDB\u5931\u8d25",
\n sqlite.lastError().text());
\n return;
\n }
\n qDebug() << "SQLite\u8fde\u63a5\u6210\u529f，\u5e76\u521b\u5efa [QQMusic.db] \u6570\u636e\u5e93!!!";
\n \/\/ 4. \u521b\u5efa\u6570\u636e\u5e93\u8868
\n QString sql = ("CREATE TABLE IF NOT EXISTS musicInfo(\\\\
\n id INTEGER PRIMARY KEY AUTOINCREMENT,\\\\
\n musicId varchar(200) UNIQUE,\\\\
\n musicName varchar(50),\\\\
\n musicSinger varchar(50),\\\\
\n albumName varchar(50),\\\\
\n duration BIGINT,\\\\
\n musicUrl varchar(256),\\\\
\n isLike INTEGER,\\\\
\n isHistory INTEGER)"
\n );
\n QSqlQuery query;
\n if (!query.exec(sql))
\n {
\n QMessageBox::critical(this, "\u521b\u5efa\u6570\u636e\u5e93\u8868\u5931\u8d25",
\n query.lastError().text());
\n return;
\n }
\n qDebug() << "\u521b\u5efa [musicInfo] \u8868\u6210\u529f!!!";
\n}
\nQQMusic::QQMusic(QWidget* parent)
\n : QWidget(parent)
\n , ui(new Ui::QQMusic)
\n , currentIndex(-1)
\n{
\n ui->setupUi(this);
\n initUi();
\n \/\/ \u521d\u59cb\u5316\u6570\u636e\u5e93
\n initSQLite();
\n initPlayer();
\n connectSignalAndSlots();
\n} <\/p>\n

b\u3001\u6b4c\u66f2\u4fe1\u606f\u5199\u5165\u6570\u636e\u5e93<\/h4>\n

\u5f53\u7a0b\u5e8f\u9000\u51fa\u7684\u65f6\u5019，\u901a\u8fc7musicList\u83b7\u53d6\u5230\u6240\u6709music\u5bf9\u8c61，\u7136\u540e\u5c06music\u5bf9\u8c61\u5199\u5165\u6570\u636e\u5e93\u3002<\/p>\n

\/\/ musiclist.h \u4e2d\u65b0\u589e
\n\/\/ \u6240\u6709\u6b4c\u66f2\u4fe1\u606f\u66f4\u65b0\u5230\u6570\u636e\u5e93
\nvoid writeToDB();
\n\/\/ musiclist.cpp \u4e2d\u65b0\u589e
\nvoid MusicList::writeToDB()
\n{
\n for (auto music : musicList)
\n {
\n \/\/ \u8ba9music\u5bf9\u8c61\u5c06\u2f83\u2f30\u5199\u2f0a\u6570\u636e\u5e93
\n music.insertMusicToDB();
\n }
\n}
\n\/\/ music.h \u4e2d\u65b0\u589e
\n\/\/ \u5c06\u5f53\u524dMusic\u5bf9\u8c61\u66f4\u65b0\u5230\u6570\u636e\u5e93
\nvoid insertMusicToDB();
\n\/\/ music.cpp \u4e2d\u65b0\u589e
\n#include <QSqlQuery>
\n#include <QSqlError>
\nvoid Music::insertMusicToDB()
\n{
\n \/\/ 1. \u68c0\u6d4bmusic\u662f\u5426\u5728\u6570\u636e\u5e93\u4e2d\u5b58\u5728
\n QSqlQuery query;
\n \/\/ \u5f53SELECT 1…\u67e5\u8be2\u5230\u7ed3\u679c\u540e，\u6211\u4eec\u9700\u8981\u77e5\u9053\u662f\u5426\u5b58\u5728
\n \/\/ SELECT EXISTS(\u2f26\u67e5\u8be2) ： \u2f26\u67e5\u8be2\u4e2d\u5982\u679c\u6709\u8bb0\u5f55，SELECT EXISTS\u8fd4\u56deTRUE
\n \/\/ \u5982\u679c\u2f26\u67e5\u8be2\u4e2d\u6ca1\u6709\u6ee1\u2f9c\u6761\u4ef6\u7684\u8bb0\u5f55， SELECT EXISTS\u8fd4\u56deFALSE
\n query.prepare("SELECT EXISTS (SELECT 1 FROM MusicInfo WHERE musicId = ?)");
\n query.addBindValue(musicId);
\n if (!query.exec())
\n {
\n qDebug() << "\u67e5\u8be2\u5931\u8d25: " << query.lastError().text();
\n return;
\n }
\n if (query.next())
\n {
\n bool isExists = query.value(0).toBool();
\n if (isExists)
\n {
\n \/\/ musicId\u7684\u6b4c\u66f2\u5df2\u7ecf\u5b58\u5728<\/p>\n

\/\/ 2. \u5b58\u5728：\u4e0d\u9700\u8981\u518d\u63d2\u2f0amusci\u5bf9\u8c61，\u6b64\u65f6\u53ea\u9700\u8981\u5c06isLike\u548cisHistory\u5c5e\u6027\u8fdb\u2f8f\u66f4\u65b0
\n query.prepare("UPDATE MusicInfo SET isLike = ?, isHistory = ?
\n WHERE musicId = ? ");
\n query.addBindValue(isLike ? 1 : 0);
\n query.addBindValue(isHistory ? 1 : 0);
\n query.addBindValue(musicId);
\n if (!query.exec())
\n {
\n qDebug() << "\u66f4\u65b0\u5931\u8d25: " << query.lastError().text();
\n }
\n qDebug() << "\u66f4\u65b0music\u4fe1\u606f: " << musicName << " " << musicId;
\n }
\n else
\n {
\n \/\/ 3. \u4e0d\u5b58\u5728：\u76f4\u63a5\u5c06music\u7684\u5c5e\u6027\u4fe1\u606f\u63d2\u2f0a\u6570\u636e\u5e93
\n query.prepare("INSERT INTO MusicInfo(musicId, musicName,
\n musicSinger, albumName, musicUrl, \\\\
\n duration, isLike, isHistory)\\\\
\n VALUES(? , ? , ? , ? , ? , ? , ? , ? )");
\n query.addBindValue(musicId);
\n query.addBindValue(musicName);
\n query.addBindValue(musicSinger);
\n query.addBindValue(musicAlbumn);
\n query.addBindValue(musicUrl.toLocalFile());
\n query.addBindValue(duration);
\n query.addBindValue(isLike ? 1 : 0);
\n query.addBindValue(isHistory ? 1 : 0);
\n if (!query.exec())
\n {
\n qDebug() << "\u63d2\u2f0a\u5931\u8d25: " << query.lastError().text();
\n return;
\n }
\n qDebug() << "\u63d2\u2f0amusic\u4fe1\u606f: " << musicName << " " << musicId;
\n }
\n }
\n}
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::on_quit_clicked()
\n{
\n \/\/ \u66f4\u65b0\u6570\u636e\u5e93
\n musicList.writeToDB();<\/p>\n

\/\/ \u5173\u95ed\u6570\u636e\u5e93\u8fde\u63a5
\n sqlite.close();
\n \/\/ \u5173\u95ed\u7a97\u2f1d
\n close();
\n} <\/p>\n

\u00a0c\u3001\u7a0b\u5e8f\u542f\u52a8\u65f6\u8bfb\u53d6\u6570\u636e\u5e93\u6062\u590d\u6b4c\u66f2\u6570\u636e<\/h4>\n

\u5728\u7a0b\u5e8f\u542f\u52a8\u65f6，\u4ece\u6570\u636e\u5e93\u4e2d\u8bfb\u53d6\u5230\u6b4c\u66f2\u7684\u4fe1\u606f，\u5c06\u6b4c\u66f2\u4fe1\u606f\u8bbe\u7f6e\u5230musicList\u4e2d，\u7136\u540e\u8ba9likePage\u3001 localPage\u3001recentPage\u5c06musicList\u4e2d\u4e2a\u6b4c\u66f2\u66f4\u65b0\u5230\u5404\u81ea\u9875\u9762\u4e2d\u3002\u4ece\u6570\u636e\u5e93\u8bfb\u53d6\u6b4c\u66f2\u6570\u636e\u7684\u64cd\u4f5c，\u5e94\u8be5\u8ba9MusicList\u7c7b\u5b8c\u6210，\u56e0\u4e3a\u8be5\u7c7b\u7ba1\u7406\u6240\u6709\u7684Music\u5bf9\u8c61\u3002<\/p>\n

\/\/ musiclist.h \u4e2d\u65b0\u589e
\nvoid readFromDB();
\n\/\/ musiclist.cpp \u4e2d\u65b0\u589e
\n#include <QSqlQuery>
\n#include <QSqlError>
\nvoid MusicList::readFromDB()
\n{
\n QString sql("SELECT musicId, musicName, musicSinger, albumName,\\\\
\n duration, musicUrl, isLike, isHistory \\\\
\n FROM musicInfo");
\n QSqlQuery query;
\n if (!query.exec(sql))
\n {
\n qDebug() << "\u6570\u636e\u5e93\u67e5\u8be2\u5931\u8d25";
\n return;
\n }
\n while (query.next())
\n {
\n Music music;
\n music.setMusicId(query.value(0).toString());
\n music.setMusicName(query.value(1).toString());
\n music.setMusicSinger(query.value(2).toString());
\n music.setMusicAlbum(query.value(3).toString());
\n music.setMusicDuration(query.value(4).toLongLong());
\n music.setMusicUrl(query.value(5).toString());
\n music.setIsLike(query.value(6).toBool());
\n music.setIsHistory(query.value(7).toBool());
\n musicList.push_back(music);
\n }
\n}
\n\/\/ qqmusic.h \u4e2d\u65b0\u589e
\nvoid initMusicList();
\n\/\/ qqmusic.cpp \u4e2d\u65b0\u589e
\nvoid QQMusic::initMusicList()
\n{
\n \/\/ 1. \u4ece\u6570\u636e\u5e93\u8bfb\u53d6\u6b4c\u66f2\u4fe1\u606f
\n musicList.readFromDB();
\n \/\/ 2. \u66f4\u65b0CommonPage\u2eda\u2faf
\n \/\/ \u8bbe\u7f6eCommonPage\u7684\u4fe1\u606f
\n ui->likePage->setMusicListType(PageType::LIKE_PAGE);
\n ui->likePage->reFresh(musicList);<\/p>\n

ui->localPage->setMusicListType(PageType::LOCAL_PAGE);
\n ui->localPage->reFresh(musicList);<\/p>\n

ui->recentPage->setMusicListType(PageType::HISTORY_PAGE);
\n ui->recentPage->reFresh(musicList);
\n}
\nQQMusic::QQMusic(QWidget* parent)
\n : QWidget(parent)
\n , ui(new Ui::QQMusic)
\n , currentIndex(-1)
\n{
\n \/\/ …
\n \/\/ \u521d\u59cb\u5316\u6570\u636e\u5e93
\n initSQLite();
\n \/\/ \u52a0\u8f7d\u6570\u636e\u5e93\u6b4c\u66f2\u2f42\u4ef6
\n initMusicList();
\n \/\/ …
\n} <\/p>\n

QQMusic\u4e2d\u7684initUi\u4e2d\u5c06\u5176\u53bb\u6389<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e12\u6b21\uff0c\u6536\u85cf26\u6b21\u3002\u5206\u6790\uff1a\u2460"\u63a8\u8350"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u2461"\u4eca\u65e5\u4e3a\u4f60\u63a8\u8350"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u2462\u5177\u4f53\u63a8\u8350\u7684\u6b4c\u66f2\u5185\u5bb9\uff0c\u70b9\u51fb\u5de6\u53f3\u4e24\u4fa7\u7ffb\u9875\u6309\u94ae\uff0c\u5177\u6709\u8f6e\u756a\u56fe\u6548\u679c\uff0c\u5c06\u5149\u6807\u653e\u5230\u56fe\u4e0a\uff0c\u6709\u56fe\u7247\u4e0a\u79fb\u52a8\u753b\u2463"\u4f60\u7684\u6b4c\u66f2\u8865\u7ed9\u7ad9"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u5177\u4f53\u663e\u793a\u97f3\u4e50\uff0c\u548c\u2462\u5b9e\u9645\u662f\u4e00\u6837\u7684\uff0c\u4e0d\u540c\u7684\u662f\u2462\u4e2d\u97f3\u4e50\u53ea\u6709\u4e00\u884c\uff0c\u2464\u4e2d\u7684\u97f3\u4e50\u6709\u4e24\u884c\u56e0\u4e3a\u9875\u9762\u4e2d\u5143\u7d20\u8f83\u591a\uff0c\u76f4\u63a5\u6446\u5230\u4e00\u4e2a\u9875\u9762\u592a\u62e5\u6324\uff0c\u4ece\u53f3\u4fa7\u7684\u6eda\u52a8\u6761\u53ef\u4ee5\u770b\u51fa\uff0c\u6574\u4e2a\u9875\u9762\u4e2d\u7684\u5143\u7d20\u90fd\u653e\u7f6e\u5728QScrollArea\u4e2d\u3002<\/p>\n","protected":false},"author":2,"featured_media":34368,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[55,218,190],"topic":[],"class_list":["post-34388","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-c","tag-qt","tag-190"],"yoast_head":"\n\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/34388.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e12\u6b21\uff0c\u6536\u85cf26\u6b21\u3002\u5206\u6790\uff1a\u2460"\u63a8\u8350"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u2461"\u4eca\u65e5\u4e3a\u4f60\u63a8\u8350"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u2462\u5177\u4f53\u63a8\u8350\u7684\u6b4c\u66f2\u5185\u5bb9\uff0c\u70b9\u51fb\u5de6\u53f3\u4e24\u4fa7\u7ffb\u9875\u6309\u94ae\uff0c\u5177\u6709\u8f6e\u756a\u56fe\u6548\u679c\uff0c\u5c06\u5149\u6807\u653e\u5230\u56fe\u4e0a\uff0c\u6709\u56fe\u7247\u4e0a\u79fb\u52a8\u753b\u2463"\u4f60\u7684\u6b4c\u66f2\u8865\u7ed9\u7ad9"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u5177\u4f53\u663e\u793a\u97f3\u4e50\uff0c\u548c\u2462\u5b9e\u9645\u662f\u4e00\u6837\u7684\uff0c\u4e0d\u540c\u7684\u662f\u2462\u4e2d\u97f3\u4e50\u53ea\u6709\u4e00\u884c\uff0c\u2464\u4e2d\u7684\u97f3\u4e50\u6709\u4e24\u884c\u56e0\u4e3a\u9875\u9762\u4e2d\u5143\u7d20\u8f83\u591a\uff0c\u76f4\u63a5\u6446\u5230\u4e00\u4e2a\u9875\u9762\u592a\u62e5\u6324\uff0c\u4ece\u53f3\u4fa7\u7684\u6eda\u52a8\u6761\u53ef\u4ee5\u770b\u51fa\uff0c\u6574\u4e2a\u9875\u9762\u4e2d\u7684\u5143\u7d20\u90fd\u653e\u7f6e\u5728QScrollArea\u4e2d\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/34388.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-29T02:38:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250429023822-68103b9ec6784.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"37 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/34388.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/34388.html\",\"name\":\"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-04-29T02:38:29+00:00\",\"dateModified\":\"2025-04-29T02:38:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/34388.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/34388.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/34388.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/34388.html","og_locale":"zh_CN","og_type":"article","og_title":"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e12\u6b21\uff0c\u6536\u85cf26\u6b21\u3002\u5206\u6790\uff1a\u2460"\u63a8\u8350"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u2461"\u4eca\u65e5\u4e3a\u4f60\u63a8\u8350"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u2462\u5177\u4f53\u63a8\u8350\u7684\u6b4c\u66f2\u5185\u5bb9\uff0c\u70b9\u51fb\u5de6\u53f3\u4e24\u4fa7\u7ffb\u9875\u6309\u94ae\uff0c\u5177\u6709\u8f6e\u756a\u56fe\u6548\u679c\uff0c\u5c06\u5149\u6807\u653e\u5230\u56fe\u4e0a\uff0c\u6709\u56fe\u7247\u4e0a\u79fb\u52a8\u753b\u2463"\u4f60\u7684\u6b4c\u66f2\u8865\u7ed9\u7ad9"\u6587\u672c\u63d0\u793a\uff0c\u5373QLabel\u5177\u4f53\u663e\u793a\u97f3\u4e50\uff0c\u548c\u2462\u5b9e\u9645\u662f\u4e00\u6837\u7684\uff0c\u4e0d\u540c\u7684\u662f\u2462\u4e2d\u97f3\u4e50\u53ea\u6709\u4e00\u884c\uff0c\u2464\u4e2d\u7684\u97f3\u4e50\u6709\u4e24\u884c\u56e0\u4e3a\u9875\u9762\u4e2d\u5143\u7d20\u8f83\u591a\uff0c\u76f4\u63a5\u6446\u5230\u4e00\u4e2a\u9875\u9762\u592a\u62e5\u6324\uff0c\u4ece\u53f3\u4fa7\u7684\u6eda\u52a8\u6761\u53ef\u4ee5\u770b\u51fa\uff0c\u6574\u4e2a\u9875\u9762\u4e2d\u7684\u5143\u7d20\u90fd\u653e\u7f6e\u5728QScrollArea\u4e2d\u3002","og_url":"https:\/\/www.wsisp.com\/helps\/34388.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-04-29T02:38:29+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250429023822-68103b9ec6784.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"37 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/34388.html","url":"https:\/\/www.wsisp.com\/helps\/34388.html","name":"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-04-29T02:38:29+00:00","dateModified":"2025-04-29T02:38:29+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/34388.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/34388.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/34388.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"\u57fa\u4e8eQT\u7684\u4effQQ\u97f3\u4e50\u64ad\u653e\u5668"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/34388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=34388"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/34388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/34368"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=34388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=34388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=34388"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=34388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}