cocos2d-x 使用UIWebView加载网页

Admin

前段时间项目中要微博授权登陆，使用的是web登陆方式。所以要在cocos2d-x中显示网页。所以就将UIWebView用进来了。

实现上讲也不是很难，你开打AppController.mm，你可以看到cocos2d-x的场景是被加载在一个EAGLView上面。所以我只需要取到EAGLView，在上面加一个UIView，UIView上面就可以放我的UIWebView。

实现：FMUIWebViewBridge.h

1. #import <Foundation/Foundation.h>
   
2. 
   
3. #import <CoreLocation/CoreLocation.h>
   
4. 
   
5. #import <UIKit/UIKit.h>
   
6. 
   
7. 
   
8. 
   
9. #import "FMLayerWebView.h"
   
10. 
    
11. 
    
12. 
    
13. @interface FMUIWebViewBridge : NSObject<UIWebViewDelegate,UIAlertViewDelegate>{
    
14. 
    
15. FMLayerWebView * mLayerWebView;
    
16. 
    
17. UIView    *mView;
    
18. 
    
19. UIWebView *mWebView;
    
20. 
    
21. UIToolbar *mToolbar;
    
22. 
    
23. UIBarButtonItem *mBackButton;
    
24. 
    
25. }
    
26. 
    
27. 
    
28. 
    
29. -(void) setLayerWebView : (FMLayerWebView*) iLayerWebView URLString:(const char*) urlString;
    
30. 
    
31. -(void) backClicked:(id)sender;
    
32. 
    
33. 
    
34. 
    
35. @end

复制代码

FMUIWebViewBridge.mm

1. //
   
2. 
   
3. //  FMUIWebViewBridge.cpp
   
4. 
   
5. //  WebViewDemo
   
6. 
   
7. //
   
8. 
   
9. //  Created by Yanghui Liu on 12-6-5.
   
10. 
    
11. //  Copyright (c) 2012年 FMinutes company. All rights reserved.
    
12. 
    
13. //
    
14. 
    
15. #import "FMUIWebViewBridge.h"
    
16. 
    
17. #import "EAGLView.h"
    
18. 
    
19. @implementation FMUIWebViewBridge
    
20. 
    
21. - (id)init{
    
22. 
    
23. self = [super init];
    
24. 
    
25. if (self) {
    
26. 
    
27. // init code here.
    
28. 
    
29. }
    
30. 
    
31. return self;
    
32. 
    
33. }
    
34. 
    
35. - (void)dealloc{
    
36. 
    
37. [mBackButton release];
    
38. 
    
39. [mToolbar release];
    
40. 
    
41. [mWebView release];
    
42. 
    
43. [mView release];
    
44. 
    
45. [super dealloc];
    
46. 
    
47. }
    
48. 
    
49. 
    
50. 
    
51. -(void) setLayerWebView : (FMLayerWebView*) iLayerWebView URLString:(const char*) urlString{
    
52. 
    
53. mLayerWebView = iLayerWebView;
    
54. 
    
55. cocos2d::CCSize size = mLayerWebView-> getContentSize();
    
56. 
    
57. mView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, size.width , size.height)];
    
58. 
    
59. // create webView
    
60. 
    
61. //Bottom size
    
62. 
    
63. int wBottomMargin = size.height*0.10;
    
64. 
    
65. int wWebViewHeight = size.height - wBottomMargin;
    
66. 
    
67. mWebView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, size.width, wWebViewHeight)];
    
68. 
    
69. mWebView.delegate = self;
    
70. 
    
71. NSString *urlBase = [NSString stringWithCString:urlString encoding:NSUTF8StringEncoding];
    
72. 
    
73. [mWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:urlBase ]]];
    
74. 
    
75. [mWebView setUserInteractionEnabled:NO]; //don't let the user scroll while things are
    
76. 
    
77. //create a tool bar for the bottom of the screen to hold the back button
    
78. 
    
79. mToolbar = [UIToolbar new];
    
80. 
    
81. [mToolbar setFrame:CGRectMake(0, wWebViewHeight, size.width, wBottomMargin)];
    
82. 
    
83. mToolbar.barStyle = UIBarStyleBlackOpaque;
    
84. 
    
85. //Create a button
    
86. 
    
87. mBackButton = [[UIBarButtonItem alloc] initWithTitle:@"Back"
    
88. 
    
89. style: UIBarButtonItemStyleDone
    
90. 
    
91. target: self
    
92. 
    
93. action:@selector(backClicked:)];
    
94. 
    
95. //[backButton setBounds:CGRectMake(0.0, 0.0, 95.0, 34.0)];
    
96. 
    
97. [mToolbar setItems:[NSArray arrayWithObjects:mBackButton,nil] animated:YES];
    
98. 
    
99. [mView addSubview:mToolbar];
    
100. 
     
101. //[mToolbar release];
     
102. 
     
103. 
     
104. 
     
105. // add the webView to the view
     
106. 
     
107. [mView addSubview:mWebView];
     
108. 
     
109. [[EAGLView sharedEGLView] addSubview:mView];
     
110. 
     
111. }
     
112. 
     
113. 
     
114. 
     
115. - (void)webViewDidStartLoad:(UIWebView *)thisWebView {
     
116. 
     
117. }
     
118. 
     
119. 
     
120. 
     
