iOS - องค์ประกอบ UI

องค์ประกอบ UI คืออะไร?

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

จะเพิ่มองค์ประกอบ UI ได้อย่างไร

เราสามารถเพิ่มองค์ประกอบ UI ทั้งในโค้ดและด้วยความช่วยเหลือของตัวสร้างอินเทอร์เฟซ ขึ้นอยู่กับความต้องการเราสามารถใช้อย่างใดอย่างหนึ่ง

โฟกัสของเรา

เราจะเน้นเพิ่มเติมเกี่ยวกับการเพิ่มองค์ประกอบ UI ผ่านโค้ดในแอปพลิเคชันของเรา การใช้ตัวสร้างอินเทอร์เฟซนั้นง่ายและตรงไปตรงมาเราเพียงแค่ลากและวางองค์ประกอบ UI

แนวทางของเรา

เราจะสร้างแอปพลิเคชัน iOS อย่างง่ายและใช้เพื่ออธิบายองค์ประกอบ UI บางอย่าง

Step 1 - สร้างแอปพลิเคชัน Viewbased เหมือนที่เราทำในแอปพลิเคชัน iOS ตัวแรกของเรา

Step 2 - เราจะอัปเดตเฉพาะไฟล์ ViewController.h และ ViewController.m

Step 3 - จากนั้นเราเพิ่มวิธีการลงในไฟล์ ViewController.m ของเราเฉพาะสำหรับการสร้างองค์ประกอบ UI

Step 4 - เราจะเรียกเมธอดนี้ในเมธอด viewDidLoad ของเรา

Step 5 - บรรทัดสำคัญของรหัสได้รับการอธิบายไว้ในโค้ดโดยมีความคิดเห็นบรรทัดเดียวเหนือบรรทัดเหล่านั้น

รายการองค์ประกอบ UI

องค์ประกอบเฉพาะของ UI และฟังก์ชันที่เกี่ยวข้องมีคำอธิบายด้านล่าง -

ซีเนียร์	องค์ประกอบเฉพาะของ UI
1	ฟิลด์ข้อความ เป็นองค์ประกอบ UI ที่ช่วยให้แอปรับอินพุตของผู้ใช้
2	ประเภทอินพุต - TextFields เราสามารถกำหนดประเภทของอินพุตที่ผู้ใช้สามารถให้ได้โดยใช้คุณสมบัติแป้นพิมพ์ของ UITextField
3	ปุ่มต่างๆ ใช้สำหรับจัดการการกระทำของผู้ใช้
4	ฉลาก ใช้สำหรับแสดงเนื้อหาคงที่
5	แถบเครื่องมือ ใช้ในกรณีที่เราต้องการปรับเปลี่ยนบางสิ่งตามมุมมองปัจจุบันของเรา
6	แถบสถานะ จะแสดงข้อมูลสำคัญของอุปกรณ์
7	แถบนำทาง ประกอบด้วยปุ่มการนำทางของตัวควบคุมการนำทางซึ่งเป็นตัวควบคุมมุมมองที่ซ้อนกันซึ่งสามารถผลักและโผล่ขึ้นมาได้
8	แถบแท็บ โดยทั่วไปจะใช้เพื่อสลับระหว่างงานย่อยมุมมองหรือโมเดลต่างๆภายในมุมมองเดียวกัน
9	มุมมองภาพ ใช้เพื่อแสดงภาพอย่างง่ายหรือลำดับภาพ
10	เลื่อนดู ใช้เพื่อแสดงเนื้อหาที่มากกว่าพื้นที่ของหน้าจอ
11	มุมมองตาราง ใช้สำหรับแสดงรายการข้อมูลแบบเลื่อนได้ในหลายแถวและหลายส่วน
12	แยกมุมมอง ใช้สำหรับการแสดงบานหน้าต่างสองบานโดยมีบานหน้าต่างหลักควบคุมข้อมูลบนบานหน้าต่างรายละเอียด
13	มุมมองข้อความ ใช้สำหรับการเลื่อนรายการข้อมูลข้อความที่เลื่อนได้ซึ่งสามารถเลือกแก้ไขได้
14	ดูการเปลี่ยนแปลง จะอธิบายการเปลี่ยนมุมมองที่หลากหลายระหว่างมุมมอง
15	ตัวเลือก ใช้สำหรับแสดงเพื่อเลือกข้อมูลเฉพาะจากรายการ
16	สวิตช์ ใช้เป็นปิดและเปิดใช้งานสำหรับการดำเนินการ
17	แถบเลื่อน ใช้เพื่ออนุญาตให้ผู้ใช้ทำการปรับเปลี่ยนค่าหรือกระบวนการตลอดช่วงค่าที่อนุญาต
18	การแจ้งเตือน ใช้เพื่อให้ข้อมูลที่สำคัญแก่ผู้ใช้
19	ไอคอน เป็นการแสดงภาพที่ใช้สำหรับการกระทำหรือแสดงถึงสิ่งที่เกี่ยวข้องกับแอปพลิเคชัน