關(guān)于啟動動畫設(shè)計思路

app啟動時加載的是LaunchImage漏健。這個是一張靜態(tài)圖。現(xiàn)在好多應(yīng)用啟動時是動態(tài)的秸应。這里介紹一下自己在做這種動畫時的一種方案虑凛。
啟動圖依然是加載的,只不過是一閃而過软啼,這時候我想到的是拿到當(dāng)前的LaunchImage圖片桑谍,然后進(jìn)行處理,造成一種改變了LaunchImage動畫的假象祸挪。
這個思路面臨的第一個問題就是如何拿到當(dāng)前的LaunchImage圖片锣披。眾所周知,LaunchImage也是一套圖贿条,在不同設(shè)備上啟動用得真實圖片大小是不同的盈罐。可以通過info的信息拿到真實啟動圖的Name闪唆。

// 獲取實際使用的LaunchImage圖片
- (NSString *)getLaunchImageName {
    
    CGSize viewSize = self.window.bounds.size;
    // 豎屏
    NSString *viewOrientation = @"Portrait";   
    NSString *launchImageName = nil;
    NSArray* imagesDict = [[[NSBundle mainBundle] infoDictionary] valueForKey:@"UILaunchImages"];
    for (NSDictionary* dict in imagesDict) {
        CGSize imageSize = CGSizeFromString(dict[@"UILaunchImageSize"]);
        if (CGSizeEqualToSize(imageSize, viewSize) && [viewOrientation isEqualToString:dict[@"UILaunchImageOrientation"]]) {
            launchImageName = dict[@"UILaunchImageName"];
        }
    }
    return launchImageName;
}

拿到之后就可以進(jìn)行處理了

// 啟動完成執(zhí)行該方法
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions  {

    UIView *backView = [[UIView alloc] initWithFrame:self.window.frame];
    
    NSString *launchImageName = [self getLaunchImageName];
    
    UIImage *launchImage = [UIImage imageNamed:launchImageName];
    UIImageView *launchView = [[UIImageView alloc] initWithImage:launchImage];
    launchView.frame = self.window.bounds;
    [backView addSubview:launchView];
    
    [self.window addSubview:backView];
    UIImageView *topImageView = [[UIImageView alloc] initWithImage:[UIImage clipImage:launchImage withRect:CGRectMake(0, 0, mainScreenSize.width, mainScreenSize.height * 0.5)]];
    topImageView.contentMode = UIViewContentModeScaleToFill;
    topImageView.width = self.window.width;
    topImageView.height = self.window.height * 0.5;
    UIImageView *bottomImageView = [[UIImageView alloc] initWithImage:[UIImage clipImage:launchImage withRect:CGRectMake(0, mainScreenSize.height * 0.5, mainScreenSize.width, mainScreenSize.height * 0.5)]];
    bottomImageView.y = self.window.height * 0.5;
    bottomImageView.width = self.window.width;
    bottomImageView.height = self.window.height * 0.5;
    [backView addSubview:topImageView];
    [backView addSubview:bottomImageView];
    
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0f * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        
        launchView.image = nil;
        [launchView removeFromSuperview];
        
        [UIView animateWithDuration:1 animations:^{
            topImageView.y = -topImageView.height;
            bottomImageView.y = bottomImageView.height * 2;
        } completion:^(BOOL finished) {
            // 動畫執(zhí)行完畢后一定要記得移除
            [backView removeFromSuperview];
        }];
    });
}

剪切圖片的方法很簡單

+ (UIImage *)clipImage:(UIImage *)image withRect:(CGRect)rect {
    
    CGImageRef refImage = CGImageCreateWithImageInRect(image.CGImage, rect);
    UIImage *newImage = [UIImage imageWithCGImage:refImage];
    CGImageRelease(refImage);
    return newImage;
}

在上面的mainScreenSize是我定義的一個宏盅粪。

#define mainScreenSize [[UIScreen mainScreen] currentMode].size

可能會有疑問。為什么要取當(dāng)前設(shè)備的size悄蕾,而不是直接使用圖片的尺寸票顾。是因為通過上面方法取得的是實際用的圖片由于@2x和@3x的關(guān)系,取得圖片尺寸和實際有差別.這樣就要取得實際的尺寸,進(jìn)行切割.否則圖片會變形.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末础浮,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子奠骄,更是在濱河造成了極大的恐慌豆同,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件含鳞,死亡現(xiàn)場離奇詭異影锈,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蝉绷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進(jìn)店門鸭廷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人熔吗,你說我怎么就攤上這事辆床。” “怎么了桅狠?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵讼载,是天一觀的道長。 經(jīng)常有香客問我中跌,道長咨堤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任漩符,我火速辦了婚禮一喘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘陨仅。我一直安慰自己津滞,他們只是感情好铝侵,可當(dāng)我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布灼伤。 她就那樣靜靜地躺著,像睡著了一般咪鲜。 火紅的嫁衣襯著肌膚如雪狐赡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天疟丙,我揣著相機(jī)與錄音颖侄,去河邊找鬼。 笑死享郊,一個胖子當(dāng)著我的面吹牛览祖,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播炊琉,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼展蒂,長吁一口氣:“原來是場噩夢啊……” “哼又活!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起锰悼,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤柳骄,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后箕般,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耐薯,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年丝里,在試婚紗的時候發(fā)現(xiàn)自己被綠了曲初。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡丙者,死狀恐怖复斥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情械媒,我是刑警寧澤目锭,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布,位于F島的核電站纷捞,受9級特大地震影響痢虹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜主儡,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一奖唯、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧糜值,春花似錦丰捷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至骄瓣,卻和暖如春停巷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背榕栏。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工畔勤, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人扒磁。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓庆揪,卻偏偏與公主長得像,于是被迫代替她去往敵國和親妨托。 傳聞我的和親對象是個殘疾皇子缸榛,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,576評論 2 349

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,806評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫检访、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評論 4 62
  • 1仔掸、前綴 英特爾臺式機(jī)/服務(wù)器處理器前綴: 字母E:采用酷睿架構(gòu)的單核/雙核處理器脆贵,如賽揚單核E430、酷睿2雙核...
    千年面包閱讀 2,674評論 0 3
  • 北京冬天的夜晚起暮,我走在這條街上卖氨。空氣里有清冷的思念负懦,月亮圓而明亮筒捺。哈一口氣,幻化成一團(tuán)白色的氣升起纸厉,彌漫著似是而非...
    西絲軒主閱讀 399評論 2 2
  • 冥想的緣由 冥想的功能 冥想的過程 冥想的感受 有練過瑜伽的人肯定知道系吭,里面有一套動作就是冥想。一般都會教你用自己...
    聞聽西辭閱讀 625評論 2 7