iOS自定义LoadingView

应用开发的时候，加载数据的时候需要加载页面，如果没用，那么就缺少人性化设计了。系统自带的是UIActivityIndicatorView，但它缺少文字说明，要加上文字说明的loading view只有自子封装。代码如下：

LoadingView.h

Cpp代码

1. #import<UIKit/UIKit.h>
3. @interfaceLoadingView:UIView
4. {
6. }
8. +(id)loadingViewInView:(UIView*)aSuperview;
9. -(void)removeView;
11. @end

LoadingView.m

Cpp代码

1. #import"LoadingView.h"
2. #import<QuartzCore/QuartzCore.h>
4. //
5. //NewPathWithRoundRect
6. //
7. //CreatesaCGPathRectwitharoundrectofthegivenradius.
8. //
9. CGPathRefNewPathWithRoundRect(CGRectrect,CGFloatcornerRadius)
10. {
11. //
12. //Createtheboundarypath
13. //
14. CGMutablePathRefpath=CGPathCreateMutable();
15. CGPathMoveToPoint(path,NULL,
16. rect.origin.x,
17. rect.origin.y+rect.size.height-cornerRadius);
19. //Topleftcorner
20. CGPathAddArcToPoint(path,NULL,
21. rect.origin.x,
22. rect.origin.y,
23. rect.origin.x+rect.size.width,
24. rect.origin.y,
25. cornerRadius);
27. //Toprightcorner
28. CGPathAddArcToPoint(path,NULL,
29. rect.origin.x+rect.size.width,
30. rect.origin.y,
31. rect.origin.x+rect.size.width,
32. rect.origin.y+rect.size.height,
33. cornerRadius);
35. //Bottomrightcorner
36. CGPathAddArcToPoint(path,NULL,
37. rect.origin.x+rect.size.width,
38. rect.origin.y+rect.size.height,
39. rect.origin.x,
40. rect.origin.y+rect.size.height,
41. cornerRadius);
43. //Bottomleftcorner
44. CGPathAddArcToPoint(path,NULL,
45. rect.origin.x,
46. rect.origin.y+rect.size.height,
47. rect.origin.x,
48. rect.origin.y,
49. cornerRadius);
51. //Closethepathattheroundedrect
52. CGPathCloseSubpath(path);
54. returnpath;
55. }
57. @implementationLoadingView
59. //
60. //loadingViewInView:
61. //
62. //Constructorforthisview.Createsandaddsaloadingviewforcoveringthe
63. //providedaSuperview.
64. //
65. //Parameters:
66. //aSuperview-thesuperviewthatwillbecoveredbytheloadingview
67. //
68. //returnstheconstructedview,alreadyaddedasasubviewoftheaSuperview
69. //(andhenceretainedbythesuperview)
70. //
71. +(id)loadingViewInView:(UIView*)aSuperview
72. {
73. LoadingView*loadingView=
74. [[[LoadingViewalloc]initWithFrame:[aSuperviewbounds]]autorelease];
75. if(!loadingView)
76. {
77. returnnil;
78. }
80. loadingView.opaque=NO;
81. loadingView.autoresizingMask=
82. UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight;
83. [aSuperviewaddSubview:loadingView];
85. constCGFloatDEFAULT_LABEL_WIDTH=280.0;
86. constCGFloatDEFAULT_LABEL_HEIGHT=50.0;
87. CGRectlabelFrame=CGRectMake(0,0,DEFAULT_LABEL_WIDTH,DEFAULT_LABEL_HEIGHT);
88. UILabel*loadingLabel=
89. [[[UILabelalloc]
90. initWithFrame:labelFrame]
91. autorelease];
92. loadingLabel.text=NSLocalizedString(@"Loading...",nil);
93. loadingLabel.textColor=[UIColorwhiteColor];
94. loadingLabel.backgroundColor=[UIColorclearColor];
95. loadingLabel.textAlignment=UITextAlignmentCenter;
96. loadingLabel.font=[UIFontboldSystemFontOfSize:[UIFontlabelFontSize]];
97. loadingLabel.autoresizingMask=
98. UIViewAutoresizingFlexibleLeftMargin|
99. UIViewAutoresizingFlexibleRightMargin|
100. UIViewAutoresizingFlexibleTopMargin|
101. UIViewAutoresizingFlexibleBottomMargin;
103. [loadingViewaddSubview:loadingLabel];
104. UIActivityIndicatorView*activityIndicatorView=
105. [[[UIActivityIndicatorViewalloc]
106. initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge]
107. autorelease];
108. [loadingViewaddSubview:activityIndicatorView];
109. activityIndicatorView.autoresizingMask=
110. UIViewAutoresizingFlexibleLeftMargin|
111. UIViewAutoresizingFlexibleRightMargin|
112. UIViewAutoresizingFlexibleTopMargin|
113. UIViewAutoresizingFlexibleBottomMargin;
114. [activityIndicatorViewstartAnimating];
116. CGFloattotalHeight=
117. loadingLabel.frame.size.height+
118. activityIndicatorView.frame.size.height;
119. labelFrame.origin.x=floor(0.5*(loadingView.frame.size.width-DEFAULT_LABEL_WIDTH));
120. labelFrame.origin.y=floor(0.5*(loadingView.frame.size.height-totalHeight));
121. loadingLabel.frame=labelFrame;
123. CGRectactivityIndicatorRect=activityIndicatorView.frame;
124. activityIndicatorRect.origin.x=
125. 0.5*(loadingView.frame.size.width-activityIndicatorRect.size.width);
126. activityIndicatorRect.origin.y=
127. loadingLabel.frame.origin.y+loadingLabel.frame.size.height;
128. activityIndicatorView.frame=activityIndicatorRect;
130. //Setupthefade-inanimation
131. CATransition*animation=[CATransitionanimation];
132. [animationsetType:kCATransitionFade];
133. [[aSuperviewlayer]addAnimation:animationforKey:@"layerAnimation"];
135. returnloadingView;
136. }
138. //
139. //removeView
140. //
141. //Animatestheviewoutfromthesuperview.Astheviewisremovedfromthe
142. //superview,itwillbereleased.
143. //
144. -(void)removeView
145. {
146. UIView*aSuperview=[selfsuperview];
147. [superremoveFromSuperview];
149. //Setuptheanimation
150. CATransition*animation=[CATransitionanimation];
151. [animationsetType:kCATransitionFade];
153. [[aSuperviewlayer]addAnimation:animationforKey:@"layerAnimation"];
154. }
156. //
157. //drawRect:
158. //
159. //Drawtheview.
160. //
161. -(void)drawRect:(CGRect)rect
162. {
163. rect.size.height-=1;
164. rect.size.width-=1;
166. constCGFloatRECT_PADDING=8.0;
167. rect=CGRectInset(rect,RECT_PADDING,RECT_PADDING);
169. constCGFloatROUND_RECT_CORNER_RADIUS=5.0;
170. CGPathRefroundRectPath=NewPathWithRoundRect(rect,ROUND_RECT_CORNER_RADIUS);
172. CGContextRefcontext=UIGraphicsGetCurrentContext();
174. constCGFloatBACKGROUND_OPACITY=0.85;
175. CGContextSetRGBFillColor(context,0,0,0,BACKGROUND_OPACITY);
176. CGContextAddPath(context,roundRectPath);
177. CGContextFillPath(context);
179. constCGFloatSTROKE_OPACITY=0.25;
180. CGContextSetRGBStrokeColor(context,1,1,1,STROKE_OPACITY);
181. CGContextAddPath(context,roundRectPath);
182. CGContextStrokePath(context);
184. CGPathRelease(roundRectPath);
185. }
187. //
188. //dealloc
189. //
190. //Releaseinstancememory.
191. //
192. -(void)dealloc
193. {
194. [superdealloc];
195. }
197. @end

记得要加入ＱuartzCore.framework 到工程。

用法就更简单了，加入的时候只需调用：

Cpp代码

1. LoadingView*loadingView=[LoadingViewloadingViewInView:[self.view.window.subviewsobjectAtIndex:0]];

删除的时候只需调用：

Cpp代码

1. [loadingViewremoveFromSuperview];