วิธีตั้งค่าแอพของคุณสำหรับ iOS 13 Dark Mode

Apple เปิดตัวการอัปเดต iOS 13 ที่ทุกคนรอคอยทั่วโลกในวันที่ 19 กันยายนสำหรับ iPhone ทั้งหมดที่เปิดตัวภายใน 4 ปีที่ผ่านมา (ย้อนกลับไปที่ iPhone 6s)

หนึ่งในคุณสมบัติที่ใหญ่ที่สุดของการอัปเดตนี้คือโหมดมืดของ iOS 13 ทั่วทั้งระบบ คาดว่าจะช่วยแก้อาการปวดตาที่เกิดจากแสงสีขาวที่ปล่อยออกมาจากหน้าจอสมาร์ทโฟนได้

แม้ว่าฟีเจอร์นี้จะสร้างความสุขให้กับผู้บริโภคปลายทางที่ใช้อุปกรณ์ Apple แต่นักพัฒนา iOS จะต้องเตรียมแอปให้พร้อมสำหรับโหมดมืดของ iOS 13

วิธีตั้งค่าแอปสำหรับ iOS 13 Dark Mode

เพื่อช่วยนักพัฒนาในการแก้ปัญหานี้ ต่อไปนี้คือข้อมูลที่เป็นประโยชน์และขั้นตอนที่แสดงวิธีที่พวกเขาสามารถเตรียมแอป iOS ที่มีอยู่สำหรับโหมดมืดของ iOS 13

• การใช้งานโหมดมืดของ iOS 13 นั้นไม่ใช่เรื่องยากแม้จะมีสเกลทั้งระบบ
• การเปิดใช้โหมดมืดของ iOS 13 ในแอปที่มีอยู่นั้นทำได้ง่ายด้วย iOS 13 SDK ล่าสุดเป็นส่วนใหญ่

เมื่อใช้เวอร์ชันล่าสุดเพื่อสร้างแอปสำหรับโหมดมืดของ iOS 13 ระบบปฏิบัติการจะอัปเดตสวิตช์ ปุ่ม และมุมมองตารางโดยอัตโนมัติในการควบคุมระบบอื่นๆ แต่โปรดทราบว่าภาพและสีข้อความจะไม่ปรับเป็นโหมดมืดโดยอัตโนมัติ

อย่างไรก็ตาม ยังคงน่าทึ่งที่เห็นว่าการเปลี่ยนแปลงทั้งระบบ เช่น โหมดมืดนั้นใช้งานง่ายมาก มีการเปลี่ยนแปลงโค้ดที่น้อยลงและทำงานได้มากขึ้นด้วยโหมดมืดของ iOS 13 ในเวลาที่ประหยัดเวลานั้น

วิธีปรับสีสำหรับโหมดมืดของ iOS 13

ขั้นแรก มาเริ่มด้วยการเปลี่ยนสีของระบบโหมดมืด iOS 13:

ขณะนี้มีการเพิ่มสีของระบบใหม่ใน UIColor ซึ่งหนึ่งในนั้นคือสีป้ายกำกับ การใช้สีใหม่เหล่านี้ช่วยรองรับโหมดมืดและโหมดคอนทราสต์สูงอื่นๆ ใน iOS 13

label.color = UIColor.secondaryLabel

โดยทั่วไป คุณควรใช้สีของระบบสำหรับโหมดมืดของ iOS 13 ซึ่งจะปรับให้เข้ากับการเปลี่ยนแปลงในอินเทอร์เฟซโดยอัตโนมัติเพื่อรักษาความสอดคล้องระหว่างแอปต่างๆ อย่างไรก็ตาม นักพัฒนายังสามารถเลือกใช้โหมดมืดด้วยสีที่กำหนดเองได้

สีของแคตตาล็อกเนื้อหาที่นำมาใช้กับ iOS 11 ทำให้รองรับโหมดมืดได้ง่ายขึ้นมากโดยการเพิ่มชุดสีแบบกำหนดเองในเวอร์ชันสีเข้ม

