珍惜每一天

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

[转]Three20软件引擎之自制IOS顶部状态栏详解（六）

 

Three20软件引擎之自制IOS顶部状态栏详解

 

IOS状态栏是什么地方？ 它是IOS设备屏幕顶部显示信号以及电池的区域。状态栏默认的高度是20像素，状态栏在软件开发中有何作用？联网应用中可在自动帮用户下载数据时使用，推荐在状态栏中予以显示。状态栏可以通过程序来控制隐藏与显示，也可以在状态栏之上添加Loading的动画，让用户感觉目前正处于下载状态中。下面我们先学习最简单的一种，就是在状态栏之上添加下载的Loading动画。如下图所示，在屏幕顶部状态栏中，信号图标旁边已经出现动画Loading的标志，它目前正在一直转圈。另外，本篇文章适用于普通IOS软件开发与Three20软件开发。

 


 

动画显示与隐藏的代码很简单，如下所示：

 

[cpp] view plaincopy
  1. //开启状态栏动画  
  2. [[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:YES];  
  3. //关闭状态栏动画  
  4. [[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:NO];  

 

 

这样的动画确实有点局限，不能修改动画的位置，我们可以将整个状态栏利用起来。写一个新视图覆盖至原有状态栏视图之上，在新视图中写入需要的东西。在学习它之前我们先学习如何隐藏与显示状态栏。

 

状态栏显示与隐藏的代码很简单，如下所示：

 

[cpp] view plaincopy
  1. //隐藏状态栏  
  2. [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:YES];  
  3.   
  4. //显示状态栏  
  5. [[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:YES];  


setStatusBarHidden ：表示状态栏显示与隐藏。

withAnimation：表示是否播放显示与隐藏的过渡动画。

 

        别高兴的太早，它仅仅只是隐藏状态栏，所以屏幕顶部还是会空留20像素的白条，为了让显示上更佳彻底，需要继续重新设定整个窗口的显示区域以及标题栏的位置：

 

[cpp] view plaincopy
  1. //隐藏状态栏  
  2. [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:YES];  
  3. //重新设定窗口的显示区域  
  4. [[UIApplication sharedApplication].keyWindow setFrame:CGRectMake(0, 0, 320, 480)];  
  5. //重新设定标题栏显示的位置  
  6. [self.navigationController.navigationBar setFrame:CGRectMake(0, 0, 320, 44)];  


如下图所示，状态条已经完全去掉，包括顶部的白条，是不是很神奇呢？


 

下面学习本文的重点内容，重写状态栏内容。如下图所示，状态栏顶部已经写入读取进度的百分比，为了让效果更佳好，在状态栏顶部将绘制进度条以及下载进度的百分比。在状态栏左侧将绘制读取动画，一个圆圈不停的转啊转啊的。嘎嘎～

 


 

下面开始详细的代码介绍。

ViewController.h

 

[cpp] view plaincopy
  1. #import <Three20/Three20.h>  
  2.   
  3. @interface ViewController : TTViewController  
  4. {  
  5.     //下载进度显示视图  
  6.     UITextView*textView;  
  7.     //状态条顶部Loading动画视图  
  8.     UIActivityIndicatorView *activity;  
  9.     //计时器  
  10.     NSTimer *timer;  
  11.     //应用程序的句柄  
  12.     UIApplication *app;  
  13.     //计数  
  14.     int timeCount;  
  15. }  
  16. @end  

 

ViewController.m

 

[cpp] view plaincopy
  1. #import "ViewController.h"  
  2.   
  3. @implementation ViewController  
  4.   
  5. - (void)viewDidLoad  
  6. {  
  7.     [super viewDidLoad];  
  8.   
  9.       
  10.     //设置标题栏文字  
  11.     self.title =@"雨松MOMO软件开发";  
  12.     //设置视图背景显示颜色  
  13.     [self.view setBackgroundColor:[UIColor blackColor]];  
  14.   
  15.       
  16.     //创建图片视图    
  17.     TTImageView *imageview = [[[TTImageView alloc] initWithFrame:    
  18.                                CGRectMake(100, 50, 120, 120)] autorelease];    
  19.       
  20.     //设置图片视图显示的图片资源  
  21.     imageview.defaultImage = TTIMAGE(@"bundle://0.jpg");  
  22.     //将图片视图加入整个视图当中  
  23.     [self.view addSubview:imageview];  
  24.       
  25.       
  26.       
  27.     //按钮的文字信息  
  28.     NSArray *titles = [[NSArray alloc] initWithObjects:  
  29.                        @"隐藏状态栏",  
  30.                        @"显示状态栏",  
  31.                        @"更新状态栏",  
  32.                        nil];  
  33.       
  34.       
  35.       
  36.     for (int i =0; i < [titles count]; i++)   
  37.     {  
  38.           
  39.         //创建普通按钮    
  40.         UIButton *button = [UIButton buttonWithType:1];    
  41.         //设置按钮位置  
  42.         button.frame = CGRectMake(0, 200 + i * 40, 320, 30);    
  43.         //设置按钮现实文字  
  44.         [button setTitle:[titles objectAtIndex:i] forState:UIControlStateNormal];    
  45.         //设置按钮标记  
  46.         button.tag = i;  
  47.         //设置按钮点击后 绑定响应方法    
  48.         [button addTarget:self action:@selector(ButtonPressed:) forControlEvents:UIControlEventTouchUpInside];     
  49.         //将按钮添加入视图中  
  50.         [self.view addSubview: button];  
  51.     }  
  52.       
  53.      
  54.     //得到应用程序的句柄  
  55.     app = [UIApplication sharedApplication];  
  56.    
  57. }  
  58.   
  59.   
  60. -(void)ButtonPressed:(id)buttonID  
  61. {  
  62.     //获取点击的按钮  
  63.     UIButton *button = (UIButton *)buttonID;  
  64.     switch (button.tag)   
  65.     {  
  66.         case 0:  
  67.             //注解1  
  68.             [app setStatusBarHidden:YES withAnimation:YES];  
  69.             [app.keyWindow setWindowLevel:UIWindowLevelStatusBar];  
  70.             [app.keyWindow setFrame:CGRectMake(0, 0, 320, 480)];  
  71.             break;  
  72.         case 1:  
  73.             //注解2  
  74.             [app setStatusBarHidden:NO withAnimation:YES];  
  75.             [app.keyWindow setWindowLevel:UIWindowLevelStatusBar];  
  76.             [app.keyWindow setFrame:CGRectMake(0, 20, 320, 460)];  
  77.             break;  
  78.         case 2:  
  79.             //注解3  
  80.             [app setStatusBarHidden:NO withAnimation:YES];  
  81.             [app.keyWindow setWindowLevel:UIWindowLevelStatusBar];  
  82.             [app.keyWindow setFrame:CGRectMake(0, 20, 320, 460)];  
  83.             [self performSelector:@selector(startUpdate) withObject:nil afterDelay:0.4];  
  84.             break;  
  85.       
  86.     }  
  87.       
  88.   
  89.     //注解4  
  90.     [self.navigationController.navigationBar setFrame:CGRectMake(0, 0, 320, 44)];  
  91.   
  92.   
  93. }  
  94.   
  95. - (void)dealloc   
  96. {   
  97.     //释放  
  98.     TT_RELEASE_SAFELY(textView);   
  99.     TT_RELEASE_SAFELY(activity);   
  100.     TT_RELEASE_SAFELY(timer);   
  101.     TT_RELEASE_SAFELY(app);   
  102.     [super dealloc];   
  103. }  
  104.   
  105.   
  106.   
  107.   
  108. - (void) startUpdate  
  109. {  
  110.     if(timer == nil)  
  111.     {         
  112.         //顶部文本视图  
  113.         textView = [[UITextView alloc] initWithFrame:CGRectMake(0, -25, 320, 25)];  
  114.         [textView setBackgroundColor:[UIColor blackColor]];  
  115.         [textView setText:@"开始更新"];  
  116.         [textView setTextColor:[UIColor whiteColor]];  
  117.         [textView setTextAlignment:UITextAlignmentCenter];  
  118.         [textView setFont:[UIFont systemFontOfSize:15]];  
  119.         [app.keyWindow addSubview:textView];  
  120.           
  121.         //注解5  
  122.         [UIView beginAnimations:@"anim1" context:nil];  
  123.         [UIView setAnimationDuration:1.0];  
  124.         textView.alpha = 0.0f;  
  125.         textView.alpha = 1.0f;  
  126.         [UIView commitAnimations];  
  127.   
  128.         [textView release];  
  129.           
  130.         //注解6  
  131.         timer = [NSTimer scheduledTimerWithTimeInterval: 0.1  
  132.                                                  target: self  
  133.                                                selector: @selector(handleTimer:)  
  134.                                                userInfo: nil  
  135.                                                 repeats: YES];  
  136.         //开始播放loading动画                                         
  137.         [self addLoading];  
  138.           
  139.     }  
  140. }  
  141. - (void) handleTimer: (NSTimer *) t  
  142. {  
  143.     //开始计数，没进该方法一次++  
  144.     timeCount++;  
  145.     //计数器小于100表示未下载完毕  
  146.     if(timeCount <=100)  
  147.     {  
  148.         //绘制显示百分比  
  149.         NSString *text = [NSString stringWithFormat:@"读取进度百分之：%d ",timeCount];    
  150.         [textView setText:text];  
  151.     }else  
  152.     {  
  153.   
  154.         //计数器大于100表示下载完毕  
  155.         [textView setText:@"读取完毕"];  
  156.         timeCount = 0;  
  157.         //删除时间计时器  
  158.         [self removeTimer];  
  159.         //删除读取动画  
  160.         [self removeLoading];  
  161.            
  162.         //注解7  
  163.         [UIView beginAnimations:@"anim" context:nil];  
  164.         [UIView setAnimationDuration:1.0];  
  165.         textView.alpha= 1.0f;  
  166.         textView.alpha = 0.0f;  
  167.         [UIView commitAnimations];  
  168.     }  
  169. }  
  170.   
  171.   
  172.   
  173. - (void)addLoading  
  174. {  
  175.     //创建Loading动画视图  
  176.     activity = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];   
  177.     //设置动画视图的风格，这里设定它位白色  
  178.     activity.activityIndicatorViewStyle=UIActivityIndicatorViewStyleWhite;  
  179.     //设置它显示的区域  
  180.     activity.frame = CGRectMake(0, -18, 20, 18);    
  181.     //将视图加入窗口中  
  182.     [app.keyWindow addSubview:activity];  
  183.     //开始播放动画  
  184.     [activity startAnimating];  
  185.     //释放  
  186.     [activity release];  
  187.       
  188.     
  189. }  
  190.   
  191.   
  192. -(void)removeLoading  
  193. {  
  194.     //结束动画  
  195.     [activity stopAnimating];  
  196.     //删除动画视图  
  197.     [activity removeFromSuperview];  
  198. }  
  199.   
  200.   
  201. -(void)removeTimer  
  202. {  
  203.     //停止时间计时器  
  204.     TT_INVALIDATE_TIMER(timer);  
  205.       
  206. //等价于上面的方法       
  207. //    //停止时间计时器  
  208. //    [timer invalidate];  
  209. //    //让它等于nil  
  210. //    timer = nil;  
  211.   
  212. }  
  213.   
  214. @end  



注 解1：setStatusBarHidden:YES设定状态栏的隐藏，隐藏状态栏后，为了让下方原有的视图自动向上移动，那么就需要重新设定窗口的等级 与显示区域。使用setWindowLevel方法可设定窗口的等级，窗口等级可分为三种：普通窗口，警告窗口，状态栏窗口，所以这里我们设定窗口等级为 UIWindowLevelStatusBar（状态栏窗口）。窗口等级设定完毕后紧接着需要重新设定窗口的显示区域，重新设定窗口的显示区域为 CGRect(0,0,320,480)，表示新的窗口将完整填充整个手机屏幕。

注 解2：状态栏的显示与状态栏的隐藏是一个道理，setStatusBarHidden:NO 设置状态栏可见，继续设定窗口的等级与显示区域。因为状态栏的高度为20，所以现在设定窗口的显示区域为CGRect(0,20,320,460)，可保 持视不包含状态栏的20像素高度，视图将填充下方整个屏幕。

注 解3：在这里我们需要将新的视图覆盖至状态栏之上，首先是隐藏状态栏，隐藏时由于开启了隐藏状态栏的动画，所以延迟0.4毫秒等状态按彻底隐藏后在将新的 视图覆盖至状态栏之上。使用performSelector方法，参数1表示延迟一段时间后执行的方法，参数2表示附带一个对象，参数3表示延迟的时间。 这里是延迟0.4毫秒后执行startUpdate方法，下载属于以及更新视图都写在该方法中。

注解4：重新设定标题栏的位置，这个一定要设定，否则由于修改窗口的显示区域后标题栏显示上会出现偏差。

注 解5：实现视图切换淡入淡出的效果，beginAnimations方法表示即将开始播放一段动画，setAnimationDuration方法表示设 定动画播放的长度，textView.alpha表示设定视图的透明度，这里设定了2个透明度，0.0表示完全透明，1.0表示完全不透明，当然还可继续 设定更多的视图变化，这段动画的含义是在1秒内现实视图从完全透明到完全不透明。最后执行[UIView commitAnimations]方法才是真正的开始播放动画，请大家记住beginAnimations 与commitAnimations两个方法必需成对儿出现，视图的任何变化都需要写在两个方法之间。

注 解6：NSTimer表示时间计数器，它的原理就是在程序中新开一个子线程，并且子线程将每隔一段时间执行一次。本节我们使用它模拟用户下载数据的时间。 这段代码表示程序将每隔0.1秒执行一次handleTimer方法，在handleTimer方法中去更新状态栏视图显示的文字，下载百分比。数据下载 完毕后关闭视图，播放淡入淡出动画并且恢复原有状态栏。

 

最后在说说Three20中3个比较常用释放对象的宏定义：

 

[cpp] view plaincopy
  1. #define TT_RELEASE_SAFELY(__POINTER) { [__POINTER release]; __POINTER = nil; }  
  2. #define TT_INVALIDATE_TIMER(__TIMER) { [__TIMER invalidate]; __TIMER = nil; }  
  3.   
  4. // Release a CoreFoundation object safely.  
  5. #define TT_RELEASE_CF_SAFELY(__REF) { if (nil != (__REF)) { CFRelease(__REF); __REF = nil; } }  


TT_RELEASE_SAFELY() ：表示释放对象，并且将该对象赋值为nil。

TT_INVALIDATE_TIMER()：停止时间计数器，并且将该计数器赋值为nil。

TT_RELEASE_CF_SAFELY：检测对象是否为nil，如果不为nil释放对象，最后赋值为nil。

 

 

最后欢迎各位盆友可以和MOMO一起讨论Three20软件开发，如果你觉得看得不清楚，MOMO附带上本章的源码下载，希望大家可以一起学习 哈哈～。哇咔咔～ MOMO愿和 大家好好学习，大家一起进步哈～！！！

 
 
posted on 2013-01-17 22:52  了无痕  阅读(161)  评论(0)    收藏  举报