iPhone: Creating a Splash Screen


Creating a Splash Screen

ว้าววววว คิดๆ จะทำอะไรดีใน iPhone และแล้วก้อคิดได้ Splash Screen ไงหละ ลืมไปได้ไง พอลองไปหาจากเว็บ tutorial ต่างๆ ก็รู้ว่าวิธีทำมันไม่ได้ยากอย่างที่คิด พอจะสรุปขั้นตอนได้คือ

  1. หาภาพที่จะเป็น splash screen มาก่อน
  2. เปลี่ยนชื่อให้เป็น Default.png (ลองรันดูแค่นี้ก้อได้แล้ว แต่มันอยู่ได้ไม่นานก้อหายไป …. ดังนั้นต้องทำต่อ)
  3. เพิ่ม status ใน pList ไฟล์ ให้ซ่อน status bar
  4. ในฟังก์ชั่นของ delegate เมื่อโปรแกรมรันเสร็จ ให้แสดงรูปที่เหมือน Default.png ขึ้นมาด้วย UIImageView
  5. เซ็ตระยะเวลาของรูปดังกล่าวให้แสดง
  6. เมื่อหมดเวลาที่ตั้งไว้ก็ลบ UIImageView นั้นออกซะ เป็นอันเสร็จวิธีการ

  • ภาพแรกเป็นภาพตอนแสดง Splash Screen
  • ภาพที่สองเป็นภาพเมื่อเข้าสู่โปรแกรม

เข้าสู่วิธีทำกันเลย

เริ่มต้นที่วิธีที่ 3 เลยเนาะ เพราะวิธี 1 กับ 2 แค่หาภาพมาแล้วก้อเปลี่ยนชื่อไฟล์

3. เพิ่ม status ใน pList ไฟล์ ให้ซ่อน status bar

4. ในฟังก์ชั่นของ delegate เมื่อโปรแกรมรันเสร็จ ให้แสดงรูปที่เหมือน Default.png ขึ้นมาด้วย UIImageView

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
      [self.window addSubview:viewController.view];
      [self.window makeKeyAndVisible];
      [self showSplash];
      return YES;
}

5. เซ็ตระยะเวลาของรูปดังกล่าวให้แสดง (สร้างฟังก์ชั่นเพิ่มนะครับ showSplash กับ hideSplash อย่า! ลืมเอาไปเขียนใน .h ด้วยนะ)

-(void) showSplash{
    splashView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
    splashView.image = [UIImage imageNamed:@"Default.png"];
    [window addSubview:splashView];
    [window bringSubviewToFront:splashView];
    [self performSelector:@selector(hideSplash) withObject:nil afterDelay:2.5];//afterDelay อะใส่เวลาลงไปเลย
}
-(void) hideSplash{
    [splashView removeFromSuperview];
    [splashView release];
    //+
    [[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationFade];
}

 

6. เมื่อหมดเวลาที่ตั้งไว้ก็ลบ UIImageView นั้นออกซะ เป็นอันเสร็จวิธีการ ….เสร็จแล้วครับ

 

Ref: http://adeem.me/blog/2009/06/22/creating-splash-screen-tutorial-for-iphone/

Ref: http://gigaom.com/apple/iphone-dev-sessions-making-a-splash-screen/

adaydesign :)

 

 

 

About adaydesign

นักพัฒนาแอพพลิเคชั่นบนโมบาย [iPhone Android] คนหนึ่งซึ่งอยากจะบันทึกเรื่องราวของเส้นทางนักพัฒนาโมบายแอพพลิเคชั่นเอาไว้ในบล็อคน้อยๆ แห่งนี้ เผื่อจะแบ่งบันและแลกเปลี่ยนความรู้ให้กับคนอื่นๆ ได้บ้าง :) Mobile Application Developer; Flash Mobile, iPhone/iPad, Android Mobile Phone/Tablet and Blackberry Playbook.

Posted on มีนาคม 4, 2011, in [Dev] iOS and tagged , , , , , . Bookmark the permalink. ใส่ความเห็น.

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: