[IOS]歡迎界面Launch Screen動態(tài)加載廣告(閃屏圖)

當我們打開一款應用程序的時候私痹,首先映入眼簾的往往并不是程序的主界面,而是經(jīng)過精心設計的歡迎界面,這個界面通常會停留幾秒鐘紊遵,然后消失账千。看似很平常的一個小小的歡迎界面暗膜,其實還大有講究匀奏。

一、 為什么會出現(xiàn)歡迎界面学搜?

程序在啟動的過程中需要消耗一些時間娃善,那么在加載出現(xiàn)主界面之前,會出現(xiàn)短暫的黑屏瑞佩,這實在是很糟糕的一件事情聚磺,會給用戶一個非常不好的體驗。為了緩解用戶等待過程中心理的不適與煩躁炬丸,歡迎界面閃亮登場了瘫寝!

用歡迎界面來替代黑屏的等待,可以有效的掩蓋耗時阻塞的后臺操作稠炬,還能向用戶展示有效的信息矢沿,是非常好的一種過渡方案。但是有的程序把歡迎界面做成了廣告版酸纲,浪費了用戶更多的時間捣鲸,讓用戶覺得厭煩,對程序本身功能也失去了興趣闽坡,這種做法實在是很不明智栽惶。

二、歡迎界面的種類

歡迎界面種類有很多疾嗅,大致分為靜態(tài)和動態(tài)兩種外厂。

靜態(tài)的歡迎界面通常比較簡潔,一般會放置一張很精美的圖片代承,可能是一張公司或者產(chǎn)品的宣傳圖汁蝶,也可能是一張廣告圖,給我印象最深的是某聊天軟件在生日當天打開论悴,歡迎界面竟然是一張寫著你名字的生日祝福的圖片掖棉,讓人感覺很溫暖。

動態(tài)的歡迎界面要更加炫酷精美膀估,樣式也更加豐富幔亥,有的是聯(lián)網(wǎng)加載的廣告,有的像一本很炫的書察纯,可以滑動翻頁帕棉,有的是一個小小的游戲针肥,有的是美文配著美妙的音樂,還有的可能是一段有趣的動畫香伴。

三慰枕、歡迎界面使用LaunchImage

針對IOS7,蘋果提供了LaunchImage來實現(xiàn)歡迎界面即纲,開發(fā)的時候只需要將設計好對應尺寸的圖片拖到對應的狀態(tài)的位置即可具帮。

在IOS7,歡迎界面對應的尺寸分別為:

iphone 豎屏 640960 6401136
ipad 豎屏 7681024 15362048
ipad 橫屏 1024768 20281536

IOS8出現(xiàn)之后,蘋果推出了LaunchScreen.xib來做歡迎界面崇裁,如果還想通過LaunchImage來做歡迎界面,完美適配IOS7和IOS8束昵,應該如何來做呢拔稳?

首先,需要把LaunchScreen.storyboard刪掉锹雏,否則IOS8時會自動調(diào)用它巴比。然后找到Images.xcassets,點擊下面的 + 號礁遵,選擇New Launch Image,然后按照對應的要求放入相應尺寸圖片即可轻绞,和之前操作完全一樣梳杏。

四郭卫、歡迎界面使用LaunchScreen.storyboard

如上圖所示,當前歡迎界面包括中間的大標題旧乞,下面的公司信息等兼砖,和一張圖片奸远。因為上面的控件都是在Any w和Any h的情況下添加的約束,所以無論在哪種尺寸的設備上都可以適配讽挟。為了保證更完美的效果懒叛,sb中得圖片我們可以使用Images.xcassets來設置,這樣可以在不同設備的時候自動選擇相應尺寸的圖片耽梅,達到更好的效果薛窥。

但是很遺憾,用于做歡迎界面的storyboard沒法與View Controller連線眼姐,因此只能顯示靜態(tài)的事先擺好的界面诅迷。更換的話可以在下圖兩個地方進行更換。

69E01BC8-CB5A-47D1-AA77-04B6E3564252.png

五众旗、歡迎界面動態(tài)加載廣告

有許多應用程序在打開的時候竟贯,歡迎界面會加載一張連網(wǎng)獲取的廣告圖片或者顯示一組動畫,這樣的效果是如何做到的呢逝钥?下面給大家介紹一種簡單的實現(xiàn)加載廣告的方式屑那。

程序運行起來拱镐,歡迎界面之后,會進入AppDelegate持际,因此我們可以在application: didFinishLaunchingWithOptions:添加代碼完成想要的效果沃琅。連網(wǎng)獲取圖片可以用第三方SDWebImage實現(xiàn),所以需要先將第三方文件夾導入蜘欲。因為顯示廣告的頁面是在歡迎界面基礎上顯示的益眉,因此可以直接利用LaunchScreen中得view,在上面添加一個UIImageView顯示圖片姥份,然后將其加在window上郭脂,并顯示在最上層。廣告圖片顯示之后澈歉,再將view移除掉展鸡,顯示程序的主界面。代碼如下所示:


