Cell Registration & Dequeuing with Swift Features

ถ้าบอกว่าคลาสใน UIKit ตัวไหน ที่เราใช้กันบ่อยมากที่สุด ก็คงจะหนีไม่พ้น UITableView และ UICollectionView นั่นแหละนะ และงานที่เราต้องทำกันบ่อยๆ นอกเหนือจากการ Custom Cell ให้เป็นรูปแบบที่เราต้องการ ถ้า Cell ที่เราสร้างขึ้นอาจจะมีการนำมาใช้ใหม่ สิ่งที่เราต้องทำคือ สร้าง XIB file ขึ้นมาและก็ต้อง Register ให้รู้ด้วยว่าจะมี Cell อีกรูปแบบเข้ามาในระบบ


คราวนี้มาดูเวลาเราเขียนโค้ดแบบปกติกันก่อน ว่าที่ผ่านมา ผมและหลายๆ คนทำกันยังไง เริ่มจาก UITableView และ UICollectionView นั้นมี API ที่เอาไว้ให้เรา Register Cell ดังนี้


Wait for the Code ....

และวิธีการเขียน Datasource โดยทั่วไปก็จะเขียนกันแบบนี้ โดยอ้างถึง Reuse Identifier ด้วยค่าคงที่ที่ประกาศไว้ด้านบน


Wait for the Code ....

คราวนี้เราจะมาลองดูกันว่า เราจะทำให้โค้ดชุดนี้เรียบง่าย และปลอดภัยขึ้นได้อย่างไร
ด้วยการใช้ Feature ของ Swift นั่นคือ Generics และ Protocol Extension
เริ่มจาก ปกติแล้วผมก็จะตั้ง Reuse Identifier ตามชื่อ Cell Class (Nib File) นั่นแหละ เช่น Class ชื่อ BookCell ก็ตั้งว่า BookCell 

ในเมื่อถ้าเป็นแบบนั้นเราก็เลยสร้าง Protocol ให้กับ UIView Class ขึ้นมาชื่อว่า ReuseableView และเขียนแบบนี้ซะเลย 


Wait for the Code ....

คราวนี้เมื่อเราต้องการใช้ Reuse Identifier เราก็แค่เรียกใช้แบบนี้


Wait for the Code ....

ต่อไปเป็นเรื่องของ Nib ซึ่งเราจะสร้าง Protocol เช่นกันชื่อว่า NibLoadableView ซึ่งจะทำหน้าที่ส่งชื่อของ Nib กลับมาให้เรา


Wait for the Code ....

คล้ายกันกับด้านบน เราก็จะสามารถเข้าถึงชื่อของ Nib ได้โดยหลีกเลี่ยงการใช้ Magic String


Wait for the Code ....

ถ้าใช้ชื่อที่ต่างไปจากที่ Xcode ให้มา ก็ต้องไปจัดการที่ nibName ที่เราสร้างขึ้นมา
หลังจากที่สร้าง 2 Protocol ด้านบนแล้ว เราก็จะมาใช้ประโยชน์จาก Swift Generics เพื่อเขียนฟังก์ชั่น Registration และ Dequeuingให้ดูง่ายขึ้นกัน


Wait for the Code ....

คราวนี้มาโค้ดผลลัพธ์ที่เราต้องเขียนหลังจากที่เราใช้ประโยชน์จาก Protocol Extensions และ Generics บนภาษา Swift กัน


Wait for the Code ....

ลองเอาไปใช้ดูนะครับ ผมอ่านเจอมาจาก Blog ของคุณ Guille Gonzales
แล้วมันดูดีมากเลย ว่าจะเอาไปประยุกต์ใช้กับโค้ดของตัวเองเหมือนกัน

Comments

Post a Comment

Popular posts from this blog

12 วิธี การบริการและดูแลลูกค้าในร้าน Starbucks

