文件夹方式显示音乐播放列表

wxxzs123

RT，这是一个多级列表，每一级有若干文件夹和歌曲，点击文件夹会进入下一级列表。我想把这个树状数据结构写在一个XML文件中，然后使用XmlListModel加载这个文件，再使用ListView显示XmlListModel中的数据。
但是具体应该怎么组织数据，怎么查询XML文件还不是很清楚。另外，除了这种方法还有别的更好的方法吗？

Joey_Chan

XmlListModel 虽然简单易用，但是功能有限，每次只能读一层同级别的数据。

我自己就有一个算法是用XmlListModel一层层读xml数据并写进一个json，然后qml操作这个json就方便多了。

代码给你参考一下

1. Item {
   
2.     id: opmlParser
   
3. 
   
4.     property string opmlPath: ""
   
5. 
   
6.     signal parseFinished(var opml)
   
7. 
   
8.     XmlListModel {
   
9.         id: modelOpml
   
10.         property string subTitle
    
11. 
    
12.         property var opmlObj
    
13.         property int currentRootsIndex: 0
    
14.         property int allRootsCount: 0
    
15. 
    
16.         function getAllRootObj() {
    
17.             var rootObjs = new Array
    
18.             // push all root objects to array
    
19.             for (var i=0; i<modelOpml.count; i++) {
    
20.                 rootObjs.push(
    
21.                             //modelOpml.get(i)
    
22.                             {
    
23.                                 "text": modelOpml.get(i).text
    
24.                                 ,"title": modelOpml.get(i).title
    
25.                                 ,"xmlUrl": modelOpml.get(i).xmlUrl
    
26.                                 ,"htmlUrl": modelOpml.get(i).htmlUrl
    
27.                                 ,"isSelected": false
    
28.                             }
    
29.                             )
    
30.             }
    
31.             opmlObj = rootObjs
    
32.             // set first subTitle
    
33.             subTitle = rootObjs[currentRootsIndex].text
    
34.         }
    
35. 
    
36.         function getChildObjsFromOneRoot() {
    
37.             var rootObjs = opmlObj
    
38.             var array = new Array
    
39.             for (var i=0; i<modelOpml.count; i++) {
    
40. //                rootObjs[currentRootsIndex].children.push(
    
41.                 if (modelOpml.get(i).xmlUrl != "") {
    
42.                     array.push(
    
43.                                 {
    
44.                                     "text": modelOpml.get(i).text
    
45.                                     ,"title": modelOpml.get(i).title
    
46.                                     ,"xmlUrl": modelOpml.get(i).xmlUrl
    
47.                                     ,"htmlUrl": modelOpml.get(i).htmlUrl
    
48.                                     ,"isSelected": false
    
49.                                 }
    
50.                                 )
    
51.                 }
    
52.             }
    
53.             rootObjs[currentRootsIndex].children = array
    
54.             opmlObj = rootObjs
    
55.             // if not end of the roots, set next subTitle
    
56.             if (currentRootsIndex < (allRootsCount - 1)) {
    
57.                 currentRootsIndex ++
    
58.                 subTitle = rootObjs[currentRootsIndex].text
    
59.             }
    
60.             // else send finish signal
    
61.             else {
    
62.                 console.log("children objs: ", JSON.stringify(opmlObj))
    
63.                 parseFinished(opmlObj)
    
64.             }
    
65.         }
    
66. 
    
67.         onStatusChanged: {
    
68.             console.log("model status:", status)
    
69.             if (status == XmlListModel.Ready) {
    
70.                 if (!subTitle) {
    
71.                     allRootsCount = count
    
72.                     // get all root object
    
73.                     getAllRootObj()
    
74.                 }
    
75.                 else {
    
76.                     // load children object one by one
    
77. //                    console.log("children objs: ", JSON.stringify(opmlObj))
    
78. //                    console.log("model count: ", count)
    
79.                     getChildObjsFromOneRoot()
    
80.                 }
    
81.             }
    
82.             else if (status == XmlListModel.Error) {
    
83.                 console.log("XmlListModel.Error: ", errorString())
    
84.             }
    
85.         }
    
86. 
    
87.         query: subTitle ? "/opml/body/outline[@text='" + subTitle + "']/outline": "/opml/body/outline"
    
88.         //        query: "/opml/body/outline"
    
89.         source:   opmlPath
    
90. 
    
91.         XmlRole { name: 'text'; query: '@text/string()' }
    
92.         XmlRole { name: 'title'; query: '@title/string()' }
    
93.         XmlRole { name: 'type'; query: '@type/string()' }
    
94.         XmlRole { name: 'xmlUrl'; query: '@xmlUrl/string()' }
    
95.         XmlRole { name: 'htmlUrl'; query: '@htmlUrl/string()' }
    
96.     }
    
97. }
    

复制代码

零之光

用ListView，然后把Delegate设计成和树状图一样的加载方式

wxxzs123

Joey_Chan 发表于 2015-3-31 17:55
XmlListModel 虽然简单易用，但是功能有限，每次只能读一层同级别的数据。

我自己就有一个算法是用XmlList ...

非常感谢，这个代码可以作为参考