#pragma mark - 添加啟動動畫
- (void)addLaunchAnimation
{
    UIViewController *viewController = [[UIStoryboard storyboardWithName:@"LaunchScreen" bundle:nil] instantiateViewControllerWithIdentifier:@"LaunchScreen"];
    
    //UIView *launchView = viewController.view;
    UIWindow *mainWindow = [UIApplication sharedApplication].keyWindow;
    
    //viewController.view.frame = [UIApplication sharedApplication].keyWindow.frame;
    [mainWindow addSubview:viewController.view];
    [self.window bringSubviewToFront:viewController.view];
    
    //添加廣告圖
    UIImageView *imageV = [[UIImageView alloc] initWithFrame:CGRectMake(0, 50, SCREEN_WIDHT, 300)];
    NSString *str = @"http://upload-images.jianshu.io/upload_images/746057-6e83c64b3e1ec4d2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240";
    [imageV sd_setImageWithURL:[NSURL URLWithString:str] placeholderImage:[UIImage imageNamed:@"default1.jpg"]];
    [viewController.view addSubview:imageV];
    
    [UIView animateWithDuration:0.6f delay:2 options:UIViewAnimationOptionBeginFromCurrentState animations:^{
        
        viewController.view.alpha = 0.0f;
        viewController.view.layer.transform = CATransform3DScale(CATransform3DIdentity, 2.0f, 2.0f, 1.0f);
        
    } completion:^(BOOL finished) {
        [viewController.view removeFromSuperview];
    }];
    
}

后話總結:

第一, 啟動屏廣告會讓用戶反感,尤其是時間久的,追求用戶體驗的不建議添加.

第二, 啟動屏不能改只能寫死.第三如果要加載廣告,要在啟動屏顯示消失之后,在重新拿到view然后進行自定義顯示.

第三, 推薦用launchScreen.stroyBoard的方式添加啟動屏,防止機型適配出現(xiàn)的未知錯誤.

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末埃难,一起剝皮案震驚了整個濱河市莹弊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌涡尘,老刑警劉巖忍弛,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異考抄,居然都是意外死亡细疚,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門川梅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來惠昔,“玉大人,你說我怎么就攤上這事挑势≌蚍溃” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵潮饱,是天一觀的道長来氧。 經(jīng)常有香客問我,道長香拉,這世上最難降的妖魔是什么啦扬? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮凫碌,結果婚禮上扑毡,老公的妹妹穿的比我還像新娘。我一直安慰自己盛险,他們只是感情好瞄摊,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布勋又。 她就那樣靜靜地躺著,像睡著了一般换帜。 火紅的嫁衣襯著肌膚如雪楔壤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天惯驼,我揣著相機與錄音蹲嚣,去河邊找鬼。 笑死祟牲,一個胖子當著我的面吹牛隙畜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播说贝,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼议惰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了狂丝?” 一聲冷哼從身側響起换淆,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤哗总,失蹤者是張志新(化名)和其女友劉穎几颜,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體讯屈,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡蛋哭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了涮母。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谆趾。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖叛本,靈堂內(nèi)的尸體忽然破棺而出沪蓬,到底是詐尸還是另有隱情,我是刑警寧澤来候,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布跷叉,位于F島的核電站,受9級特大地震影響营搅,放射性物質(zhì)發(fā)生泄漏云挟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一转质、第九天 我趴在偏房一處隱蔽的房頂上張望园欣。 院中可真熱鬧,春花似錦休蟹、人聲如沸沸枯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辉饱。三九已至搬男,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間彭沼,已是汗流浹背缔逛。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留姓惑,地道東北人褐奴。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像于毙,于是被迫代替她去往敵國和親敦冬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 將軍 ——佟麟閣 一身男兒血 頭顱可撒拋 壯志赴國難 大刀斬妖刀 將軍 ——趙...
    行走的M閱讀 416評論 0 0
  • 9月12號上午唯沮,據(jù)知情人士稱脖旱,文化綠城小學五年級學生沒寫作業(yè)班長撤了,從20樓縱身跳下介蛉。 同一學校的家長稱萌庆,第二天...
    低效率的勤奮者閱讀 4,745評論 13 26
  • 儒家入世有為,引導人熱愛生活币旧;道家出世無為践险,使人淡泊名利;佛家靜達圓通吹菱,啟迪人走向圓融和通達巍虫。 儒家代表的是生命意...
    錯路不迷茫閱讀 188評論 0 0
  • 雪花飄飄 落于發(fā)間,衣上鳍刷,腳上 連帶直降地上 滿地的泥濘丑陋不堪 就此被染上臟 伸手慌亂的捕捉 一樣的融化掉 給你...
    過量閱讀 199評論 0 4