Ескіз: об’єкт рухається відносно іншого об’єкта / тексту в символі

Як змусити об'єкт автоматично переміщуватися, коли я змінюю текст, що передує / "додається" до нього?

Я намагаюся з’ясувати, як працює цей символ за замовчуванням (gif включений нижче) і повторити його.

Коли я набираю "" в перезапис, символ wifi рухається поруч із точками прийому. Коли я набираю довший рядок (див. Gif), символ wifi автоматично переміщується відповідно до тексту.

Це як би символ wifi прикріплений до КІНЦЯ текстового поля "Перевізник" (який не має фіксованої ширини) і переміщується відповідно до того, як триває текстове поле. Як це робиться в ескізі?

Фактична обкладинка не має нічого особливого на ній:

Будь-які рішення? Будь ласка, спасибі!

Велике спасибі користувачеві Twitter @kieranpblack!

Ви повинні мати принаймні 1 px між текстовим шаром та другим шаром, щоб він працював. Працює над будь-яким варіантом зміни розміру, включаючи розтягнення за замовчуванням!

(Не можу навіть пригадати, чи перевірив я це перед оновленням Sketch 41 чи ні? Здається, це зараз так просто дивиться.)

Трохи спроб і помилок я звузив вимоги.

• Для вирівнювання тексту потрібно встановити Авто
• Горизонтальний простір між текстом та іншим шаром повинен бути ≥ 0 та ≤ 19 пікселів
• Відстань між вершиною текстового кадру та вершиною іншого шару та нижньою частиною текстового кадру та нижньою частиною іншого шару має бути ≤ 8 пікселів

Текст може бути ліворуч або праворуч від зміщеного шару.

Я не можу знайти жодної документації з цього приводу, але я придумав, як відтворити поведінку, якщо ти все ще зацікавився.

1. Створіть фоновий прямокутник, фрагмент тексту з автоматичною шириною поверх цього прямокутника та менший прямокутник розміром до 20 пікселів від правого краю тексту.
2. Виберіть текст і менший прямокутник і створіть групу. Назвемо це "group1"
3. Переконайтеся, що маленький прямокутник з’являється після тексту з автоматичною шириною у списку шарів.
4. Виберіть фоновий прямокутник та group1 та створіть символ.
5. На сторінці редагування символів виберіть group1 та вкажіть "pin to corner" як метод зміни розміру. Перевірте, чи всі ваші інші елементи (два прямокутники та текст) мають "розтягнути" як їхні способи зміни розміру.
6. Створіть декілька екземплярів і замініть текст, він повинен працювати.

Складно вивести повний набір правил з експериментів. Мені б хотілося, щоб був посібник чи щось таке.

Я просто натрапив на це запитання, не шукаючи відповідей, але я зрозумів робочий процес, щоб це сталося:

Кроки:

1. Створіть текстове поле, до якого ви хочете, щоб ваш об'єкт був прикріплений.
2. Вирівняти об’єкт до текстового поля (я намагався лише об'єкт справа) .
3. Групове текстове поле та об’єкт.
4. Встановіть параметр "зміни розміру" текстового поля, щоб розтягнути, а об'єкта - до кута.
5. Створіть символ із створеною вами групою.
6. Важливо: На сторінці символів розгорніть дошку мистецтва нового символу на ширину, яка вмістить усі ваші зміни, які ви будете вводити у текстове поле.

Тепер ви повинні мати можливість замінити текст, і ваш об'єкт буде прив’язаний до вашого нового тексту.

Ура!