The Storyboard Editor provides a vi

The Storyboard Editor provides a visual way to construct your user interface in XCode. You drag and drop UI elements onto your view, set up their properties the way you want, and you can even connect the elements to properties in your View Controller classes.
The easiest way to understand it is to try it out! First, click on the view controller and go to EditorCanvasShow Bounds Rectangles – this will make it easier to see how you’re laying out the controls on the screen.
Delete the label that says Detail view content goes here – you won’t be needing that!
Then in the panel to the right, on the bottom part, make sure the third tab is selected for the Object Library. Drag a UITextField, UIImageView, and a UIView onto the text screen and arrange them like the following (the text field is on top)

ผลลัพธ์ (ไทย) 1:

แก้ไขเรื่องราวให้มองเห็นวิธีสร้างส่วนติดต่อผู้ใช้ของคุณใน XCode คุณลาก และวางองค์ประกอบ UI บนมุมมองของคุณ ตั้งค่าคุณสมบัติของแบบคุณต้องการ และคุณสามารถยังเชื่อมต่อองค์ประกอบคุณสมบัติในการควบคุมมุมมองคลา
จะลองวิธีง่ายที่จะเข้าใจมัน ครั้งแรก คลิกที่ตัวควบคุมดู และไป EditorCanvasShow ขอบเขตสี่เหลี่ยม – นี้จะทำให้มันง่ายต่อการดูว่าคุณกำลังเค้าโครงตัวควบคุมบนหน้าจอ
ลบป้ายชื่อที่บอกว่า ดูรายละเอียดเนื้อหาที่นี่ – คุณจะไม่ถูกต้องที่ !
แล้ว ในแผง ทางด้านขวาส่วนล่าง แน่ใจเลือกแท็บสามสำหรับไลบรารีวัตถุ ลาก UITextField, UIImageView และ UIView ข้อความหน้าจอ และจัดเรียงไว้ต่อไปนี้ (เป็นฟิลด์ข้อความด้านบน)

ผลลัพธ์ (ไทย) 2:

Storyboard Editor มีวิธีที่ภาพเพื่อสร้างส่วนติดต่อผู้ใช้ของคุณใน XCode คุณลากและวางองค์ประกอบบนมุมมองของคุณตั้งค่าคุณสมบัติของพวกเขาในแบบที่คุณต้องการและคุณยังสามารถเชื่อมต่อองค์ประกอบคุณสมบัติในชั้นเรียนของคุณควบคุมดู
วิธีที่ง่ายที่สุดที่จะเข้าใจมันคือการพยายามออก ขั้นแรกให้คลิกที่ควบคุมดูและไปแก้ไข ผ้าใบ แสดงขอบเขตสี่เหลี่ยมผืนผ้า - นี้จะทำให้ง่ายต่อการดูว่าคุณกำลังออกวางการควบคุมบนหน้าจอ
ลบป้ายที่บอกว่าดูรายละเอียดเนื้อหาที่นี่ - คุณได้รับรางวัล 't จะต้องที่
แล้วในแผงด้านขวาบนส่วนล่างให้แน่ใจว่าแท็บที่สามถูกเลือกสำหรับไลบรารีวัตถุ ลาก UITextField, UIImageView และ UIView บนหน้าจอข้อความและจัดเรียงไว้ดังต่อไปนี้ (ช่องข้อความด้านบน)

ผลลัพธ์ (ไทย) 3:

กระดานแสดงวิธีแก้ไขภาพเพื่อสร้างส่วนติดต่อผู้ใช้ของคุณใน Xcode . คุณสามารถลากและวางองค์ประกอบ UI บนมุมมองของคุณ , การตั้งค่าคุณสมบัติของพวกเขาในแบบที่คุณต้องการ และคุณยังสามารถเชื่อมต่อองค์ประกอบคุณสมบัติในชั้นเรียนควบคุมมุมมองของคุณ วิธีที่ง่ายที่สุดที่จะเข้าใจ
มันต้องลอง ! ครั้งแรกคลิกมุมมองควบคุมและไปแก้ไข N แสดงขอบเขตผ้าใบสี่เหลี่ยม–นี้จะทำให้มันง่ายที่จะเห็นวิธีการที่คุณกำลังง่วนอยู่กับการควบคุมบนหน้าจอ .
ลบป้ายที่บอกว่าไปที่นี่ดูรายละเอียดเนื้อหาและคุณไม่ต้องการที่ !
แล้วในแผงด้านขวา ส่วนด้านล่างให้แน่ใจว่าแท็บที่สามเลือกวัตถุห้องสมุด ลาก uitextfield uiimageview , ,และ uiview บนหน้าจอและการจัดเรียงเช่นข้อความต่อไปนี้ ( ฟิลด์ข้อความอยู่ด้านบน )