UISearchDisplayController Replacement with UISearchController

ผมเคยกล่าวถึง UISearchController ไปแล้วใน Blog นี้ iOS 8 Presentation Controller ก็เป็นการเปลี่ยนแปลงที่กระทบต่อหลาย App เลยที่เคยใช้ UISearchDisplayController เพราะโค้ดเก่าก็ใช้ไม่ได้ เนื่องจากมัน Deprecated ไปเลย

Diagram ในการใช้งาน UISearchDisplayController


Diagram ในการใช้งาน UISearchController

คราวนี้อย่างที่บอกว่า UISearchController เป็นของใหม่ที่ดีมาก เนื่องจากเราไม่ต้องแสดงผลเป็น UITableView เท่านั้นอีกต่อไป แล้วถ้าเราไม่อยากเปลี่ยนพฤติกรรมมันละ ถ้าแค่อัพเดท App ให้ใช้งานได้บน iOS 8 โดยฟังก์ชั่นการค้นหายังอยู่ จะต้องทำอะไรบ้าง...

เรื่องแรกก็คือ Apple ยังไม่ได้ใส่ UISearchController เข้ามาแทนที่ UISearchDisplayController ที่อยู่บน Interface Builder ดังนั้นเราต้องโค้ดเอาทั้งหมด โดย App ที่จะนำมาเป็นตัวอย่างวันนี้แค่ Toy Project ง่ายๆ ที่จะแสดงรายชื่อประเทศทั้งหมด และเราสามารถค้นหาได้ตามอักษรนำหน้า มาเริ่มกันเลย

ขั้นแรกก็ประกาศ UISearchController ขึ้นมาก่อน พร้อม Array ของรายชื่อประเทศทั้งก่อนและหลังจากการค้นหาแล้ว


จากนั้นก็ทำตั้งค่า Search Controller ของเราตามนี้ แล้วเรียกใช้ใน -viewDidLoad

  • เราจะบอก Search Controller ว่าเราไม่มี Result View Controller เนื่องจากเราจะให้มันแสดงผลด้วย UITableView อันเดิม ซึ่งจะทำให้พฤติกรรมยังคงเหมือน UISearchDisplayController นั่นเอง
  • นี่คือสิ่งที่เพิ่มเข้ามา เป็นฟังก์ชั่นที่จะถูกเรียกเมื่อมีการค้นหาเกิดขึ้น ถูกเรียกว่า Updater
  • ต้องตั้งค่าตัวนี้เป็น false ถ้าจะแสดงผลลัพธ์ของการค้นหาบน UITableView อันเดิม เป้นการสร้างพื้นที่สีเทาขึ้นมาบัง UITableView ต้นทางไว้เพื่อแสดง Result View Controller
  • ตั้งค่าปุ่ม Scope
  • ตั้งเป็น Delegate ของทั้ง Search Controller และ Search Bar
  • จากนั้นใส่ Search Bar ให้เป็น Header View ของ UITableView



** ถ้าพบปัญหาว่า SearchBar ไม่ขึ้น ให้ลองตรวจสอบความสูงของ SearchBar ถ้าเป็น 0 ให้เรียกใช้ฟังก์ชั่น -sizeToFit กับ SearchBar ของ SearchController ด้วย

 คราวนี้ก็มาถึงการจัดการการค้นหาแล้วล่ะ สิ่งที่เราต้องทำก็คือเขียนฟังก์ชั่นที่จะทำการกรองผลลัพธ์จากการค้นหา และฟังก์ชั่นในการจัดการเมื่อ Search Controller, Search Bar มีการใช้งาน เท่านั้นเอง


เท่านี้เอง เหมือนจะเขียนง่ายกว่าเดิมนะ
ใครยังงงๆ ก็ลองดูโค้ดตัวอย่างได้ที่นี่: https://github.com/macbaszii/SearchController

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

[Android Dev] การติดตั้ง Eclipse+AndroidSDK เพื่อพัฒนาโปรแกรมบน Android

