tutorial basic swift masterung

คมออบรม เขยนโปรแกรมบน iOS

ดวย ภาษา Swift

โดย มาสเตอร อง

SwiftCodingThai.com

โดย มาสเตอร อง สถาบน EWTC 53 บางนา-ตราด 14 บางนา กรงเทพ 10260 โทร 0818595309

2

มาสเตอร อง ทอลค

อะไร ? คอ Swift และ Swift คอ อะไร ? Swift คอ ภาษาใหม ทใชในการพฒนา โคดทจะใชในอปกรณ ตางๆ ของ Apple ทใชระบบปฎบตการ iOS เปน ระบบปฏบตการ ไมวา จะเปน iPhone หรอ iPad ตว Swift ถกพฒนามาจาก ภาษา Objective-C อกท เปนภาษาออกแบบมาให โปรแกรมเมอร ใชไดอยาง งาย และ กระชบ ไม ซบซอนจนเกนความจาเปนไป แบบ Objective-C ในการใชงาน ภาษา Swift ตองใช Xcode เวอรชน 6 ขนไปเทานน ในคมอเลมน เปน Basic Swift ทเนนปพนฐาน ใหสามารถโคด Swift บน Xcode ได และ นาไปตอยอด ตอไป สาหรบ หลายๆ ทานทอานแลวไมเขาใจอะไร จะเขาไป ถาม มาสเตอร ท http://swiftcodingthai.com หรอ https://www.facebook.com/SwiftCodingThai หรอ จะโทรถามเปนการสวนตวท 0818595309 ไดทกเวลา ครบ

มาสเตอร อง

SwiftCodingThai.com


3

สารบญ

อะไร ? คอ Swift และ Swift คอ อะไร ? ........................................................................................................................ 2

เปด Xcode และ New Project ........................................................................................................................................ 4

กำหนด Workspace ....................................................................................................................................................... 5

ทาความรจก main.swift ................................................................................................................................................. 5

println ............................................................................................................................................................................ 6

Type Safety and Type Interference .......................................................................................................................... 10

Get started with a playground .................................................................................................................................. 11

AppDelegate.swift ....................................................................................................................................................... 15

ViewController.swift .................................................................................................................................................. 16

ทดสอบโคดดวย iOS Simulator .................................................................................................................................. 16

Label ............................................................................................................................................................................ 18

Text Field .................................................................................................................................................................... 19

Button .......................................................................................................................................................................... 20

Decleration String ...................................................................................................................................................... 38

If – else Statement ...................................................................................................................................................... 39

SwiftCodingThai.com


4

Hello World

กอนทเราจะเขาไปทาความรจก Swift เรามาเตรยมเครองมอสาหรบการเรยนรกนกอน หลงจากทเรา ตดตง Xcode 6 เปนทเรยบรอย เรามาลอง Hello World ใน Command Line Tool เพอเปนพนฐานในการเรยน Swift กน

เปด Xcode และ New Project เลอก OS X > Application และ Command Line Tool

กำหนด Options ตางๆ สาหรบโปรเจค ดงน

SwiftCodingThai.com


5

กำหนด Workspace Workspace เปน โฟวเดอร ทไวสาหรบ เกบ Source Code ของเรา

ทาความรจก main.swift

SwiftCodingThai.com


6

println println คอการพมพ บน Console ลองเพม โคด สองบรรทดนเขาไป

และสงรนด

SwiftCodingThai.com


7

การประกาศตวแปร และ คาคงท บน Swift

การประกาศตวแปร จะม คาวา var นาหนา จะระบชนดของตวแปร หรอ ไมระบชนดของตวแปรกได สงเกตวา ทกๆ คาสง ของ Swift จะไมม เซมโครอน (หรอ จะมกไดครบ) สวนคาคงท จะมคานาหนาวา let แลว คาคงท กบ ตวแปร แตกตางกนอยางไร ? ตวแปร เปลยนแปลงคาได ตลอด ตรงขามกบ let ทเปนคาคงท ไมสามารถเปลยนแปลงได ถาไดรบการกาหนด มาแลว

SwiftCodingThai.com


8

ความสามาถพเศษอกอยางของ Swift คอ เราสามารถ ใชอะไร ? กได มาแทนตวแปร แทนทจะตองเปน ตวอกษร อยางเดยว เราสามารถใช รปภาพ มาแทน ได ครบ

SwiftCodingThai.com


9

ทบอกไปแลววา คาคงท let ไมสามารถแกไขคาได (บรรทดท 39) มาสเตอร Comment บรรทด ท 39 และลอง รบโปรแกรม จะไดแบบน ท Console

SwiftCodingThai.com


10

Type Safety and Type Interference คอการกาหนด ชนดของ ขอมล Data Type จากตวอยาง ตว Swift จะเลอก Data Type ทเหมาะสมกบ ตวแปรเอง

การเขยนโคด Swift บน PlayGround

