นี่เป็นเพียงส่วนเสริมสำหรับวิธีใช้ "ลักษณะที่แตกต่างกัน" อย่างรวดเร็วในโครงการของคุณเพื่อเพิ่มเค้าโครงที่แตกต่างกันสำหรับ iPad และ iPhone
โปรดอ่านสิ่งนี้เพื่อทำความเข้าใจเพิ่มเติมเกี่ยวกับคลาส Size
https://developer.apple.com/reference/uikit/uitraitcollection
หากคุณกำลังข้ามตัวอย่างด้านล่างนี้โปรดอ่านสรุปในตอนท้าย
คุณต้องมีปุ่มที่มีความกว้างต่างกันใน iPhone และ iPad เดิมมีความกว้าง 80 และหลังมีความกว้าง 300
แตกต่างกันไปสำหรับลักษณะที่มีข้อ จำกัด หลายประการตามที่ติดตั้ง
ขั้นตอน:
- เพิ่มข้อ จำกัด ทั่วไปก่อนเช่นจัดกึ่งกลางปุ่มในแนวนอนและแนวตั้ง
- เลือก VaryForTraits และสำหรับหน้าจอ iPhone ตามหลักเกณฑ์ของคลาสขนาดคลาสขนาด C * R เหมาะกับรุ่นและเราตรวจสอบเครื่องหมายของความกว้างและความสูงในป๊อปอัป ปิดป๊อปอัปโดยคลิกที่ใดก็ได้บนหน้าจอ
- เพิ่มค่าคงที่ของความกว้างและตรวจสอบว่ามีการเพิ่มข้อ จำกัด สำหรับคลาสขนาด C * R หรือไม่ หลังจากเพิ่มข้อ จำกัด แล้วให้เลือกปุ่ม Done Varying
- สำหรับหน้าจอ iPad ให้เลือกอุปกรณ์ iPad เครื่องใดก็ได้อีกครั้งแล้วเลือก VaryForTraits และในครั้งนี้เมื่อคลิกที่ความกว้างความสูงควรแสดงรูปแบบ R * R
- เพิ่มข้อ จำกัด ด้านความกว้างอีกครั้งข้อ จำกัด ความกว้างของ iPhone ที่เพิ่มล่าสุดจะต้องไม่ไฮไลต์เช่นเดียวกับในภาพหน้าจอ มูลค่าเพิ่มจะเป็นของคลาสขนาด R * R ในครั้งนี้
- เปลี่ยนกลับไปเป็นเค้าโครงของ iPhone และใช้ความกว้าง 80 ส่วน iPad จะใช้เวลา 300
สรุป:
โปรดสังเกตว่ามีการเพิ่มข้อ จำกัด ทั้งหมดสองข้อและในข้อ จำกัด ทั้งสองค่าจะแตกต่างกันไปตามคลาสขนาดที่เลือก
แตกต่างกันไปสำหรับลักษณะที่มีข้อ จำกัด เดียวติดตั้งหลายขนาดคลาส
- ขั้นตอน:
- เพิ่มข้อ จำกัด ความกว้างปกติ จากนั้นเลือกข้อ จำกัด นั้นและเลือกปุ่ม + นอกเหนือจากค่าคงที่
- เพิ่มรูปแบบลักษณะและสำหรับ iPhone เราเลือก C * R และตั้งค่าคงที่เป็น 100
- อีกครั้งสำหรับ iPad ที่ตามรูปแบบลักษณะเป็น R * R เราเพิ่มรูปแบบอื่นโดยคลิกอีกครั้งที่ปุ่ม + และตั้งค่าเป็น 300
- เลือก iPad และความกว้างจะถูกจับเป็น 300 โดยอัตโนมัติและกลับมาที่ iPhone โดยใช้ค่า 100
สรุป:
สิ่งนี้ดูเหมือนจะเป็นตัวเลือกที่ดีกว่าการเพิ่มข้อ จำกัด สองข้อเมื่อจำเป็นต้องใช้ข้อ จำกัด เดียวเท่านั้นและค่าคงที่แตกต่างกัน
เมื่อจะใช้สิ่งที่ต้องใช้:
โดยพื้นฐานแล้วทั้งสองวิธีจะทำสิ่งเดียวกันโดยตั้งค่าเป็น Size-class
แต่# Method1จะใช้เมื่อคุณต้องการเพิ่มข้อ จำกัด เฉพาะสำหรับอุปกรณ์หรือพูดขนาด - คลาส ตัวอย่างเช่นใน iPhone ปุ่มควรมาจาก Top 50 pts และใน iPad ควรอยู่กึ่งกลางในแนวนอนและแนวตั้ง ในสถานการณ์เช่นนี้คุณต้องใช้ VaryForTraits เมื่อเปิดประตูเพื่อเพิ่มข้อ จำกัด สำหรับคลาสขนาดเฉพาะ
# Method2ใช้เมื่อคุณต้องการค่าคงที่ต่างกันสำหรับประเภทข้อ จำกัด เดียวกัน
PS: ทุกคนที่ไม่สามารถได้รับตัวอย่างการทำงาน
โปรดตรวจสอบว่าคุณกำลังเพิ่มเฉพาะข้อ จำกัด ที่จำเป็นเมื่อติดตั้งแล้ว ช่องทำเครื่องหมายกับ Installed ควรปรากฏเฉพาะสำหรับข้อ จำกัด ที่คุณต้องการสำหรับคลาสขนาด นั่นคือกุญแจสำคัญ!
เพียงเพิ่มข้อ จำกัด ด้านบน & การนำไปสู่ uiButton ในมุมมอง เลือกข้อ จำกัด ด้านบนและยกเลิกการเลือกตัวเลือกพื้นฐานที่ติดตั้งด้วยเครื่องหมายบวก ตอนนี้โดยคลิกที่เครื่องหมายบวกเพิ่มรูปแบบให้กับ C R และตรวจสอบตัวเลือกนั้น ตอนนี้เปลี่ยนอุปกรณ์จาก iPhone เป็น iPad ด้วยชุดการวางแนวต่างๆ ข้อ จำกัด นี้จะใช้กับคลาสขนาด C R ซึ่งเป็น iPhone ในแนวตั้งเท่านั้น หากช่องทำเครื่องหมายเทียบกับพื้นฐานที่ติดตั้งแล้ว (อันที่มีสัญลักษณ์บวก) ถูกเลือกนั่นหมายความว่าควรใช้ข้อ จำกัด กับคลาสขนาดทั้งหมด
สรุป :
Trait Variation เป็นการเปลี่ยนแปลงการนำเสนออินเทอร์เฟซผู้ใช้ของคุณที่ขึ้นอยู่กับการกำหนดค่าอุปกรณ์ การเปลี่ยนแปลงลักษณะของอินเทอร์เฟซผู้ใช้ไม่ได้ จำกัด อยู่เพียงข้อ จำกัด เท่านั้น แต่ยังสามารถนำไปใช้กับสิ่งอื่น ๆ ได้อีกมากมาย เช่นการเปลี่ยนสีของพื้นหลังและองค์ประกอบอื่น ๆ เมื่ออุปกรณ์ตั้งค่าเป็นสไตล์มืด. รูปแบบสามารถนำไปใช้กับองค์ประกอบของอินเทอร์เฟซผู้ใช้เช่นการลบข้อ จำกัด หรือกับคุณสมบัติของคลาสมุมมองหรือข้อ จำกัด เช่นแบบอักษรสำหรับป้ายกำกับ คุณสามารถเปลี่ยนแปลงได้:
ชุดคุณสมบัติเฉพาะที่คุณสามารถเปลี่ยนแปลงได้ขึ้นอยู่กับคลาสขององค์ประกอบ ในตัวอย่างเราได้สาธิตการใช้ - การติดตั้งค่าคงที่ข้อ จำกัด & - ค่าคงที่ข้อ จำกัด อื่น ๆ ค่อนข้างเรียบง่ายและสามารถอนุมานได้ง่าย
