ภาพร่าง: วัตถุเคลื่อนที่สัมพันธ์กับวัตถุ / ข้อความอื่นในสัญลักษณ์

ฉันจะทำให้วัตถุเคลื่อนที่โดยอัตโนมัติเมื่อฉันเปลี่ยนข้อความนำหน้า / "แนบกับ" ได้อย่างไร

ฉันพยายามที่จะเข้าใจว่าสัญลักษณ์เริ่มต้นนี้ทำงานอย่างไร (gif รวมอยู่ด้านล่าง) และทำซ้ำ

เมื่อฉันพิมพ์ "" ลงในการแทนที่สัญลักษณ์ wifi จะเคลื่อนไหวถัดจากจุดรับสัญญาณ เมื่อฉันพิมพ์สตริงที่ยาวขึ้น (ดู gif) สัญลักษณ์ wifi จะเคลื่อนไหวตามหลังข้อความโดยอัตโนมัติ

มันเหมือนกับว่าสัญลักษณ์ wifi ถูกยึดไว้ที่ส่วนท้ายของกล่องข้อความ "Carrrier" (ซึ่งไม่มีความกว้างคงที่) และย้ายตามระยะเวลาที่กล่องข้อความเป็น สิ่งนี้ทำใน Sketch ได้อย่างไร

บอร์ดอาร์ตที่แท้จริงไม่มีอะไรพิเศษอยู่:

ทางออกใด ๆ ? โปรด & ขอบคุณ!

ขอบคุณมากสำหรับผู้ใช้ Twitter @kieranpblack!

คุณต้องมีอย่างน้อย 1px ระหว่างเลเยอร์ข้อความและเลเยอร์ที่สองเพื่อให้ทำงานได้ ใช้งานได้กับตัวเลือกการปรับขนาดรวมถึงการยืดเริ่มต้น!

(จำไม่ได้หรือไม่ว่าฉันทดสอบนี้ก่อนที่จะอัปเดตร่าง 41 หรือไม่ดูเหมือนว่าจะดูง่ายกว่าตอนนี้)

ด้วยการทดลองใช้และข้อผิดพลาดเล็กน้อยฉันจึง จำกัด ข้อกำหนดให้แคบลง

• การจัดตำแหน่งของข้อความจะต้องตั้งค่าเป็นอัตโนมัติ
• ช่องว่างแนวนอนระหว่างข้อความและชั้นอื่น ๆ จะต้องมีค่า≥ 0 และ≤ 19px
• ระยะห่างระหว่างด้านบนของกรอบข้อความและด้านบนของชั้นอื่น ๆ และด้านล่างของกรอบข้อความและด้านล่างของชั้นอื่น ๆ จะต้อง≤ 8px

ข้อความสามารถอยู่ทางซ้ายหรือขวาของเลเยอร์ที่พลัดถิ่น

ฉันไม่พบเอกสารใด ๆ เกี่ยวกับเรื่องนี้ แต่ฉันได้หาวิธีที่จะทำให้เกิดพฤติกรรมดังกล่าวได้หากคุณยังสนใจ

1. สร้างสี่เหลี่ยมผืนผ้าพื้นหลังชิ้นส่วนของข้อความความกว้างอัตโนมัติด้านบนของสี่เหลี่ยมนั้นและสี่เหลี่ยมเล็กกว่ามากถึง 20pxจากขอบด้านขวาของข้อความ
2. เลือกข้อความและสี่เหลี่ยมเล็ก ๆ แล้วสร้างกลุ่ม เรียกมันว่า 'group1'
3. ตรวจสอบให้แน่ใจว่าสี่เหลี่ยมเล็ก ๆ นั้นตามหลังข้อความความกว้างอัตโนมัติในรายการเลเยอร์
4. เลือกสี่เหลี่ยมผืนผ้าพื้นหลังและ group1 และสร้างสัญลักษณ์
5. บนหน้าแก้ไขสัญลักษณ์เลือก group1 และระบุ 'pin to corner' เป็นวิธีการปรับขนาด ตรวจสอบว่าองค์ประกอบอื่น ๆ ของคุณ (ทั้งสองรูปสี่เหลี่ยมผืนผ้าและข้อความ) มี 'ยืด' เป็นวิธีการปรับขนาด
6. สร้างอินสแตนซ์บางส่วนและแทนที่ข้อความมันควรจะทำงาน

เป็นการยากที่จะอนุมานชุดกฎทั้งหมดจากการทดลอง ฉันหวังว่าจะมีคู่มือหรืออะไรบางอย่าง

เพิ่งสะดุดกับคำถามนี้ในการค้นหาคำตอบโดยไม่มีโชค แต่ฉันคิดหาเวิร์กโฟลว์เพื่อทำให้สิ่งนี้เกิดขึ้น:

ขั้นตอน:

1. สร้างเขตข้อมูลข้อความที่คุณต้องการให้วัตถุยึดกับ
2. จัดแนววัตถุให้เป็นเขตข้อมูลข้อความ(ฉันลองวัตถุทางขวาเท่านั้น)
3. กลุ่มข้อความและวัตถุ
4. ตั้งค่าตัวเลือก "การปรับขนาด" ของฟิลด์ข้อความเพื่อยืดและของ วัตถุเป็นขาจากมุมหนึ่งไปอีกมุมหนึ่ง
5. สร้างสัญลักษณ์ด้วยกลุ่มที่คุณเพิ่งสร้าง
6. สำคัญ:ในหน้าสัญลักษณ์ให้ขยายบอร์ดใหม่ของสัญลักษณ์ของคุณเป็นความกว้างที่จะรองรับการแทนที่ทั้งหมดของคุณคุณจะป้อนลงในช่องข้อความของคุณ

ตอนนี้คุณควรจะสามารถแทนที่ข้อความของคุณและวัตถุของคุณจะยึดกับข้อความใหม่ของคุณ

ไชโย!