偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

iOS：狀態(tài)欄提示控件的實現原理

作者：一片楓葉
移動開發(fā) iOS
現在很多流行的軟件都加入了狀態(tài)欄提示的功能，比如手機qq，微信等，今天我們就一起來看看狀態(tài)欄提示控件的原理與實現。

現在很多流行的軟件都加入了狀態(tài)欄提示的功能，比如手機qq，微信等，今天我們就一起來看看狀態(tài)欄提示控件的原理與實現。

[[113965]]

一、狀態(tài)欄提示的實現原理

不知道大家看到狀態(tài)欄提示控件，***感覺它是怎么實現的呢？

我們知道即使平時寫的view是充滿全屏的，也始終不會顯示到 statusBar的上層的。也就是說statusBar應該是一個特殊的view，始終位于程序的topLevel，這就容易聯想到UIKit中一個特 殊的view-----UIWindow。UIWindow有一個windowLevel的屬性剛好能實現一直保持在上層的功能，于是方向就比較明確了。 我較早寫的兩篇博客UIWindowLevel詳解以及關于UIWindow的一點兒思考中對windowLevel有過詳細的介紹和驗證。

確定了使用UIWindow來實現狀態(tài)欄提示控件，好像問題就全部解決了，真的是這樣嗎？

如果你的程序僅僅支持portrait方向的話，那么最主要的功能就結束了，剩下的事情就是文本框布局和簡單動畫的實現了。但如果你的控件要支持其他三個方向的話，就還需要處理window的旋轉。

iOS中完整的旋轉流程如下: 設備檢測到方向旋轉->UIApplication收到旋轉事件->通知window設備發(fā)生了旋轉->window通知它的 rootViewController進行旋轉->viewController會調整自身view的transform。觀察發(fā)現自始至終 window本身的位置和方向是沒有發(fā)生變化的，也就是說如果自己創(chuàng)建一個window用于展示提示，我們需要自己處理該window的旋轉，根據不同的 方向調整window的位置和transform。

綜上要實現狀態(tài)欄提示控件我們需要做以下兩件事：

1、創(chuàng)建一個UIWindow，指定它的frame為statusBar的frame，并且設置該window的windowLevel級別略高于statusBar的windowLevel。

2、注冊系統的旋轉通知，監(jiān)測設備方向變化，根據當前設備的方向做出相應的調整。

整個過程中主要用到了UIWindow和transfrom的知識，這兩部分知識我前面寫的博客都有涉及，難點主要集中在自己旋轉window這一塊。

二、Window的旋轉

UIKit通過UIWindow和UIViewContoller為我們提供了一套旋轉支持的框架，在方向變化以后viewController中view的坐標系統就已經被轉到正確的方向了，我們只需要簡單的重新布局就可以了。我們現在是直接通過UIWindow實現狀態(tài)欄提示控件，因此需要自己完成對該window進行旋轉的操作。

我們知道對當前view設置的transform是針對它的父view的，window本身就是一種特殊的view。你可能會疑問window不就是***層的view，它還有父view嗎？

答案是YES，不信的話你可以打印一下 window的superView看看。window默認方向是portrait方向，向下y坐標增加，向右x坐標增加。因此Portrait方向我們只 需要向普通的view那樣布局就可以了，其它幾個方向我們就需要用到transform和設置位置來搞定了。

下面我們看一看從Portrait方向轉到landscapeRight方向的圖示:

上圖中從左到右展示了如何將初始位置(Portrait方向)，旋轉到目標位置(landscapeRight方向)的過程。

1、原始window位置位于屏幕最上方(與statusBar的位置一樣)。

2、首先我們對這個window做順時針90°旋轉，變化后到達綠色繪制位置。

3、接著我們再修改window的center到屏幕最右邊并且上下居中，達到紅色虛線所示的位置。

4、***對該window的bound進行設置，使該window充滿屏幕最右邊的區(qū)域。注意這個時候由于window的transform已經轉了90°，所以設置時width代表著高度，height代表這寬度。

下面是完整的處理旋轉到四個方向的代碼：

  1. - (void)updateOrientation:(NSNotification*)noti 
  2. { 
  3.     UIInterfaceOrientation newOrientation = [[noti.userInfo valueForKey:UIApplicationStatusBarOrientationUserInfoKey] integerValue]; 
  4.     NSLog(@"new orientation: %d", newOrientation); 
  5.      
  6.     switch (newOrientation) { 
  7.         case UIInterfaceOrientationPortrait: 
  8.         { 
  9.             self.transform = CGAffineTransformIdentity; 
  10.             self.frame = CGRectMake(0, 0, SCREEN_WIDTH, HEIGHT); 
  11.              
  12.             break; 
  13.         } 
  14.         case UIInterfaceOrientationPortraitUpsideDown: 
  15.         { 
  16.             // 先轉矩陣，坐標系統落在屏幕有右下角，朝上是y，朝左是x 
  17.             self.transform = CGAffineTransformMakeRotation(M_PI); 
  18.             self.center = CGPointMake(SCREEN_WIDTH / 2, SCREEN_HEIGHT - HEIGHT / 2); 
  19.             self.bounds = CGRectMake(0, 0, SCREEN_WIDTH, HEIGHT); 
  20.              
  21.             break; 
  22.         } 
  23.         case UIInterfaceOrientationLandscapeLeft: 
  24.         { 
  25.             self.transform = CGAffineTransformMakeRotation(-M_PI_2); 
  26.             // 這個時候坐標軸已經轉了90°，調整x相當于調節(jié)豎向調節(jié)，y相當于橫向調節(jié) 
  27.             self.center = CGPointMake(HEIGHT / 2, [UIScreen mainScreen].bounds.size.height / 2); 
  28.             self.bounds = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.height, HEIGHT); 
  29.              
  30.             break; 
  31.         } 
  32.         case UIInterfaceOrientationLandscapeRight: 
  33.         { 
  34.             // 先設置transform，在設置位置和大小 
  35.             self.transform = CGAffineTransformMakeRotation(M_PI_2); 
  36.             self.center = CGPointMake(SCREEN_WIDTH - HEIGHT / 2, SCREEN_HEIGHT / 2); 
  37.             self.bounds = CGRectMake(0, 0, SCREEN_HEIGHT, HEIGHT); 
  38.              
  39.             break; 
  40.         } 
  41.         default: 
  42.             break; 
  43.     } 
  44. } 

三、狀態(tài)欄提示控件源碼

講了那么多，說好的控件呢？

下面是完整的控件代碼：