ใน Xcode 6 จะมเครองมอในการทดสอบ หรอ เรยนร การเขยนโคด Swift บน PlayGround ลอง New Project และ เลอก PlayGround และ พมพ โคดเหลานเขาไป

SwiftCodingThai.com


11

Get started with a playground

SwiftCodingThai.com


12

จากตวอยางททดสอบ บน PlayGround บรรทดท 13 จะม Error เพราะ มาสเตอร จงใจแกไขคา ของคาคงท intX ทเปน let

SwiftCodingThai.com


13

Hello World บน iOS Appplication

ทนเราจะลองทาแอพบน iPhone จรงๆละ

ไปท iOS > Application > Single View Application

SwiftCodingThai.com


14

กาหนดคาเรมตนให โปรเจค แบบน

กาหนดทเกบ สาหรบโคด ทจะเขยนขน

SwiftCodingThai.com


15

ไดมาละ โปรเจคสาหรบ โคด Swift ทจะใช สาหรบ การตงตน

AppDelegate.swift

SwiftCodingThai.com


16

ViewController.swift

ทดสอบโคดดวย iOS Simulator

SwiftCodingThai.com


17

การใช Text Field, Button and Label

เดยวเราลองสราง Worlshop งายๆ เกยวกบ การใชงาน Text Field, Button และ Label จาก โปรเจค HelloWorld เปด main.storyboard ออกมาแบบน

ประจอใหเหลอขนาดเทา iPhone 4s กอนโดยการเลอก 2 ชองแบบน

SwiftCodingThai.com


18

Label คอ View ทแสดงตวอกษร

SwiftCodingThai.com


19

ปรบอกษรจนไดแบบน

Text Field

SwiftCodingThai.com


20

Button

เพม Label อกอนดานลาง

SwiftCodingThai.com


21

ลองทดสอบการออกแบบ ทได บน Simulator

SwiftCodingThai.com


22

เรมการโคดดงโดยการเปด ViewController.swift ออกมา

คลกเพอ รวมจอ

SwiftCodingThai.com


23

ภายในคลาส ViewControler มาสเตอร ตงชอ Text Field วา myTextField

SwiftCodingThai.com


24

จะได การประกาศตวแปร (ม var) ประกาศชนดตวแปรเปน UITextField แบบน

ทาในสวนของ Label บาง

SwiftCodingThai.com


25

การประกาศตวแปร ของ Button สงเกตใน Connection ใหเลอก Action

เมอมการคลก จะทางานท ปกกา ใน func

SwiftCodingThai.com


26

จะไดแบบน ใหพมพ คาสงนลงไป

ลองทดสอบโคด บน iOS Simulator

SwiftCodingThai.com


27

ลองกรอกภาษาไทยบาง

SwiftCodingThai.com


28

Easy Login

เปน Workshop สาหรบ เรยนรให วธ การนาคาท User กรอก ไปประมวลผล File > Close Project และ เตรยบ สราง โปรเจคใหมไดเลย

SwiftCodingThai.com


29

เลอก Single View Application เหมอนเดม

มาสเตอร ตงชอโปรเจควา EasyLogin

SwiftCodingThai.com


30

ไดมาละ โปรเจค EasyLogin ของเราท จะนามาทา Workshop

เปด main.stroryboard ออกมา

SwiftCodingThai.com


31

ใหไดขนาดน

SwiftCodingThai.com


32

เพม Text Field และ Label เขาไปทหนา UI

และ ปม จน UI เรามหนาตาแบบน

SwiftCodingThai.com


33

ลองทดสอบโคด ทออกแบบได บน iOS Simulator

SwiftCodingThai.com


34

เปด ViewController.swift ออกมาครบ

ประกาศตวแปรให Text Field และ Button

SwiftCodingThai.com


35

ของ Text Field ทใชเกบคา ของ User

SwiftCodingThai.com


36

สวนน ของ Text Field ทเกบคา Password

และสดทาย ของ Label

SwiftCodingThai.com


37

ตอไปของ Button

SwiftCodingThai.com


38

Decleration String

SwiftCodingThai.com


39

If – else Statement โดยกาหนดเงอนไขให ดวาสงท ผใชแอพกรอก User และ Password นนเทากบ ตวแปร String ทเรากาหนดไวหรอ เปลา โดยการเชอมดวย and ถาใช จะแสดง ขอความ Welcome my Boss ท Console แตถามอะไร ไมถก สกแคตวเดยว จะแสดงขอมความ Login False แทน

SwiftCodingThai.com


40

ลองทดสอบโคด Swift ทเขยนได บน iOS Simulator

ลองกรอก User, Password ใหผด และ กด Login

SwiftCodingThai.com


41

ในทางตรงกนขาม มาสเตอร ลองกรอก User และ Password ใหถกตอง จะไดผลดงน

SwiftCodingThai.com


42

มาสเตอร เพมโคด พวกนลงไปเพอให คลกทจอ แลว Keyboard ซอนไปได และ มความสามารถในการจดการดานส

SwiftCodingThai.com


43

SwiftCodingThai.com


44

tutorial basic swift masterung

Documents