Forgot Password ??

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

	Registered : 109,037

HOME > Mobile > [iOS/iPhone] Tutorials - สอนเขียน iPhone App ฟรี เขียน iPad App เรียน iPhone เขียนโปรแกรม iPhone > iOS/iPhone Navigation Bar and Bar Button Item Example (iPhone,iPad)

iOS/iPhone Navigation Bar and Bar Button Item Example (iPhone,iPad)

iOS/iPhone Navigation Bar and Bar Button Item Example (iPhone,iPad) บทความนี้เราจะมารู้วิธีการใช้งานพวก Navigation Bar และ Bar Button Item ต่าง ๆ บน iOS ที่ทำงานบน iPhone และ iPad สำหรับ Navigation Bar บน iOS นั้นถือได้ว่าเป็น Object ที่ใช้งานได้ง่ายมาก เพียงแค่เราทำการ Drang and Drop นำมันไปวางไว้ในหน้า View ในตำแหน่งบนสุดลอง View ก็จะสร้างสามารถที่จะสร้าง Navigation Bar ได้ทันที และ Navigation Bar ยังสามารถที่จะใส่ Button พวก Bar Button Item หรือ Object อื่น ๆ เช่น Segmented , Stepper , Progress View และอื่น ๆ ได้อีกหลายตัว

iOS/iPhone Navigation Bar and Bar Button Item Example

ในบทความนี้จะเป็นการออกแบบเบื้องต้น ยังไม่ถึงขั้นตอนการเขียน Code แต่อย่างใด แต่ใน Xcode Version ใหม่ ๆ เราสามารถลดการเขียน Code ต่าง ๆ ด้วยการสร้าง View ต่าง ๆ บน Storyboard ซึ่งเราจะช่วยให้การเขียนโปรแกรมบน iOS นั้นง่ายและสะดวกขึ้นมาก สามารถอ่านได้จากกบทความเหล่านี้

iOS/iPhone Tab Bar/Item and Navigation Controller (UINavigationController) (iPhone, iPad)

https://www.thaicreate.com/mobile/ios-iphone-tab-bar-navigation-controller.html

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

https://www.thaicreate.com/mobile/ios-iphone-storyboard-view.html

Example ตัวอย่างการใช้ Navigation Bar และ Bar Button Item แบบง่าย ๆ

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

เลือกและไม่เลือกดังรูป

แสดงหน้าจอ View แรก ตอนนี้ยังเป็นค่าว่าง

ให้ลาก Navigation Bar มายังไว้ในหน้าจอ Interface และลองใส่ Label แบบง่าย ๆ

Screenshot

ทดสอบผลลัพธ์ที่ได้บน iOS Simulator

เราสามารถใส่พวก Bar Button Item ลงไปบน Navigation Bar

ปรับแจ่ง Bar Button Item

รายการที่จะปรับแต่งได้ หรือจะเป็น Text / Image ก็ได้เช่นเดียวกัน

จะใส่ Segmented Control ก็ได้

หรือจะเป็น Activity Indicator View

Screenshot

ได้หน้าตาออกมาอย่างสวยงาม เพียงแค่ Drag and Drop เท่านั้น

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

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


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

Sponsored Links / Related

iOS/iPhone Navigation Controller (UINavigationController) - (iPhone, iPad)
Rating :

iOS/iPhone Tab Bar/Item and Navigation Controller (UINavigationController) (iPhone, iPad)
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
	ปรับแต่งเว็บให้โหลดเร็ว