วัตถุ 9 Slice | hyperPad Documentation

Loading...

Logo

วัตถุ 9 Slice (บางครั้งเรียกว่า 9 Patch) เป็นวัตถุที่มีขอบเขตที่กำหนดโดยผู้ใช้ซึ่งแบ่งภาพออกเป็น 9 ส่วนและเปลี่ยนแปลงวิธีการขยายวัตถุ

วัตถุ 9 Slice มักใช้เมื่อสร้างส่วนติดต่อผู้ใช้ หรือองค์ประกอบอื่น ๆ ของโปรเจ็กต์ที่ต้องการรักษารูปลักษณ์บางอย่างเมื่อขยาย.

โดยปกติแล้ว มี 3 สิ่งที่เกิดขึ้นเมื่อคุณปรับขนาดวัตถุ 9 Slice:

  • มุมถูกย้าย.
  • พื้นที่ด้านข้างถูกยืด.
  • ส่วนกลางจะถูกขยายเพียงอย่างเดียว.

หากคุณเริ่มต้นด้วยกราฟิกด้านล่าง และพยายามขยายมัน คุณจะเห็นความแตกต่างระหว่างวัตถุ 9 Slice กับกราฟิกปกติได้อย่างง่ายดาย

กราฟิกปกติ (ไม่มีขอบเขต 9 Slice) ขยายในแนวนอนถึง 230%. สังเกตว่ามุมของภาพถูกยืดและดูไม่เป็นสี่เหลี่ยม.

แปลงกราฟิกต้นฉบับเป็นวัตถุ 9 Slice โดยมีขอบเขต 20% (เส้นสีแดง).

ถ้าคุณขยายวัตถุ 9 Slice ไปในทิศทางเดียวกัน 230% ในแนวนอน คุณจะเห็นว่ามุมของวัตถุรักษารูปร่างของมันไว้ได้

การสร้างวัตถุ 9 Slice

คุณสามารถเปลี่ยนกราฟิกใด ๆ ให้เป็นวัตถุ 9 Slice ได้ เพื่อทำเช่นนี้ ให้เปิด คลังทรัพยากร จากนั้นไปที่กราฟิกที่คุณต้องการเปลี่ยนเป็นวัตถุ 9 Slice.

เมื่อคุณพบกราฟิกของคุณแล้ว ให้สัมผัสและกดค้างไว้จนกระทั่ง เมนูทรัพย์สิน ปรากฏขึ้น จากเมนูทรัพย์สิน ให้เลือก "แปลงเป็น 9-Slice".

การแปลงเป็น 9 Slice จะสร้างขอบเขตทั้งหมดที่ 40% ให้กับคุณโดยอัตโนมัติ.

การปรับเปลี่ยนขอบเขตเริ่มต้น

หากคุณต้องการเปลี่ยนขอบเขตเริ่มต้น ให้เลือก "ดูตัวอย่าง" จากเมนูทรัพย์สิน.

"การดูตัวอย่าง 9-Slice" จะแสดงเส้นขอบเขตบนกราฟิกของคุณพร้อมกับฟิลด์อินพุตสำหรับตำแหน่งของขอบเขต (เป็นเปอร์เซ็นต์ของกราฟิกของคุณ).

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

การปรับเปลี่ยนขอบเขตที่เฉพาะเจาะจงของวัตถุ

คุณยังสามารถเปลี่ยนขอบเขตสำหรับแต่ละวัตถุ 9 Slice ที่คุณเพิ่มในฉากของคุณโดยไม่กระทบต่อวัตถุ 9 Slice ต้นฉบับ.

เพื่อทำเช่นนี้ ให้แตะที่วัตถุ 9 Slice บนแคนวาสของคุณ และจาก คุณสมบัติของวัตถุ เปลี่ยนไปยังแท็บคุณสมบัติทั่วไป (แท็บแรกที่มีอยู่).

ในแท็บคุณสมบัติทั่วไป คุณสามารถเห็นขอบเขตทั้ง 4 และเปลี่ยนตำแหน่งของมันด้วยตนเอง.