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 Storyboard Segue and Custom Action Segues (Objective-C,iPhone)

iOS/iPhone Storyboard Segue and Custom Action Segues (Objective-C,iPhone)

iOS/iPhone Storyboard Segue and Custom Action Segues (Objective-C,iPhone,iPad) สำหรับรูปแบบการใช้ Action Segue แบบ Custom จะเป็นในรูปแบบการกำหนดเงื่อนไขเอง โดยผ่านการสร้าง Class ขึ้นมา 1 ตัว และใน Class ขั้นเราสามารถสร้าง Effect หรือ Animation ต่าง ๆ ตามที่เราต้องการ รวมทั้งเราสามารถเขียนคำสั่งด้วย Objective-C เพื่อควบคุมการทำงานของ View ปลายทางได้อีกด้วย เช่น การส่งค่าไปยัง View หรือให้ Object ต่าง ๆ ของ View ปลายทางทำงานตามที่เราต้องการ นี่คือข้อดีของการใช้ Action Segue แบบ Custom

]iOS/iPhone Storyboard Segue and Push Segues

iOS/iPhone Storyboard Segue and Custom Action Segues

การใช้งาน Action Segue แบบ Custom อาจจะต้องอาศัยความชำนาญนิดหนึ่ง เฉพาะฉะนั้นบทความนี้อาจจะยังไม่เจอลึกไปมากกว่าการได้รู้จักกว่ามันทำงานยังไง ส่วนวิธีและการใช้งานอื่น ๆ อาจจะได้พบเห็นได้ในบทความอื่น ๆ ถัดไป ( ถ้าผมยังนึกถึงมันได้อยู่ครับ

)

เริ่มต้นการสร้าง Action Segue แบบ Custom บน Xcode ทดสอบกับ iPhone

]iOS/iPhone Storyboard Segue and Custom Segues

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

]iOS/iPhone Storyboard Segue and Custom Segues

เลือกใช้ Use Storyboard

]iOS/iPhone Storyboard Segue and Custom Segues

ตอนนี้จะมี View ที่เป็นค่า Default อยู่ 1 View ซึ่งจะเรียกว่า View 1

]iOS/iPhone Storyboard Segue and Custom Segues

สร้าง View ขึ้นมาอีก 1 View ต่อไปนี้จะเรียกมันว่า View 2

]iOS/iPhone Storyboard Segue and Custom Segues

ตกแต่งด้วย Object ของ Button และ Label ได้หน้าตาดังรูป

]iOS/iPhone Storyboard Segue and Custom Segues

คลิกขวาที่ Project เลือก New File...

]iOS/iPhone Storyboard Segue and Custom Segues

เลือก Objective-C Class

]iOS/iPhone Storyboard Segue and Custom Segues

เลือก Subclass เป็นแบบ UIStoryboardSegue และกำหนดชื่อ Class เป็น SegueCustom

]iOS/iPhone Storyboard Segue and Custom Segues

ได้ไฟล์ .h และ .m มาเรียบร้อย

]iOS/iPhone Storyboard Segue and Custom Segues

เปิดไฟล์ .m แล้วใส่คำสั่งดังนี้

SegueCustom.m

#import "SegueCustom.h"

@implementation SegueCustom

- (void)perform
{
    // Add your own animation code here.
    
    
    [[self sourceViewController] presentModalViewController:[self destinationViewController] animated:YES];
    
}

@end

อธิบาย
สำหรับ method ของ perform เป็น method ที่จะทำงานหลังจากที่เรียก Segue นี้ขึ้นมา โดยในคำสั่งเป็นการสั่งให้ View ปลายทางแสดงผลแบบง่าย ๆ ซึ่งใน method นี้เราสามารถเขียน Custom เอง ตามที่ได้เกริ่นไว้ก่อนหน้านี้แล้ว แต่ตัวอย่างนี้จะยกตัวอย่างให้เห็นภาพง่าย ๆ ว่ามันทำงานอย่างไรเท่านั้น

]iOS/iPhone Storyboard Segue and Custom Segues

กลับมายัง View 1 ให้ทำการคลิกที่ Button กด Control บน Keyboard แล้วลากไปยัง View 2

]iOS/iPhone Storyboard Segue and Custom Segues

เลือกเป็นแบบ Action Segue แบบ Custom

]iOS/iPhone Storyboard Segue and Custom Segues

คลิกที่เส้นของ Segue ที่เป็นแบบ Custom ให้กำใส่ชื่อ Class ที่ได้สร้างไว้ในตอนแรก ซึ่งมันชื่อว่า SegueCustom

Screenshot ทดสอบการทำงาน

]iOS/iPhone Storyboard Segue and Custom Segues

แสดงผลบน Simulator ของ iPhone

]iOS/iPhone Storyboard Segue and Custom Segues

View 2 แสดงผลหลังจากที่ได้คลิกที่ Button จาก View 1 ซึ่ง Effect ต่าง ๆ ได้ถูกสร้างไว้ที่ Class ของ SegueCustom ใน method ที่มีชื่อว่า perform

จากตัวอย่างเราจะเห็นว่า Action Segue แบบ Custom มันทำงานอย่างไร และมีวิธีการอย่างไร ส่วนการใช้งานที่เจาะลึกมากขึ้น ไว้บทความหลัง ๆ อาจจะได้พบเจอถ้ายังไม่ลืมซะก่อนครับ

Property & Method (Others Related)

iOS/iPhone Storyboard Action Segue and View (Objective-C,iPhone,iPad)

iOS/iPhone Storyboard Segue and Push Action Segues (Objective-C,iPhone,iPad)

iOS/iPhone Storyboard Segue and Modal Action Segues (Objective-C,iPhone,iPad)

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

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


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2012-10-29 15:19:46 / 2012-10-30 17:44:07
	Download :

Sponsored Links / Related

iOS/iPhone Collection View and Master Detail (Objective-C, iPhone, iPad)
Rating :

iOS/iPhone Page Control (UIPageControl) and ScrollView (UIScrollView) (iPhone, iPad)
Rating :

iOS/iPhone Hide Input Keyboard and Validate Text Field (Password, Number, URL, E-Mail, Phone Number)
Rating :

iOS/iPhone AD BannerView (iAd Framework)
Rating :

iOS/iPhone Table View Show Enable Edit / Delete Cell (Swipe To Delete) (UITableView)
Rating :

iOS/iPhone Search Data from Web Server (URL,Website)
Rating :

iOS/iPhone Edit Update Data on Web Server (URL,Website)
Rating :

iOS/iPhone Delete Remove Data on Web Server (URL,Website)
Rating :

iOS/iPhone Register Form and Send Data to Web Server (PHP & MySQL)
Rating :

iOS/iPhone Login Username and Password from Web Server (PHP & MySQL)
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
	ปรับแต่งเว็บให้โหลดเร็ว