iOS啟動頁動畫效果

最近項目中要在啟動頁增加版本號,因為版本號是不斷的改變,所以要動態實現把它加到啟動頁上;在XCode上面配置的Launch Images Source或Launch Screen FIle(IOS8以上會優先調用這個作為啟動項)都是保存一張靜態圖片

其實原理也是很簡單,啟動頁還是運用Launch Images Source的內容,然后在做一個視圖在最上層,視圖的背景用啟動項的那張圖,讓人誤以為還在啟動中,啟動頁加載完成后,就顯示這層視圖,在2秒后再把這層視圖刪除,產生一個過度的假啟動頁效果;而我們自定義的動作就可以在這層視圖上進行

iOS關于啟動頁自定義特殊處理 - 推酷

添加靜態啟動頁

1.打開assets文件,并點擊左下的+按鈕,添加LaunchImage。然后按要求,導入不同分辨率的圖片(把圖片從文件夾拖入到對應的框里,而且圖片格式要求為.png)。如下圖:

圖1

圖1 里導入的圖片都是透明的(一開始導入圖片的時候只導入了Retina 4.7的,系統會報一個警告,而且啟動頁不能正常顯示,把其余的幾種也導入之后警告才消失)


這里可選擇要導入屏幕的類別(系統版本、橫屏豎屏)

圖2

2.將launch images source修改為使用assets,然后設置一下為LaunchImage。

將launch screen file改為空

選中LaunchScreen.storyboard,然后這里也要修改一下。

按照上面的步驟可以設置一般的靜態啟動頁,如果要延長啟動頁的顯示時間,可以在application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions中加入

[NSThread sleepForTimeInterval:5.0f];不過如果在第1步(圖1)導入的是透明的圖片,啟動頁的效果會是黑屏。


這個是為了下面的動畫(假啟動頁)做準備

把一張圖片導入到工程文件夾中

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

// Override point for customization after application launch.

[self.window makeKeyAndVisible];

//設置背景圖

UIImageView *welcome = [[UIImageView alloc]initWithFrame:self.window.bounds];

[welcome setImage:[UIImage imageNamed:@"welcome.png"]];

//把背景圖放在最上層

[self.window addSubview:welcome];

[self.window bringSubviewToFront:welcome];

welcome.alpha = 0.99;//這里alpha的值和下面alpha的值不能設置為相同的,否則動畫相當于瞬間執行完,啟動頁之后動畫瞬間消失。這里alpha設為0.99,動畫就不會有一閃而過的效果,而是一種類似于靜態背景的效果。設為0,動畫就相當于是淡入的效果了。

[UIView animateWithDuration:3.0f delay:0.0f options:UIViewAnimationOptionTransitionNone animations:^{

? ? ? ? ? ? ? ?welcome.alpha = 1;

? ? ? } completion:^(BOOL finished) {

? ? ? ? ? ? ? ?[welcome removeFromSuperview]; ?

}];

return YES;

}


添加版本號以及封裝

welcome.h

#import@interface welcome : UIView

+ (instancetype)startView;

- (instancetype) initWithBgImage:(UIImage *)bgImage;

- (void) startAnimation;

@end

welcome.m

#import "welcome.h"

@interface welcome()

@property (strong , nonatomic)? UIImageView *bgImageView;

@property (strong , nonatomic)? UILabel *lab;

@end

@implementation welcome

+ (instancetype)startView{

UIImage *splash = [UIImage imageNamed:@"welcome.png"];

return [[self alloc] initWithBgImage:splash];

}

- (instancetype) initWithBgImage:(UIImage *)bgImage{

if (self= [super initWithFrame:[UIApplication sharedApplication].keyWindow.bounds]) {

_bgImageView = [[UIImageView alloc]initWithFrame:[UIApplication sharedApplication].keyWindow.bounds];

_bgImageView.image = bgImage;

[self addSubview:_bgImageView];

_lab = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 170, 29)];

_lab.font = [UIFont systemFontOfSize:15];

_lab.textColor = [UIColor blackColor];

_lab.textAlignment = NSTextAlignmentCenter;

//_lab.alpha = 1;

_lab.text = @"版本號1.0";//這里可設置為根據版本不同做動態更改

[self addSubview:_lab];

}

return self;

}

- (void) startAnimation{

[[UIApplication sharedApplication].keyWindow addSubview:self];

[[UIApplication sharedApplication].keyWindow bringSubviewToFront:self];

_bgImageView.alpha = 0.99f;

_lab.alpha = 0.99f;

//? ? [self.window addSubview:self];

//? ? [self.window bringSubviewToFront:self];

[UIView animateWithDuration:3.0f delay:0.0f options:UIViewAnimationOptionTransitionNone animations:^{

_bgImageView.alpha = 1;

_lab.alpha = 1;

} completion:^(BOOL finished) {

[self removeFromSuperview];

}];

}

@end

AppDelegate.m


@implementation AppDelegate

UIImageView *splashView;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

// Override point for customization after application launch.

[self.window makeKeyAndVisible];

welcome *welc = [welcome startView];

[welc startAnimation];

return YES;

}


參考鏈接:

iOS關于啟動頁自定義特殊處理 - 推酷

iOS開發- 啟動動畫(動態歡迎界面

iOS開發UI篇

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容

  • 1、改變 UITextField 占位文字 顏色和去掉底部白框 [_userName setValue:[UICo...
    i_MT閱讀 1,050評論 0 2
  • 1,Search Bar 怎樣去掉背景的顏色(storyboard里只能設置background顏色,可是發現cl...
    以德扶人閱讀 2,397評論 2 50
  • 啟動頁專題 總述: 兩種方式,一種是使用系統自帶的,按規則定義啟動圖片名稱即可,顯示為1秒,要想延長時間,用[ns...
    Kevin_Junbaozi閱讀 8,226評論 10 10
  • 兩種方式,一種是使用系統自帶的,按規則定義啟動圖片名稱即可,顯示為1秒,要想延長時間,用[nsthread sle...
    韓微閱讀 4,963評論 0 10
  • 金三銀四,簡歷收到很多,但大部分實在抓雞,說說我希望收到什么樣的簡歷; 1.清楚地讓我看清你的基本情況:基本聯系方...
    Gary_PM_Chan閱讀 330評論 0 1