Register
Member Login
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
>
Xcode 5 กับ Storyboard สร้าง View หลาย View กับ Custom Class (.h , .m) (iOS 7)
Xcode 5 กับ Storyboard สร้าง View หลาย View กับ Custom Class (.h , .m) (iOS 7)
Xcode 5 กับ Storyboard สร้าง View หลาย View กับ Custom Class (.h , .m) (iOS 7)
ก่อนหน้านี้ได้เขียนบทความการเขียน
iOS App บน Xcode
แบบ
Storyboard
ในบทความก่อน ๆ หน้านี้แล้ว แต่ใน
Xcode 5
อาจจะแปลก ๆ อยู่บ้างเกี่ยวกับ
Storyboard
เพราะจะบังคับให้ใช้
Storyboard
โดยปริยาย ดังนั้นในบทความก่อน ๆ ที่พัฒนาด้วย
Xcode 4 กับ Xcode 5
อาจจะต่างกันบ้าง แต่โดยพื้นฐานการเขียน จะไม่แตกต่างกันเลย
สร้าง Project ของ iOS 7 บน Xcode 5 และการปรับแต่ง Run บน Simulator
https://www.thaicreate.com/mobile/ios-iphone-ios7-xcode5.html
ในรูปแบบบทความที่ได้เขียนไว้จะเป็นในรูปแบบของ
.xib , .h และ .m
ซึ่งจะได้ไฟล์
Interface View
ขึ้นมา 1 ชุด แต่ในรูปแบบของ
Storyboard
แทนที่จะสร้าง
.xib
(View) ก็เอา View ต่าง ๆ เหล่านี้ไปไว้ใน
Storyboard
ทั้งหมด ส่วน
.h และ .m
ก็สามารถสร้างแยกขึ้นมา แล้วค่อยเชื่อมว่าจะให้
View
ตัวไหนที่อยู่ใน
Storyboard
เชื่อมโยงกับ .h และ .m ที่สร้างขึ้น ลองดูบทความนี้เพิ่มเติม
iOS/iPhone Storyboard and Custom Class in View (Objective-C, iPhone, iPad)
https://www.thaicreate.com/mobile/ios-iphone-storyboard-custom-class.html
การสร้าง Custom Class บน Storyboard
ตอนนี้ใน
Storyboard
เรามี View อยู่ 1 View และ
Class
ที่ชื่อว่า
ViewController.h และ ViewController.m
ซึ่งจะทำงานคู่กับ View ที่อยู่ใน
Storyboard
ทดสอบการสร้าง
View
ขึ้นมาอีก 1 View
กำหนดชื่อใน
Label ว่า View 2
ซึ่งตอนนี้ใน
Storyboard
เราจะมีอยู่ 2 View คือ
View 1 และ View 2
เราจะสร้าง
Class
ของ
.h และ .m
มาเพื่อทำงานกับ
View 2
เลือก
Cocoa Touch
และเลือก
Objective-C Class
ตั้งชื่อว่า
ViewController2
เลือก Sublcass เป็น
UIViewController
ได้
ViewController2.h และ ViewController2.m
คลิกที่
View 2 บน Storyboard
กำหนด
Custom Class
ของ View 2 เป็น
ViewController2
หลังจากนั้นตอนนี้เราได้
View
จำนวน 2 View บน
Storyboard
เดียวกัน
โดย
View 1
เชื่อมกับ
ViewController.h และ ViewController.h
View 2
เชื่อมกับ
ViewController2.h และ ViewController2.h
นอกจาก Storyboard แล้วบน Xcode 5 ยังสามารถสร้าง User Interface แบบ xib ได้เช่นเดิม โดยไปที่
เลือก
New File...
เลือก
User Interface -> View
เลือก iPhone
ตั้งชื่อว่า
ViewController3
ตอนนี้เราได้ไฟล์
User Interface (.xib)
ว่า
ViewController3.xib
ซึ่งแยกมาจาก
Storyboard
สร้าง Label ขึ้นว่าชื่อ
View 3
จากนั้นเราจะสร้าง
Class ของ .h และ .m
เพื่อทำงานร่วมกับ
ViewController3.xib
เลือก
Objective-C Class
ตั้งชื่อว่า
ViewController3
ตอนนี้เราได้ไฟล์
ViewController3.h และ ViewController3.m
ซึ่งจะทำงานร่วมกับ
ViewController3.xib
คลิกที่
File's Owner ของ View 3
กำหนด
Custom Class
ว่า ViewController3 และหลังจากนี้ ไฟล์
ViewController3.h และ ViewController3.m
และ
ViewController3.xib
จะทำงานควบคู่กันเต็มรูปแบบ
ตรง
Inspector
ให้เชื่อม
View กับ Interface Builder
ลากมาเชื่อมกับหน้าจอ View
ได้ View 3 ที่ทำงานในรูปแบบของ
User Interface
ที่ถูกสร้างมาจาก
xib
โดยแยกการทำงานมาจาก
Storyboard
สรุป
จากบทความนี้เราพอจะสรุปได้ว่าใน
Xcode 5
จะสนับสนุนให้เขียน
App iOS
ในรูปแบบของ
Storyboard
โดยจเห็นได้จากว่าหลังจากที่มีการสร้าง Project จะมีการสร้างไฟล์ Storyboard ขึ้นมาให้อัติโนมัติ และในกรณีที่เราเพิ่ม
View บน Storyboard
ก็ยังสามารถที่จะสร้าง
Class ทีเ่ป็น .h และ .m
เพื่อเชื่อมการทำงานกับ
View
ที่อยู่บน
Storyboard
ได้เช่นเดียวกัน และนอกยาก
Storyboard
แล้วเรายังสามารถสร้าง
User Interface (.xib)
ได้เหมือนกับ
Xcode 4
ได้ด้วย ด้วยการสร้างไฟล์ xib แยกขึ้นมาอีก 1 ชุด และก็สร้าง
Class ของ .h และ .h
เพื่อเชื่อมกาทำงานกับ
xib
ได้เช่นเดียวกัน
สำหรับบทความถัดไป จะทำกงานเชื่อมโยง
View บน Storyboard
และเชื่อมกับ View ที่อยู่นอก
Storyboard
Share
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน
Source Code 2.0
ของทีมงานไทยครีเอท
ลองใช้ค้นหาข้อมูล
By :
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
Score Rating :
Create/Update Date :
2014-03-23 11:46:47 / 2017-03-25 23:22:18
Download :
No files
Sponsored Links / Related
สร้าง Project ของ iOS 7 บน Xcode 5 และการปรับแต่ง Run บน Simulator
Rating :
การเชื่อมโยง Segue and View บน Storyboard ของ Xcode 5 (iOS 7)
Rating :
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
ปรับแต่งเว็บให้โหลดเร็ว
Hit Link
นำเข้าสินค้าจากจีน
Taobao
เฟอร์นิเจอร์
ของพรีเมี่ยม
ร่ม
ปากกา
power bank
แฟลชไดร์ฟ
กระบอกน้ำ
แลกเปลี่ยน Exchange Link
ลองค้นหาสิ่งที่ต้องการ
Load balance :
Server 02
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[
Conditions Privacy Statement
]
ติดต่อโฆษณา
081-987-6107
อัตราราคา
คลิกที่นี่
Inline