เขียนด้วยสแต็คและรูปร่าง

ขั้นตอนที่ 1

เปลี่ยน VStack ให้เป็น ZStack (สแต็คแนวลึก)

ขั้นตอนที่ 2

เปิดรายการมุมมอง แล้วเลื่อนลงมาด้านล่างเพื่อดูรูปร่างแคปซูล วงกลม วงรี สี่เหลี่ยมผืนผ้า และสี่เหลี่ยมมุมมน

ขั้นตอนที่ 3

เพิ่มรูปร่างศีรษะไปที่ ZStack ใช้สี่เหลี่ยมมุมมนเพื่อเพิ่มใบหน้าทรงเหลี่ยมหรือใช้แคปซูลเพื่อเพิ่มใบหน้าทรงกลม

เคล็ดลับ

สี่เหลี่ยมมุมมนต้องมีการกำหนดค่ารัศมีของมุม

ขั้นตอนที่ 1

เพิ่มบรรทัดว่างด้านใต้แคปซูล แล้วเปิดรายการปุ่มปรับค่า

ขั้นตอนที่ 2

ค้นหากรอบ แล้วแตะเพื่อเพิ่มลงในโค้ด

ขั้นตอนที่ 3

ใส่ค่าความสูงและความกว้างโดยประมาณเพื่อสร้างศีรษะ

ขั้นตอนที่ 1

เพิ่มบรรทัดว่างด้านใต้กรอบ แล้วเปิดรายการปุ่มปรับค่า

ขั้นตอนที่ 2

พิมพ์ ลักษณะภาพพื้นหลัง ในช่องค้นหา แล้วแตะเพื่อเพิ่มลงในโค้ด

ขั้นตอนที่ 3

หากต้องการเปลี่ยนสี ให้เลือกโค้ดภายในวงเล็บแล้วเปิดรายการสี

ขั้นตอนที่ 4

แตะสีใดก็ได้เพื่อเพิ่มลงในโค้ด

เคล็ดลับ

คุณยังสร้างสีขึ้นเองได้ด้วย เพียงเลือกส่วนย่อยของโค้ด แล้วแก้ไขค่าให้ตรงกับโทนสีผิวของคุณ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

เพิ่มบรรทัดว่างด้านใต้รูปสี่เหลี่ยมผืนผ้า แล้วค้นหาคำว่า ระยะห่าง ในรายการปุ่มปรับค่า

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

ย้ายลำคอไปไว้ใต้ศีรษะ

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 1

เพิ่มวงกลมให้ศีรษะ ใช้ กรอบ เพื่อทำให้วงกลมมีความกว้างใกล้เคียงหรือใหญ่กว่าศีรษะเล็กน้อย

ขั้นตอนที่ 2

เพิ่มบรรทัดว่างด้านใต้วงกลม พิมพ์ .trim แล้วแตะ Return เมื่อปรากฏในรายการการทำโค้ดให้สมบูรณ์

ทั้งนี้ปุ่มปรับค่า trim จะต้องอยู่ใต้รูปร่าง

ขั้นตอนที่ 3

ทดลองปรับค่าการตัดต่อว่าควรเริ่มต้นและสิ้นสุดที่ค่าใด

ขั้นตอนที่ 4

ปรับตำแหน่งของผมม้าหรือผมสั้น แล้วใส่องค์ประกอบส่วนอื่นๆ เพื่อออกแบบทรงผมให้เสร็จ

เคล็ดลับ

หากคุณใช้มากกว่า 10 มุมมองในสแต็ค คุณจะได้รับคำเตือนว่า "Extra arguments at position…" (อาร์กิวเมนต์เกินที่ตำแหน่ง...)

หากพบคำเตือนดังกล่าว ให้รวมกลุ่มองค์ประกอบเข้าด้วยกันตามตัวอย่างที่เห็นนี้

ขั้นตอนที่ 1

มองหารูปร่างที่ใช้สร้างศีรษะในโค้ดของคุณ เพิ่มบรรทัดว่างด้านใต้รูปร่าง แล้วค้นหาคำว่า เงา ในรายการปุ่มปรับค่า

ขั้นตอนที่ 2

แก้ไขรัศมีของเงา ทดลองปรับค่าเพื่อเปลี่ยนลักษณะ

เคล็ดลับ

คุณยังเพิ่มสีให้กับเงาได้ด้วย