คุณต้องเลือกสีที่ต้องการจากแค็ตตาล็อกเท่านั้น จากนั้นเปลี่ยน Appearances เป็น Any, Dark จาก Attributes Inspector

แค่นั้นแหละ! ตอนนี้คุณมีโหมดมืดสำหรับ iOS 13 ที่กำหนดเองพร้อมสำหรับแอปบนอุปกรณ์เคลื่อนที่แล้ว

การแก้ปัญหาโหมดมืดของ iOS 13

สมมติว่าแอปของคุณไม่ได้ติดตามโหมดมืดของ iOS 13 คุณจะทำอะไร? นี่คือขั้นตอนง่ายๆ ในการแก้ปัญหานี้

ขั้นตอนที่ 1

คุณจะต้องรู้ว่าแอพได้รับการอัปเดตหรือไม่

หากแอปไม่ทำงานกับ iOS 13 Dark Mode หรือไม่รองรับ เพียงอัปเดตแอปผ่าน Apple Store

ขั้นที่ 2

ตรวจสอบว่าโหมดมืดของแอป iOS ของคุณเปิดใช้งานอยู่หรือไม่

หากไม่ ให้ไปที่การตั้งค่า - จอแสดงผลและความสว่าง - ตรวจสอบว่าเปิดใช้งาน "มืด" หรือไม่

ขั้นที่ 3

หากแอพของคุณอัพเดทอย่างสมบูรณ์แต่ใช้งานไม่ได้กับ iOS 13 Dark Mode ให้ตรวจสอบการตั้งค่าในแอพ ดูภาพ:

หากคุณต้องการความช่วยเหลือเพิ่มเติมในการตั้งค่า iOS 13 Dark Mode ให้ขอความช่วยเหลือจากทีมพัฒนาเฉพาะ และนั่นคือวิธีที่ฉันจะช่วยคุณ

อ่านเคล็ดลับสำหรับการพัฒนาแอพมือถือบน iOS ด้วย หวังว่าข้อมูลทั้งหมดนี้จะเป็นประโยชน์สำหรับคุณ

มาดูกันว่าคุณจะทำอย่างไรต่อไป

ปรับรูปภาพสำหรับโหมดมืด iOS 13

รูปภาพส่วนใหญ่ดูดีในโหมดมืดของ iOS 13 และบางครั้งก็โผล่ออกมาในลักษณะที่เน้นรายละเอียดจริงๆ อย่างไรก็ตาม คุณอาจยังคงพบภาพที่ดูไม่ปกติหรือไม่เหมาะกับโหมดมืด

ข่าวดีก็คือคุณสามารถปรับภาพสำหรับโหมดมืดได้เช่นเดียวกับการปรับข้อความ

สิ่งที่คุณต้องทำคือเลือกรูปภาพในแค็ตตาล็อกและเหมือนที่ทำไว้ก่อนหน้านี้ และเปลี่ยนแอตทริบิวต์เป็น Any, Dark ใน Attributes Inspector เพิ่มรูปลักษณ์ที่มืดของภาพแล้วเสร็จ

การตรวจจับการเปลี่ยนแปลงโดยทางโปรแกรมในโหมดมืดของ iOS 13

นักพัฒนาอาจเผชิญกับสถานการณ์ที่พวกเขาต้องใช้การเปลี่ยนแปลงลักษณะที่ปรากฏในโหมดมืดของ iOS 13 โดยทางโปรแกรม นี่คือวิธีการ:

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) 
{
    super.traitCollectionDidChange(previousTraitCollection)

    let userInterfaceStyle = traitCollection.userInterfaceStyle // Either .unspecified, .light, or .dark
    // Update your user interface based on the appearance
}

การแทนที่ traitCollectionDidChange ช่วยในการตรวจจับการเปลี่ยนแปลงของรูปลักษณ์