121. - (void)webViewDidFinishLoad:(UIWebView *)thisWebView{
     
122. 
     
123. [mWebView setUserInteractionEnabled:YES];
     
124. 
     
125. mLayerWebView->webViewDidFinishLoad();
     
126. 
     
127. }
     
128. 
     
129. 
     
130. 
     
131. - (void)webView:(UIWebView *)thisWebView didFailLoadWithError:(NSError *)error {
     
132. 
     
133. if ([error code] != -999 && error != NULL) { //error -999 happens when the user clicks on something before it's done loading.
     
134. 
     
135. 
     
136. 
     
137. UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Network Error" message:@"Unable to load the page. Please keep network connection."
     
138. 
     
139. delegate:self cancelButtonTitle:nil otherButtonTitles:@"OK", nil];
     
140. 
     
141. [alert show];
     
142. 
     
143. [alert release];
     
144. 
     
145. 
     
146. 
     
147. }
     
148. 
     
149. }
     
150. 
     
151. 
     
152. 
     
153. -(void) backClicked:(id)sender {
     
154. 
     
155. mWebView.delegate = nil; //keep the webview from firing off any extra messages
     
156. 
     
157. //remove items from the Superview...just to make sure they're gone
     
158. 
     
159. [mToolbar removeFromSuperview];
     
160. 
     
161. [mWebView removeFromSuperview];
     
162. 
     
163. [mView removeFromSuperview];
     
164. 
     
165. mLayerWebView->onBackbuttonClick();
     
166. 
     
167. }
     
168. 
     
169. @end

复制代码

因为这些都是OC代码，所以文件后缀使用mm，为了和C++代码混编。代码很简答，应该看得懂，我就不解释了。

下面就是封装这个oc代码，FMLayerWebView.h

1. //
   
2. 
   
3. //  FMLayerWebView.h
   
4. 
   
5. //  WebViewDemo
   
6. 
   
7. //
   
8. 
   
9. //  Created by Yanghui Liu on 12-6-5.
   
10. 
    
11. //  Copyright (c) 2012年 FMinutes company. All rights reserved.
    
12. 
    
13. //
    
14. 
    
15. 
    
16. 
    
17. #ifndef WebViewDemo_FMLayerWebView_h
    
18. 
    
19. #define WebViewDemo_FMLayerWebView_h
    
20. 
    
21. 
    
22. 
    
23. #include "CCCommon.h"
    
24. 
    
25. #include "cocos2d.h"
    
26. 
    
27. USING_NS_CC;
    
28. 
    
29. class FMLayerWebView : public CCLayer{
    
30. 
    
31. public:
    
32. 
    
33. FMLayerWebView();
    
34. 
    
35. ~FMLayerWebView();
    
36. 
    
37. virtual bool init();
    
38. 
    
39. LAYER_NODE_FUNC(FMLayerWebView);
    
40. 
    
41. void webViewDidFinishLoad();
    
42. 
    
43. void onBackbuttonClick();
    
44. 
    
45. private:
    
46. 
    
47. int mWebViewLoadCounter;
    
48. 
    
49. };
    
50. 
    
51. 
    
52. 
    
53. #endif
    
54. <div></div>

复制代码

FMLayerWebView.mm

1. //
   
2. 
   
3. //  FMLayerWebView.mm
   
4. 
   
5. //  WebViewDemo
   
6. 
   
7. //
   
8. 
   
9. //  Created by Yanghui Liu on 12-6-5.
   
10. 
    
11. //  Copyright (c) 2012年 FMinutes company. All rights reserved.
    
12. 
    
13. //
    
14. 
    
15. 
    
16. 
    
17. #include "FMLayerWebView.h"
    
18. 
    
19. #include "FMUIWebViewBridge.h"
    
20. 
    
21. 
    
22. 
    
23. static FMUIWebViewBridge *g_FMUIWebViewBridge=nil;
    
24. 
    
25. 
    
26. 
    
27. FMLayerWebView::FMLayerWebView(){
    
28. 
    
29. }
    
30. 
    
31. 
    
32. 
    
33. FMLayerWebView::~FMLayerWebView(){
    
34. 
    
35. [g_FMUIWebViewBridge release];
    
36. 
    
37. }
    
38. 
    
39. 
    
40. 
    
41. void FMLayerWebView::webViewDidFinishLoad(){
    
42. 
    
43. }
    
44. 
    
45. 
    
46. 
    
47. void FMLayerWebView::onBackbuttonClick(){
    
48. 
    
49. this->removeFromParentAndCleanup(true);
    
50. 
    
51. }
    
52. 
    
53. 
    
54. 
    
55. bool FMLayerWebView::init(){
    
56. 
    
57. if ( !CCLayer::init() ){
    
58. 
    
59. return false;
    
60. 
    
61. }
    
62. 
    
63. g_FMUIWebViewBridge = [[FMUIWebViewBridge alloc] init];
    
64. 
    
65. [g_FMUIWebViewBridge setLayerWebView : this URLString:"http://www.cocos2dev.com"];
    
66. 
    
67. return true;
    
68. 
    
69. }

复制代码

OK ,这样就完成了。

调用方法：

1. FMLayerWebView* web = FMLayerWebView::node();
   
2. 
   
3. web->setPosition(CCPointZero);
   
4. 
   
5. addChild(web);

复制代码