View Code SvStatusBarTipsWindow.h

  1. - (void)updateOrientation:(NSNotification*)noti 
  2. { 
  3.     UIInterfaceOrientation newOrientation = [[noti.userInfo valueForKey:UIApplicationStatusBarOrientationUserInfoKey] integerValue]; 
  4.     NSLog(@"new orientation: %d", newOrientation); 
  5.      
  6.     switch (newOrientation) { 
  7.         case UIInterfaceOrientationPortrait: 
  8.         { 
  9.             self.transform = CGAffineTransformIdentity; 
  10.             self.frame = CGRectMake(0, 0, SCREEN_WIDTH, HEIGHT); 
  11.              
  12.             break; 
  13.         } 
  14.         case UIInterfaceOrientationPortraitUpsideDown: 
  15.         { 
  16.             // 先轉矩陣，坐標系統落在屏幕有右下角，朝上是y，朝左是x 
  17.             self.transform = CGAffineTransformMakeRotation(M_PI); 
  18.             self.center = CGPointMake(SCREEN_WIDTH / 2, SCREEN_HEIGHT - HEIGHT / 2); 
  19.             self.bounds = CGRectMake(0, 0, SCREEN_WIDTH, HEIGHT); 
  20.              
  21.             break; 
  22.         } 
  23.         case UIInterfaceOrientationLandscapeLeft: 
  24.         { 
  25.             self.transform = CGAffineTransformMakeRotation(-M_PI_2); 
  26.             // 這個時候坐標軸已經轉了90°，調整x相當于調節(jié)豎向調節(jié)，y相當于橫向調節(jié) 
  27.             self.center = CGPointMake(HEIGHT / 2, [UIScreen mainScreen].bounds.size.height / 2); 
  28.             self.bounds = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.height, HEIGHT); 
  29.              
  30.             break; 
  31.         } 
  32.         case UIInterfaceOrientationLandscapeRight: 
  33.         { 
  34.             // 先設置transform，在設置位置和大小 
  35.             self.transform = CGAffineTransformMakeRotation(M_PI_2); 
  36.             self.center = CGPointMake(SCREEN_WIDTH - HEIGHT / 2, SCREEN_HEIGHT / 2); 
  37.             self.bounds = CGRectMake(0, 0, SCREEN_HEIGHT, HEIGHT); 
  38.              
  39.             break; 
  40.         } 
  41.         default: 
  42.             break; 
  43.     } 
  44. } 
  45.  
  46. 復制代碼 
  47.  
  48. 　　 
  49.  
  50. 三、狀態(tài)欄提示控件源碼 
  51.  
  52.   
  53.  
  54. 講了那么多，說好的控件呢？ 
  55.  
  56. 　　下面是完整的控件代碼： 
  57. 復制代碼 
  58.  
  59. // 
  60. //  SvStatusBarTipsWindow.h 
  61. //  SvStatusBarTips 
  62. // 
  63. //  Created by  maple on 4/21/13. 
  64. //  Copyright (c) 2013 maple. All rights reserved. 
  65. // 
  66.  
  67. #import <UIKit/UIKit.h> 
  68.  
  69. @interface SvStatusBarTipsWindow : UIWindow 
  70.  
  71. /* 
  72.  * @brief get the singleton tips window 
  73.  */ 
  74. + (SvStatusBarTipsWindow*)shareTipsWindow; 
  75.  
  76. /* 
  77.  * @brief show tips message on statusBar 
  78.  */ 
  79. - (void)showTips:(NSString*)tips; 
  80.  
  81. /* 
  82.  * @brief show tips message on statusBar 
  83.  */ 
  84. - (void)showTips:(NSString*)tips hideAfterDelay:(NSInteger)seconds; 
  85.  
  86. /* 
  87.  * @brief show tips icon and message on statusBar 
  88.  */ 
  89. - (void)showTipsWithImage:(UIImage*)tipsIcon message:(NSString*)message; 
  90.  
  91. /* 
  92.  * @brief show tips icon and message on statusBar 
  93.  */ 
  94. - (void)showTipsWithImage:(UIImage*)tipsIcon message:(NSString*)message hideAfterDelay:(NSInteger)seconds; 
  95.  
  96.  
  97. /* 
  98.  * @brief hide tips window 
  99.  */ 
  100. - (void)hideTips; 
  101.  
  102. @end 