ถ้าอย่างนั้นเราต้องเปิด traitCollection.userInterfaceStyle เท่านั้น

คุณยังสามารถตรวจสอบได้ว่ารูปลักษณ์ที่มีอยู่นั้นใช้วิธีการใหม่ที่คุณเพิ่งนำไปใช้หรือไม่:

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)

    let hasUserInterfaceStyleChanged = previousTraitCollection.hasDifferentColorAppearance(comparedTo: traitCollection) // Bool
    // Update your user interface based on the appearance
}

การแทนที่รูปแบบอินเทอร์เฟซผู้ใช้

แอปที่สมบูรณ์

ระบบจะเลือกใช้แอปใดๆ ที่เชื่อมโยงกับ iOS 13.0 หรือใหม่กว่า SDK โดยอัตโนมัติสำหรับรูปลักษณ์ที่สว่างและมืด

หากคุณต้องการเวลาเพิ่มเติมในการทำงานกับการสนับสนุน Dark Mode ของแอพของคุณ หรือต้องการให้แอพของคุณอยู่ในรูปแบบเดียว คุณสามารถเลือกไม่รับได้โดยการใส่คีย์ UIUserInterfaceStyle (ที่มีค่า Light หรือ Dark) ไว้ในไฟล์ Info.plist ของแอพของคุณ .

การตั้งค่าคีย์นี้จะทำให้ระบบเพิกเฉยต่อการตั้งค่าของผู้ใช้และนำลักษณะเฉพาะไปใช้กับแอปของคุณเสมอ

หมายเหตุ: สนับสนุนโหมดมืดของ iOS 13 เป็นอย่างยิ่ง ใช้คีย์ UI UserInterfaceStyle เพื่อเลือกไม่ใช้เพียงชั่วคราวในขณะที่คุณปรับปรุงการรองรับโหมดมืดของแอปของคุณ

หน้าจอเฉพาะ

ใน iOS 13 คุณสามารถแทนที่รูปแบบอินเทอร์เฟซผู้ใช้ในมุมมองเฉพาะหรือตัวควบคุมมุมมองได้ ตัวอย่างเช่น คุณอาจต้องการให้ตัวควบคุมมุมมองบางตัวเท่านั้นอยู่ในโหมดมืดของ iOS 13 ในขณะที่แอปที่เหลืออยู่ในโหมดสว่าง

หากต้องการลบล้างรูปแบบอินเทอร์เฟซผู้ใช้ เพียงแทนที่ตัวแปรนี้ในมุมมองด้านบนหรือตัวควบคุมมุมมอง แล้วตัวแปรจะเผยแพร่ไปยังมุมมองย่อย:

// Inside a UIViewController
override func viewDidLoad() 
{
    super.viewDidLoad()

    // Always adopt a dark interface style.    
    overrideUserInterfaceStyle = .dark
}

ปิดบันทึก

ขอบคุณสำหรับการอ่านบทความ! เราได้สำรวจวิธีตั้งค่าแอปสำหรับโหมดมืดของ iOS 13

โหมดมืดของ iOS 13 นำเสนอวิธีการใช้สมาร์ทโฟนที่ปราศจากความเครียด บางทีเราอาจเห็นอนาคตที่โหมดมืดเข้ามาแทนที่โหมดเริ่มต้นด้วยพื้นหลังที่ขาวกว่า

คุณสามารถตั้งค่าแอปสำหรับโหมดมืดบน iOS 13 ได้โดยปฏิบัติตามหลักเกณฑ์และเคล็ดลับในการเข้ารหัสเหล่านี้

หากคุณต้องการความช่วยเหลือจากผู้เชี่ยวชาญ โปรดติดต่อนักพัฒนา iOS สำหรับคำถามที่เกี่ยวข้องกับโหมดมืดของ iOS 13

Follow บน Twitter สำหรับ อัปเดตเพิ่มเติม: https://twitter.com/ValueCoders