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 Scroll View (UIScrollView) Example (iPhone,iPad)

iOS/iPhone Scroll View (UIScrollView) Example (iPhone,iPad)

iOS/iPhone Scroll View (UIScrollView) Example (iPhone,iPad) สำหรับ Scroll View บน iOS ในการเขียน iPhone และ iPad เป็น Object ของ Interface Builder ที่ทำงานง่าย ๆ ใช้สำหรับสร้าง Scroll Bar ในกรณีที่ข้อมูลนั้น ๆ มีขนาดเกินกว่าที่หน้าจอจะแสดงผลได้ หรือใช้สร้างขอบเขตขนาดที่จะแสดงผล และถ้าข้อมูลในตำแหน่งนั้น ๆ เกินจากขอบเขตและขนาดที่กำหนดไว้ก็จะแสดง Scroll Bar สำหรับเลื่อนซ้ายขวา หรือขึ้นลง

iOS/iPhone Scroll View (UIScrollView) Example

สำหรับบทความนี้จะเป็นการใช้งาน Scroll View (UIScrollView) แบบง่าย ๆ โดยยังไม่ถึงขั้นการเขียน Code แต่จะใช้การ Drag and Drop บนหน้าจอ Interface และจะสร้าง Scroll Bar บนหน้าจอด้วยวิธีการง่าย ๆ

ตัวอย่างการใช้ Scroll View (UIScrollView) ในรูปแบบอื่น

https://www.thaicreate.com/mobile/ios-iphone-page-control-scrollview.html
https://www.thaicreate.com/mobile/ios-iphone-page-control-image-view.html

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

iOS/iPhone Scroll View (UIScrollView) Example

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

iOS/iPhone Scroll View (UIScrollView) Example

ตอนนี้หน้าจอ View แรกเป็นดังรูป

iOS/iPhone Scroll View (UIScrollView) Example

เปลี่ยนสี Background ซะหน่อยให้

iOS/iPhone Scroll View (UIScrollView) Example

ตอนนี้เปลี่ยนเป็นสีเขียว จะได้เห็นชัดเจนเวลาสร้าง Scroll View

ลาก Scroll View (UIScrollView) มาไว้บนหน้าจอ Interface

iOS/iPhone Scroll View (UIScrollView) Example

ย่อขนาดของ Scroll View ให้เล็กลงดังรูป แล้วเลื่อนตำแหน่งไปด้านบน

iOS/iPhone Scroll View (UIScrollView) Example

เปลี่ยนสีของ Scroll View จะได้เห็นชัดเจนตอนที่เกิด Scroll

iOS/iPhone Scroll View (UIScrollView) Example

จากนั้นลาก Object ต่าง ๆ ไว้ในขอบเขตของ Scroll View

Screenshot

iOS/iPhone Scroll View (UIScrollView) Example

แสดง Scroll View ที่เกิดขึ้น

สำหรับัตอวย่างนี้ยังไม่ได้เขียน Code แต่อย่างใด ส่วนการ Apply ใช้งาน Scroll View สามารถอ่านได้ที่ตัวอย่างนี้ครับ

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

https://www.thaicreate.com/mobile/ios-iphone-page-control-scrollview.html

iOS/iPhone Page Control and Image View (UIImageView) (Objective-C, iPhone, iPad)

https://www.thaicreate.com/mobile/ios-iphone-page-control-image-view.html

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

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


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

Sponsored Links / Related

iOS/iPhone Slider (UISlider) Example (iPhone,iPad)
Rating :

iOS/iPhone Segmented Control (UISegmentedControl) Example (iPhone,iPad)
Rating :

iOS/iPhone Switch (UISwitch) Example (iPhone,iPad)
Rating :

iOS/iPhone Stepper (UIStepper) Example (iPhone,iPad)
Rating :

iOS/iPhone Map View (MKMapView) Longitude , Latitude Example (iPhone,iPad)
Rating :

iOS/iPhone Picker View (UIPickerView) Example (iPhone,iPad)
Rating :

iOS/iPhone Collection View (UICollectionViewController) Multiple Column Item (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
	ปรับแต่งเว็บให้โหลดเร็ว