Image
สุดท้ายก็ต้องมาเขียนจนได้ ฮาฮา... ถือว่าเขียนเก็บไว้ให้ตัวเองในอนาคตด้วย เผื่อต้องลง Mac ใหม่ ฮาฮา ถ้าใครต้องการเขียน Android โดยเฉพาะ มีวิธีสบายๆ กว่านั้น ตอนนี้ Google จัดทำ Developer Tools Bundle มาให้แล้วนะครับ อ่านได้ที่นี่เลย -->   http://www.macbaszii.com/2012/11/android-dev-android-developer-tools.html จะเขียนแบบ Step by Step นะครับ Step 1 :: Download and Install Eclipse Editor http://www.eclipse.org/downloads/ ผมแนะนำให้คนที่ใช้ Indigo อยู่เปลี่ยนไปใช้ Juno นะครับ ซึ่งตอนนี้ในหน้า Download Page ที่ผมให้ไว้มัน Default ไว้เป็น Eclipse Juno 4.2 แล้วล่ะครับ เข้าที่นี่นะครับ แล้วโหลด  Eclipse IDE for Java Developers เลือกระบบปฏิบัติการของตัวเองที่ด้านขวาบนด้วยนะครับ 32 หรือ 64 bit ก็แล้วแต่ระบบของคุณ แล้วก็ทำการติดตั้งลงบนเครื่องให้เรียบร้อย การติดตั้งที่ผมว่าเนี่ย รู้สึกว่าแค่แตกไฟล์ไปที่ C:/ ก็พอแล้วล่ะครับ (สำหรับ Windows)  ส่วนฝั่ง Mac เอาไปไว้ตรงไหนก็ได้ครับ Step 2 :: Download and Install Android SDK  ให้กดเข...
Read more

ประสบการณ์การถ่ายภาพดาราศาสตร์ (Astrophotography)

Image
เมื่ออาทิตย์ที่ผ่านมา ผมอยู่ที่เชียงใหม่ครับเพื่อเข้าร่วมกิจกรรมหนึ่งที่พบเจอโดยบังเอิญใน กลุ่มของคนที่ถ่ายภาพดาวและธรรมชาติ ซึ่งกิจกรรมที่ว่าคือ "การล่าช้างต้นฤดู" แต่อย่าเข้าใจผิดนะ เราไม่ได้ไปรวมตัวกันฆ่าสัตว์แต่อย่างใด ช้างที่ว่าคือ "ทางช้างเผือก" นั่นเอง ผมนั้น อยากถ่ายรูปแบบนี้มาตั้งนานเลย ก็เลยขอเข้าร่วมไปด้วยความตื่นเต้นเลยล่ะ ทางช้างเผือก ปกติแล้วจะปรากฎตัวให้เห็นชัดๆ ตั้งแต่เดือนกุมภาพันธ์ไปจนถึงเดือนตุลาคมเลยครับ โดยองศาของมันก็จะเปลี่ยนไปตามช่วงเวลา ในตอนที่ผมไปนั้นจะเป็นช่วงที่ทางช้างเผือกจะค่อนข้างขนานกับขอบฟ้า และขึ้นตอนประมาณตีสี่ของเช้าวันนั้น การถ่ายรูปทางดาราศาสตร์มีชื่อเรียกเป็นภาษาอังกฤษว่า "Astrophotography" และกิจกรรมที่จัดนี้คือ "Astrophotography Marathon" จัดโดยทหารอากาศร่วมกับ NARIT (สถาบันวิจัยดาราศาสตร์แห่งชาติ) และชมรมการถ่ายภาพภาคเหนือ ด้วยความที่ทางช้างเผือกขึ้นตีสี่ ก่อนหน้านั้นทาง NARIT ก็ได้พาเราไปถ่ายทุกสิ่งอย่างที่เราจะสามารถถ่ายได้ใน 1 วัน (เรียกว่า 1 คืนแล้วกัน) ใครอยากรู้ว่าเราสามารถถ่ายอ...
Read more