Schizzo: l'oggetto si sposta rispetto a un altro oggetto / testo nel simbolo

Come faccio a spostare automaticamente un oggetto quando cambio il testo precedente / "allegato a" esso?

Sto cercando di capire come funziona questo simbolo predefinito (GIF inclusa di seguito) e replicarlo.

Quando digito "" nella sostituzione, il simbolo wifi si sposta accanto ai punti di ricezione. Quando scrivo una stringa più lunga (vedi gif), il simbolo wifi si sposta automaticamente di conseguenza dopo il testo.

È come se il simbolo wifi fosse ancorato alla FINE della casella di testo "Carrrier" (che non ha una larghezza fissa) e si sposta in base alla lunghezza della casella di testo. Come viene fatto in Sketch?

La tavola da disegno reale non ha particolari:

Qualche soluzione? Per favore e grazie!

Mille grazie all'utente di Twitter @kieranpblack!

Devi avere almeno 1px tra il livello di testo e il secondo livello affinché funzioni. Funziona su qualsiasi opzione di ridimensionamento, incluso tratto predefinito!

(Non ricordo nemmeno se l'ho provato prima dell'aggiornamento di Sketch 41 o no? Sembra così semplice guardarlo ora.)

Con un po 'di tentativi ed errori ho ridotto i requisiti.

• L'allineamento del testo deve essere impostato su Auto
• Lo spazio orizzontale tra il testo e l'altro livello deve essere ≥ 0 e ≤ 19px
• La distanza tra la parte superiore della cornice di testo e la parte superiore dell'altro livello e la parte inferiore della cornice di testo e la parte inferiore dell'altro livello deve essere ≤ 8px

Il testo può essere sulla sinistra o sulla destra del livello spostato.

Non riesco a trovare alcuna documentazione a riguardo, ma ho capito come riprodurre il comportamento, se sei ancora interessato.

1. Crea un rettangolo di sfondo, un pezzo di testo a larghezza automatica sopra quel rettangolo e un rettangolo più piccolo fino a 20 px dal bordo destro del testo.
2. Seleziona il testo e il rettangolo più piccolo e crea un gruppo. Chiamiamolo 'gruppo1'
3. Assicurarsi che il piccolo rettangolo arriva dopo il testo auto-larghezza nella lista dei livelli.
4. Seleziona il rettangolo di sfondo e il gruppo1 e crea un simbolo.
5. Nella pagina di modifica dei simboli, seleziona group1 e specifica 'pin to corner' come metodo di ridimensionamento. Verifica che tutti gli altri elementi (i due rettangoli e il testo) abbiano "tratto" come metodi di ridimensionamento.
6. Crea alcune istanze e sostituisci il testo, dovrebbe funzionare.

È difficile dedurre l'intero set di regole dalla sperimentazione. Vorrei che ci fosse un manuale o qualcosa del genere.

Mi sono appena imbattuto in questa domanda in cerca di risposte senza fortuna, ma ho capito un flusso di lavoro per farlo accadere:

passi:

1. Crea un campo di testo a cui desideri ancorare l'oggetto.
2. Allinea l'oggetto al campo di testo (ho provato solo l'oggetto a destra) .
3. Raggruppa il campo di testo e l'oggetto.
4. Impostare l'opzione "ridimensionamento" del campo di testo su allunga e dell'oggetto su pin-to-corner.
5. Crea un simbolo con il gruppo che hai appena creato.
6. Importante: nella pagina dei simboli, estendi la tavola da disegno del tuo nuovo simbolo ad una larghezza che soddisfi tutte le sostituzioni che inserirai nel campo di testo.

Ora dovresti essere in grado di sovrascrivere il tuo testo e il tuo oggetto si ancorerà al tuo nuovo testo.

Saluti!