Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,036

HOME > Mobile > [iOS/iPhone] Tutorials - สอนเขียน iPhone App ฟรี เขียน iPad App เรียน iPhone เขียนโปรแกรม iPhone > iOS/iPhone Splash Screen Launch and Apps icons Launcher Example (iPhone,iPad)

iOS/iPhone Splash Screen Launch and Apps icons Launcher Example (iPhone,iPad)

iOS/iPhone Splash Screen Launch and Apps icons Launcher Example (iPhone,iPad) ในการสร้าง Apps icons และ Splash Screen ของ Launch Image บน iOS เราจะใช้ไฟล์ที่มีนามสกุล .png โดยเราจะแบ่งรุปภาพออกเป็น 2 ประเภทคือ สำหรับ iPhone ในรุ่นเก่า ๆ ตั้งแต่ 3GS ลงไป (Icons = 57 x 57 , Launch = 320 x 480) กับตั้งแต่ iPhone 4 ขึ้นไปซึ่งจะเป็นจอแบบ Retina ที่มีความละเอียดสูง (Icons = 114 x 114 , Launch = 640 x 960) ส่วนวิธีการสร้าง App Icons และ Launch Image นั้นทำได้ไม่ยาก สามารถกำหนดค่าได้ที่ Main ของ Project ได้ทันที

iOS/iPhone Splash Screen and Apps icons Launcher Example

เพื่อให้ได้ความคมชัดและขนาดที่พอดีสวยงามตอนที่แสดงผล ตามที่ได้แจ้งไว้ Splash Screen Launch และ Apps icons Launcher จะใช้ไฟล์ที่มีนามสกุล .png และขนาดต่าง ๆ ตามรุ่นของ iPhone ต่าง ๆ ดังนี้

ขนาดของ App Icons และ Launch Image ตาม iPhone รุ่นต่าง ๆ

(for iPhone 3G / 3G / 3GS)

App Icons = 57 x 57
Launch Image = 320 x 480

(for iPhone 4 /4S / 5) Retina

App Icons = 114 x 114
Launch Image = 640 x 960

ขนาดแบ่งตวามรุ่นต่าง ๆ ของ iPhone

Background และ Icons (นามสกุล .png) ที่จะนำมาทำเป็น Splash Screen และ Apps icons Launcher

Example การสร้าง Splash Screen และ Apps icons Launcher แบบง่าย ๆ

เริ่มต้นด้วยการสร้าง Project บน Xcode แบบง่าย ๆ ด้วย Single View Application

เลือกและไม่เลือกดังรูป จากนั้นให้คลิกที่ Create

โครงสร้างไฟล์ของ Project บน Xcode ที่ได้

ให้ Copy ไฟล์ที่เป็น Background และ Icon ไปไว้ในโปรเจค

เลือก Add Files to...

เลือกไฟล์รูปภาพ

ปกติแล้วไฟล์พวกนี้จะจัดเก็บไว้ที่ Supporting Files เราสามารถลากมาจัดเก็บไว้ได้

คลิกที่ Project หลักบน Xcode

เลื่อนลงมาจะมีส่วนของ App Icons และ Launch Images

ตามที่ได้เขียนไว้ก่อนหน้านี้ รุปภาพจะถูกแบ่งออกเป็น 2 ประเภท คือ ไฟล์สำหรับ iPhone รุ่นก่อน ๆ และไฟล์สำหรับ iPhone รุ่นใหม่ ซึ่งจอจะเป็นแบบ Retina ถ้าต้องการทราบขนาดให้เอาเมาส์ไปชี้ ก็จะแสดงขนาดที่ต้องการ

ต้องการเลือกไฟล์ให้คลิกขวาแล้วเลือก Select File

เลือกไฟล์ตามขนาดที่ต้องการ

Launch ก็เช่นเดียวกัน เลือกให้ครบกับขนาดหน้าจอต่าง ๆ

ตอนนี้เลือกครบทุกช่องเรียบร้อยแล้ว

กลับมาหน้า View ให้ใส่ Label บนหน้าจอ Interface ให้แสดงหลังจากที่ Splash Screen โหลดเรียบร้อยแล้ว

Screenshot

เมื่อโปรแกรมโหลดครั้งแรกจะแสดง Splash Launch Screen ประมาณ 2-4 วินาที

จากนั้นจะเข้าสู่หน้าจอปกติ

อันนี้เป็น Apps icons Launcher บนหน้าจอของ iPhone

.

ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2012-11-13 16:47:04 / 2017-03-26 09:54:33
	Download :

Sponsored Links / Related

iOS/iPhone Multiple View (Objective-C, iPhone, iPad)
Rating :

iOS/iPhone Change View Startup Open First (Objective-C, iPhone, iPad)
Rating :

iOS/iPhone Storyboard and View , Multiple View (Objective-C, iPhone, iPad)
Rating :

iOS/iPhone Passing Data Between View (Objective-C,iPhone,iPad)
Rating :

iOS/iPhone Portrait and Landscape Orientation (Objective-C, iPhone, iPad)
Rating :

iOS/iPhone Master Detail Wizard Application (Add/Insert/Delete/Table View)
Rating :

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว