quick-cocos2d-x的熱更新機制實現update包(lua)(中)

原文地址：http://www.cocoachina.com/bbs/read.php?tid=213061

4.4 update.updateScene

這個模塊用於顯示更新過程的進度和一些信息。所有內容如下：

複製代碼

1. ------
2. -- updateScene for update package.
3. -- This is a object, not a class.
4. -- In this scene, it will show download progress bar
5. -- and state for uncompress.
6. -- @author zrong(zengrong.net)
7. -- Creation: 2014-07-03
9. local updater = require("update.updater")
10. local sharedDirector         = CCDirector:sharedDirector()
12. -- check device screen size
13. local glview = sharedDirector:getOpenGLView()
14. local size = glview:getFrameSize()
15. local display = {}
16. display.sizeInPixels = {width = size.width, height = size.height}
18. local w = display.sizeInPixels.width
19. local h = display.sizeInPixels.height
21. CONFIG_SCREEN_WIDTH = 1280
22. CONFIG_SCREEN_HEIGHT = 800
23. CONFIG_SCREEN_AUTOSCALE = "FIXED_HEIGHT"
25. local scale, scaleX, scaleY
27. scaleX, scaleY = w / CONFIG_SCREEN_WIDTH, h / CONFIG_SCREEN_HEIGHT
28. scale = scaleY
29. CONFIG_SCREEN_WIDTH = w / scale
31. glview:setDesignResolutionSize(CONFIG_SCREEN_WIDTH, CONFIG_SCREEN_HEIGHT, kResolutionNoBorder)
33. local winSize = sharedDirector:getWinSize()
34. display.contentScaleFactor = scale
35. display.size               = {width = winSize.width, height = winSize.height}
36. display.width              = display.size.width
37. display.height             = display.size.height
38. display.cx                 = display.width / 2
39. display.cy                 = display.height / 2
40. display.c_left             = -display.width / 2
41. display.c_right            = display.width / 2
42. display.c_top              = display.height / 2
43. display.c_bottom           = -display.height / 2
44. display.left               = 0
45. display.right              = display.width
46. display.top                = display.height
47. display.bottom             = 0
48. display.widthInPixels      = display.sizeInPixels.width
49. display.heightInPixels     = display.sizeInPixels.height
51. print("# display in updateScene start")
52. print(string.format("# us.CONFIG_SCREEN_AUTOSCALE      = %s", CONFIG_SCREEN_AUTOSCALE))
53. print(string.format("# us.CONFIG_SCREEN_WIDTH          = %0.2f", CONFIG_SCREEN_WIDTH))
54. print(string.format("# us.CONFIG_SCREEN_HEIGHT         = %0.2f", CONFIG_SCREEN_HEIGHT))
55. print(string.format("# us.display.widthInPixels        = %0.2f", display.widthInPixels))
56. print(string.format("# us.display.heightInPixels       = %0.2f", display.heightInPixels))
57. print(string.format("# us.display.contentScaleFactor   = %0.2f", display.contentScaleFactor))
58. print(string.format("# us.display.width                = %0.2f", display.width))
59. print(string.format("# us.display.height               = %0.2f", display.height))
60. print(string.format("# us.display.cx                   = %0.2f", display.cx))
61. print(string.format("# us.display.cy                   = %0.2f", display.cy))
62. print(string.format("# us.display.left                 = %0.2f", display.left))
63. print(string.format("# us.display.right                = %0.2f", display.right))
64. print(string.format("# us.display.top                  = %0.2f", display.top))
65. print(string.format("# us.display.bottom               = %0.2f", display.bottom))
66. print(string.format("# us.display.c_left               = %0.2f", display.c_left))
67. print(string.format("# us.display.c_right              = %0.2f", display.c_right))
68. print(string.format("# us.display.c_top                = %0.2f", display.c_top))
69. print(string.format("# us.display.c_bottom             = %0.2f", display.c_bottom))
70. print("# display in updateScene done")
72. display.ANCHOR_POINTS = {
73.     CCPoint(0.5, 0.5),  -- CENTER
74.     CCPoint(0, 1),      -- TOP_LEFT
75.     CCPoint(0.5, 1),    -- TOP_CENTER
76.     CCPoint(1, 1),      -- TOP_RIGHT
77.     CCPoint(0, 0.5),    -- CENTER_LEFT
78.     CCPoint(1, 0.5),    -- CENTER_RIGHT
79.     CCPoint(0, 0),      -- BOTTOM_LEFT
80.     CCPoint(1, 0),      -- BOTTOM_RIGHT
81.     CCPoint(0.5, 0),    -- BOTTOM_CENTER
82. }
84. display.CENTER        = 1
85. display.LEFT_TOP      = 2; display.TOP_LEFT      = 2
86. display.CENTER_TOP    = 3; display.TOP_CENTER    = 3
87. display.RIGHT_TOP     = 4; display.TOP_RIGHT     = 4
88. display.CENTER_LEFT   = 5; display.LEFT_CENTER   = 5
89. display.CENTER_RIGHT  = 6; display.RIGHT_CENTER  = 6
90. display.BOTTOM_LEFT   = 7; display.LEFT_BOTTOM   = 7
91. display.BOTTOM_RIGHT  = 8; display.RIGHT_BOTTOM  = 8
92. display.BOTTOM_CENTER = 9; display.CENTER_BOTTOM = 9
94. function display.align(target, anchorPoint, x, y)
95.     target:setAnchorPoint(display.ANCHOR_POINTS[anchorPoint])
96.     if x and y then target:setPosition(x, y) end
97. end
99. local us = CCScene:create()
100. us.name = "updateScene"
102. local localResInfo = nil
104. function us._addUI()
105.     -- Get the newest resinfo in ures.
106.     local localResInfo = updater.getResCopy()
108.     local __bg = CCSprite:create(us._getres("res/pic/init_bg.png"))
109.     display.align(__bg, display.CENTER, display.cx, display.cy)
110.     us:addChild(__bg, 0)
112.     local __label = CCLabelTTF:create("Loading...", "Arial", 24)
113.     __label:setColor(ccc3(255, 0, 0))
114.     us._label = __label
115.     display.align(__label, display.CENTER, display.cx, display.bottom+30)
116.     us:addChild(__label, 10)
117. end
119. function us._getres(path)
120.     if not localResInfo then
121.         localResInfo = updater.getResCopy()
122.     end
123.     for key, value in pairs(localResInfo.oth) do
124.         print("us._getres:", key, value)
125.         local pathInIndex = string.find(key, path)
126.         if pathInIndex and pathInIndex >= 1 then
127.             print("us._getres getvalue:", path)
128.             res[path] = value
129.             return value
130.         end
131.     end
132.     return path
133. end
135. function us._sceneHandler(event)
136.     if event == "enter" then
137.         print(string.format("updateScene \"%s:onEnter()\"", us.name))
138.         us.onEnter()
139.     elseif event == "cleanup" then
140.         print(string.format("updateScene \"%s:onCleanup()\"", us.name))
141.         us.onCleanup()
142.     elseif event == "exit" then
143.         print(string.format("updateScene \"%s:onExit()\"", us.name))
144.         us.onExit()
146.         if DEBUG_MEM then
147.             print("----------------------------------------")
148.             print(string.format("LUA VM MEMORY USED: %0.2f KB", collectgarbage("count")))
149.             CCTextureCache:sharedTextureCache():dumpCachedTextureInfo()
150.             print("----------------------------------------")
151.         end
152.     end
153. end
155. function us._updateHandler(event, value)
156.     updater.state = event
157.     if event == "success" then
158.         updater.stateValue = value:getCString()
159.         updater.updateFinalResInfo()
160.         if us._succHandler then
161.             us._succHandler()
162.         end
163.     elseif event == "error" then
164.         updater.stateValue = value:getCString()
165.     elseif event == "progress" then
166.         updater.stateValue = tostring(value:getValue())
167.     elseif event == "state" then
168.         updater.stateValue = value:getCString()
169.     end
170.     us._label:setString(updater.stateValue)
171.     assert(event ~= "error",
172.         string.format("Update error: %s !", updater.stateValue))
173. end
175. function us.addListener(handler)
176.     us._succHandler = handler
177.     return us
178. end
180. function us.onEnter()
181.     updater.update(us._updateHandler)
182. end
184. function us.onExit()
185.     updater.clean()
186.     us:unregisterScriptHandler()
187. end
189. function us.onCleanup()
190. end
192. us:registerScriptHandler(us._sceneHandler)
193. us._addUI()
194. return us

代碼都在上面，說重點：


4.4.1 還是沒有framework


這是必須一直牢記的。由於沒有載入quick的 framework，所有的quick特性都不能使用。
你也許會說沒有framework我怎麼寫界面？那麼想想用C++的同學吧！那個代碼怎麼也比Lua多吧？

複製代碼

1. display.newSprite("res/pic/init_bg.png")
2.     :align(display.CENTER, display.cx, display.cy)
3.     :addTo(self, 0)

在沒有quick framework的時候需要改成這樣：

複製代碼

1. local __bg = CCSprite:create(us._getres("res/pic/init_bg.png"))
2. display.align(__bg, display.CENTER, display.cx, display.cy)
3. us:addChild(__bg, 0)

等等！爲啥我用了 display ！！！魂淡，你不會偷quick的啊啊啊！
4.4.2 必須要偷的代碼
爲了方便使用，我們可以偷一部分framework的代碼過來（幹嘛說得那麼難聽嘛，程序員怎麼能用偷？程序員的事，用CV啊），注意CV來的代碼用local變量來保存。由於 updateScene 已經是一個可視的場景，因此quick中關於界面縮放設置的那部分代碼也是必須CV過來。不多，幾十行而已。
遊戲產品絕大多數都不會做成橫屏豎屏自動適應的（自己找SHI啊有木有），因此界面縮放的代碼我也只保存了一個橫屏的，這又省了不少。那CV的同學，注意自己改啊！
4.4.3 update.updateScene._getres(path)
在 update.updateScene 模塊中，所有涉及到資源路徑的地方，必須使用這個方法來包裹。
這個方法先從 update.updater 模塊中獲取最新的資源索引列表，然後根據我們傳遞的相對路徑從索引列表中查找到資源的實際路徑（可能是原包自帶的資源，也可能是更新後的資源的絕對路徑），然後載入它們。這能保證我們使用的是最新的資源。
4.4.4 update.updateScene._updateHandler(event, value)
這個方法已經在 上面 C++ 模塊中 講過了。注意其中的 _succHandler 是在 update.UpdateApp 中定義的匿名函數。
4.4.5 怎麼使用這個模塊

如果你要使用這個模塊，那麼可能大部分都要重寫。你可以看到，我在這個模塊中只有一個背景圖和一個 CCLabeTTF 來顯示下載進度和狀態。你當然不希望你的更新界面就是這個樣子。怎麼也得來個妹子做封面不是？