SvStatusBarTipsWindow.m

  1. // 
  2. //  SvStatusBarTipsWindow.m 
  3. //  SvStatusBarTips 
  4. // 
  5. //  Created by  maple on 4/21/13. 
  6. //  Copyright (c) 2013 maple. All rights reserved. 
  7. // 
  8.  
  9. #import "SvStatusBarTipsWindow.h" 
  10.  
  11. #define SCREEN_WIDTH  ([UIScreen mainScreen].bounds.size.width) 
  12. #define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height) 
  13.  
  14. #define HEIGHT   20 
  15.  
  16. #define ICON_WIDTH 20 
  17.  
  18. #define TIPMESSAGE_RIGHT_MARGIN 20 
  19. #define ICON_RIGHT_MARGIN       5 
  20.  
  21.  
  22. @interface SvStatusBarTipsWindow () { 
  23.     UILabel     *_tipsLbl; 
  24.     UIImageView *_tipsIcon; 
  25.      
  26.     NSTimer     *_hideTimer; 
  27. } 
  28.  
  29. @property (nonatomic, copy)     NSString *tipsMessage; 
  30.  
  31. @end 
  32.  
  33.  
  34.  
  35. @implementation SvStatusBarTipsWindow 
  36.  
  37. @synthesize tipsMessage; 
  38.  
  39.  
  40. static SvStatusBarTipsWindow *tipsWindow = nil; 
  41.  
  42. + (SvStatusBarTipsWindow*)shareTipsWindow 
  43. { 
  44.     if (!tipsWindow) { 
  45.         static dispatch_once_t onceToken; 
  46.         dispatch_once(&onceToken, ^{ 
  47.             tipsWindow = [[super allocWithZone:NULL] init]; 
  48.         }); 
  49.     } 
  50.      
  51.     return tipsWindow; 
  52. } 
  53.  
  54. + (id)copyWithZone:(NSZone *)zone 
  55. { 
  56.     return [[self shareTipsWindow] retain]; 
  57. } 
  58.  
  59. + (id)allocWithZone:(NSZone *)zone 
  60. { 
  61.     return [[self shareTipsWindow] retain]; 
  62. } 
  63.  
  64. - (id)retain 
  65. { 
  66.     return tipsWindow; 
  67. } 
  68.  
  69. - (oneway void)release 
  70. { 
  71.     return; 
  72. } 
  73.  
  74. - (id)autorelease 
  75. { 
  76.     return tipsWindow; 
  77. } 
  78.  
  79. - (id)init 
  80. { 
  81.     CGRect frame = [UIApplication sharedApplication].statusBarFrame; 
  82.     self = [super initWithFrame:frame]; 
  83.     if (self) { 
  84.          
  85.         self.autoresizingMask = UIViewAutoresizingFlexibleWidth; 
  86.         self.windowLevel = UIWindowLevelStatusBar + 10; 
  87.         self.backgroundColor = [UIColor clearColor]; 
  88.          
  89.         _tipsIcon = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, ICON_WIDTH, ICON_WIDTH)]; 
  90.         _tipsIcon.autoresizingMask = UIViewAutoresizingFlexibleHeight; 
  91.         _tipsIcon.backgroundColor = [UIColor redColor]; 
  92.         [self addSubview:_tipsIcon]; 
  93.         [_tipsIcon release]; 
  94.          
  95.         _tipsLbl = [[UILabel alloc] initWithFrame:self.bounds]; 
  96.         #ifdef NSTextAlignmentRight 
  97.             _tipsLbl.textAlignment = NSTextAlignmentLeft; 
  98.             _tipsLbl.lineBreakMode = NSLineBreakByTruncatingTail; 
  99.         #else 
  100.             _tipsLbl.textAlignment = 0; // means UITextAlignmentLeft 
  101.             _tipsLbl.lineBreakMode = 4; //UILineBreakModeTailTruncation; 
  102.         #endif 
  103.         _tipsLbl.textColor = [UIColor whiteColor]; 
  104.         _tipsLbl.font = [UIFont systemFontOfSize:12]; 
  105.         _tipsLbl.backgroundColor = [UIColor blackColor]; 
  106.         _tipsLbl.autoresizingMask = UIViewAutoresizingFlexibleHeight; 
  107.         [self addSubview:_tipsLbl]; 
  108.         [_tipsLbl release]; 
  109.          
  110.         [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(updateOrientation:) name:UIApplicationWillChangeStatusBarOrientationNotification object:nil]; 
  111.     } 
  112.      
  113.     return self; 
  114. } 
  115.  
  116. - (void)dealloc 
  117. { 
  118.     [[NSNotificationCenter defaultCenter] removeObserver:self]; 
  119.  
  120.     [tipsMessage release]; 
  121.      
  122.     [super dealloc]; 
  123. } 
  124.  
  125. #pragma mark - 
  126. #pragma mark Notification Handle 
  127.  
  128. - (void)updateOrientation:(NSNotification*)noti 
  129. { 
  130.     UIInterfaceOrientation newOrientation = [[noti.userInfo valueForKey:UIApplicationStatusBarOrientationUserInfoKey] integerValue]; 
  131.     NSLog(@"new orientation: %d", newOrientation); 
  132.      
  133.     switch (newOrientation) { 
  134.         case UIInterfaceOrientationPortrait: 
  135.         { 
  136.             self.transform = CGAffineTransformIdentity; 
  137.             self.frame = CGRectMake(0, 0, SCREEN_WIDTH, HEIGHT); 
  138.              
  139.             break; 
  140.         } 
  141.         case UIInterfaceOrientationPortraitUpsideDown: 
  142.         { 
  143.             // 先轉矩陣，坐標系統落在屏幕有右下角，朝上是y，朝左是x 
  144.             self.transform = CGAffineTransformMakeRotation(M_PI); 
  145.             self.center = CGPointMake(SCREEN_WIDTH / 2, SCREEN_HEIGHT - HEIGHT / 2); 
  146.             self.bounds = CGRectMake(0, 0, SCREEN_WIDTH, HEIGHT); 
  147.              
  148.             break; 
  149.         } 
  150.         case UIInterfaceOrientationLandscapeLeft: 
  151.         { 
  152.             self.transform = CGAffineTransformMakeRotation(-M_PI_2); 
  153.             // 這個時候坐標軸已經轉了90°，調整x相當于調節(jié)豎向調節(jié)，y相當于橫向調節(jié) 
  154.             self.center = CGPointMake(HEIGHT / 2, [UIScreen mainScreen].bounds.size.height / 2); 
  155.             self.bounds = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.height, HEIGHT); 
  156.              
  157.             break; 
  158.         } 
  159.         case UIInterfaceOrientationLandscapeRight: 
  160.         { 
  161.             // 先設置transform，在設置位置和大小 
  162.             self.transform = CGAffineTransformMakeRotation(M_PI_2); 
  163.             self.center = CGPointMake(SCREEN_WIDTH - HEIGHT / 2, SCREEN_HEIGHT / 2); 
  164.             self.bounds = CGRectMake(0, 0, SCREEN_HEIGHT, HEIGHT); 
  165.              
  166.             break; 
  167.         } 
  168.         default: 
  169.             break; 
  170.     } 
  171. } 
  172.  
  173. #pragma mark - 
  174. #pragma mark Tips Method 
  175.  
  176. /* 
  177.  * @brief show tips message on statusBar 
  178.  */ 
  179. - (void)showTips:(NSString*)tips 
  180. { 
  181.     if (_hideTimer) { 
  182.         [_hideTimer invalidate]; 
  183.         [_hideTimer release]; 
  184.     } 
  185.      
  186.     _tipsIcon.image = nil; 
  187.     _tipsIcon.hidden = YES; 
  188.      
  189.     CGSize size = [tips sizeWithFont:_tipsLbl.font constrainedToSize:CGSizeMake(320, 30)]; 
  190.     size.width += TIPMESSAGE_RIGHT_MARGIN; 
  191.     if (size.width > self.bounds.size.width - ICON_WIDTH) { 
  192.         size.width = self.bounds.size.width - ICON_WIDTH; 
  193.     } 
  194.      
  195.     _tipsLbl.frame = CGRectMake(self.bounds.size.width - size.width, 0, size.width, self.bounds.size.height); 
  196.     _tipsLbl.text = tips; 
  197.      
  198.     [self makeKeyAndVisible]; 
  199. } 
  200.  
  201. - (void)showTips:(NSString*)tips hideAfterDelay:(NSInteger)seconds 
  202. { 
  203.     [self showTips:tips]; 
  204.      
  205.     _hideTimer = [NSTimer scheduledTimerWithTimeInterval:seconds target:self selector:@selector(hideTips) userInfo:nil repeats:NO]; 
  206. } 
  207.  
  208. /* 
  209.  * @brief show tips icon and message on statusBar 
  210.  */ 
  211. - (void)showTipsWithImage:(UIImage*)tipsIconImage message:(NSString*)message 
  212. { 
  213.     if (_hideTimer) { 
  214.         [_hideTimer invalidate]; 
  215.         [_hideTimer release]; 
  216.     } 
  217.      
  218.     CGSize size = [message sizeWithFont:_tipsLbl.font constrainedToSize:self.bounds.size]; 
  219.     size.width += TIPMESSAGE_RIGHT_MARGIN; 
  220.     if (size.width > self.bounds.size.width - ICON_WIDTH) { 
  221.         size.width = self.bounds.size.width - ICON_WIDTH; 
  222.     } 
  223.      
  224.     _tipsLbl.frame = CGRectMake(self.bounds.size.width - size.width, 0, size.width, self.bounds.size.height); 
  225.     _tipsLbl.text = message; 
  226.      
  227.     _tipsIcon.center = CGPointMake(self.bounds.size.width - _tipsLbl.bounds.size.width - ICON_WIDTH / 2 - ICON_RIGHT_MARGIN, self.bounds.size.height / 2); 
  228.     _tipsIcon.image = tipsIconImage; 
  229.     _tipsIcon.hidden = NO; 
  230.      
  231.     [self makeKeyAndVisible]; 
  232. } 
  233.  
  234. - (void)showTipsWithImage:(UIImage*)tipsIconImage message:(NSString*)message hideAfterDelay:(NSInteger)seconds 
  235. { 
  236.     [self showTipsWithImage:tipsIconImage message:message]; 
  237.      
  238.     _hideTimer = [NSTimer scheduledTimerWithTimeInterval:seconds target:self selector:@selector(hideTips) userInfo:nil repeats:NO]; 
  239. } 
  240.  
  241. /* 
  242.  * @brief hide tips window 
  243.  */ 
  244. - (void)hideTips 
  245. { 
  246.     self.hidden = YES; 
  247. } 
  248.  
  249. @end 