Image
ใครหลายคนมักตั้งคำถามว่า "จะดื่มกาแฟแก้วละเกือบ 200 ไปทำไม ดื่มแล้วได้อะไร?" ผมพบเจอบทความหนึ่งจาก Internet เกี่ยวกับอีกสิ่งสำคัญของ Starbucks นอกจากกาแฟ นั่นคือ ระบบการบริการลูกค้า (Customer Service) ที่เป็นหัวใจที่สำคัญยิ่งของกาแฟแบรนด์ดังที่ชื่อว่า Starbucks จากวิสัยทัศน์ของผู้บริหารกาแฟ Starbucks ที่มุ่งเน้นไปที่การบริการลูกค้าให้ดีที่สุด ซึึ่งมาจากพนักงานที่ยอดเยี่ยมที่สุดจากทาง Starbucks และมีความเชื่อมั่นและให้ความใส่ใจกันองค์กรเป็นอย่างยิ่ง ซึ่งสำหรับผู้ที่ดื่มกาแฟ Starbucks เป็นปกติอยู่แล้วก็จะได้รับการบริการด้วยไมตรีจิตที่ดีจากพนักงานหรือเรียกอีกอย่างว่า “partners” ที่แฝงไว้ซึ่งคุณภาพภายใต้การสวมใส่ผ้ากันเปื้อนสีเขียว เราจะมาดูกันครับว่า 12 วิธีการบริการลูกค้าร้านกาแฟที่เป็นหัวใจที่สำคัญของทาง Starbucks นั้นมีอะไรบ้าง 1. สอบถามความต้องการลูกค้าเพื่อช่วยตัดสินใจ การเริ่มต้นด้วยคำถามที่เป็นการช่วยลูกค้าตัดสินใจ เมื่อลูกค้าเข้าร้านมา อย่างเช่น “สวัสดีค่ะ คุณจะรับชาหรือกาแฟดีคะ”, “ไม่ทราบว่าคุณจะรับเป็นเครื่องดื่มร้อนหรือว่าเย็นดีคะ” หรือ อาจจะเป็นคำถ
Read more

Command Line Compiling C/C++ ,Java [Windows, Mac]

Image
ผมเขียน Blog นี้เพราะน้องในคณะให้มาสอนเรื่อง Command Line Argument  และผมทำกับ Editor สำเร็จรูปพวกนั้นไม่เป็น ก็ Command Line Argument นี่นา ก็ต้องใส่ผ่าน Command Line สิ มันถึงจะ make sense ขอพูดถึงฝั่ง Mac ก่อนนะครับ เพราะมันง่ายกว่า... ทางฝั่ง Mac นั้น เพียงลง Xcode [Developer Tools] ก็เพียงพอแล้ว  สามารถโหลดได้ฟรีจาก Mac App Store ณ ปัจจุบันเป็นเวอร์ชั่น 4.2 จากนั้นให้เปิด Terminal ขึ้นมา แล้วไปที่ที่ ไฟล์ที่เราต้องการ  แล้วใช้คำสั่งตามนี้ครับ  C Compile: gcc filename.c  Run: ./a.out หรือ Compile: gcc filename.c -o exefilename Run: ./exefilename C++   Compile: g++ filename.cpp Run: ./a.out หรือ  Compile: g++ filename.cpp -o exefilename Run: ./exefilename ตัวอย่างการ Compile C++ : Balance Parentheses using Stack Java Compile: javac filename.java Run: java filename ตัวอย่างการ Compile ภาษา Java: Random Number สำหรับภาษา Java นั้นทั้ง Mac และ Windows ใช้คำสั่งเดียวกันเลยครับ จากนั้นมาฝั่ง Windows กั
Read more

การเขียนโปรแกรมแก้ปัญหา "โจทย์รูปทรงสมมาตร"

Image
ผมรู้จักมันในสิ่งที่ผมเรียกว่า "โจทย์ดาว" คิดว่าทุกคนน่าจะได้เรียนตอนที่เรียน Nested Loop ในวิชา Computer Programming ซึ่งเป็นสิ่งทีผมไม่ชอบเอามากๆ ... แต่โจทย์จำพวกนี้เรามักจะเจอใน "คอมพิวเตอร์ โอลิมปิค" และในวันนี้ผมก็ขอหยิบโจทย์หนึ่งใน "การแข่งขันคอมพิวเตอร์ โอลิมปิค" (ลืมปี) ที่มีชื่อว่า "ฝุ่นธุลีล้อมดาว" พร้อมกับ Algorithm ที่ผมได้มาจากท่านอาจารย์คนหนึ่งนั่นคือ อาจารย์ภิญโญ แท้ประสาทสิทธิ์ อาจารย์ประจำภาควิชาคอมพิวเตอร์ มหาวิทยาลัยศิลปากร  ซึ่ง Algorithm นี้สามารถนำไปประยุกต์ใช้กับ "โจทย์ดาว" ที่เป็น "รูปทรงสมมาตร" ได้หลายๆ อันเลย (ณ ตอนนี้ผมไม่มีโจทย์อยู่ในมือ เลยอาจจะได้แค่ 3 - 4 ข้อ) ว่ากันต่อโจทย์ "ฝุ่นธุลีล้อมดาว" ที่ผมกล่าวถึงเนี่ยจะมีลักษณะ input และ output เป็นแบบนี้ครับ เรามาดูเรื่องของ Algorithm กันก่อนนะครับ (อาจจะในภาษาที่ผมเข้าใจ) ขั้นแรกให้วาดตารางครอบคลุมปัญหาย่อยๆ ของเราก่อน  ในที่นี้ผมเลือก Input เป็น 3 เราจะนับจำนวนได้ด้านละ 5 ช่อง โดยถ้าดูแบบ Array 2 มิติ
Read more