該狀態(tài)欄提示控件實現了添加提示圖標和提示文字，以及自動隱藏等功能。顯示和隱藏動畫實 現起來比較簡單，控件中就沒有實現，大家可以根據需要隨意發(fā)揮。該控件使用單例模式，接口非常簡單，使用起來很方便。上面代碼相信大家都能看得懂，這里就不展開講了，有什么問題歡迎討論。

責任編輯：閆佳明 來源： cnblogs
iOS狀態(tài)欄提示控件原理
相關推薦

2015-02-12 14:49:36

CGToast狀態(tài)欄提示Status

2013-07-18 16:09:10

自定義iOS狀態(tài)欄iOS開發(fā)iOS學習

2017-02-17 11:00:57

狀態(tài)欄Android

2012-12-24 14:42:48

iOS自定義狀態(tài)欄

2013-11-20 15:08:32

iOS開發(fā)狀態(tài)欄

2021-08-09 20:29:27

Android沉浸式狀態(tài)欄

2023-07-12 23:27:24

Powerline編輯器

2016-11-29 11:20:08

Android

2017-12-05 12:44:57

Android沉浸式狀態(tài)欄APP

2022-11-23 14:47:29

北向開發(fā)鴻蒙

2018-03-09 12:12:25

macOSiOS蘋果

2021-06-15 15:04:38

Android 12安卓通話

2021-06-15 15:28:31

谷歌Android開發(fā)

2011-06-16 11:15:04

2013-04-09 10:03:29

iOS6.0旋轉兼容

2018-05-16 09:11:19

Android狀態(tài)欄移動系統

2022-09-29 10:26:59

iOSScaffoldflutter

2009-10-16 14:31:48

VB.NET Noti

2024-10-10 17:46:06

2014-07-15 09:26:13

swiftiosMPGNotifica
點贊
收藏

51CTO技術棧公眾號