Esboço: o objeto se move em relação a outro objeto / texto no símbolo

Como faço para que um objeto se mova automaticamente quando altero o texto anterior / "anexado a"?

Estou tentando descobrir como esse símbolo padrão funciona (gif incluído abaixo) e replicá-lo.

Quando digito "" na substituição, o símbolo do wifi se move próximo aos pontos de recepção. Quando digito uma string mais longa (consulte gif), o símbolo do wifi se move automaticamente de acordo com o texto.

É como se o símbolo do wifi estivesse ancorado no FIM da caixa de texto "Carrrier" (que não tem uma largura fixa) e se movesse de acordo com a duração da caixa de texto. Como isso é feito no Sketch?

A prancheta real não tem nenhum especial nela:

Alguma solução? Por favor e obrigado!

Muito obrigado ao usuário do twitter @kieranpblack!

Você deve ter pelo menos 1 px entre a camada de texto e a segunda camada para que ela funcione. Funciona em qualquer opção de redimensionamento, incluindo o alongamento padrão!

(Não me lembro se eu testei isso antes da atualização do Sketch 41 ou não? Parece tão simples olhar para ele agora.)

Com um pouco de tentativa e erro, reduzi os requisitos.

• O alinhamento do texto precisa ser definido como Automático
• O espaço horizontal entre o texto e a outra camada precisa ser ≥ 0 e ≤ 19 px
• A distância entre a parte superior do quadro de texto e a parte superior da outra camada e a parte inferior do quadro de texto e a parte inferior da outra camada precisa ser ≤ 8px

O texto pode estar à esquerda ou à direita da camada deslocada.

Não consigo encontrar nenhuma documentação sobre isso, mas descobri como reproduzir o comportamento, se você ainda estiver interessado.

1. Crie um retângulo em segundo plano, um pedaço de texto com largura automática em cima desse retângulo e um retângulo menor até 20px a partir da borda direita do texto.
2. Selecione o texto e o retângulo menor e crie um grupo. Vamos chamá-lo de 'group1'
3. Verifique se o pequeno retângulo vem após o texto de largura automática na lista de camadas.
4. Selecione o retângulo de fundo e o grupo1 e crie um símbolo.
5. Na página de edição de símbolos, selecione group1 e especifique 'fixar nos cantos' como o método de redimensionamento. Verifique se todos os seus outros elementos (os dois retângulos e o texto) têm 'esticar' como seus métodos de redimensionamento.
6. Crie algumas instâncias e substitua o texto, ele deve funcionar.

É complicado deduzir o conjunto de regras completo da experimentação. Eu gostaria que houvesse um manual ou algo assim.

Apenas tropecei nessa pergunta em busca de respostas sem sorte, mas descobri um fluxo de trabalho para fazer isso acontecer:

Passos:

1. Crie um campo de texto ao qual você gostaria que seu objeto fosse ancorado.
2. Alinhar o objeto ao campo de texto (tentei apenas o objeto à direita) .
3. Agrupe o campo e o objeto de texto.
4. Defina a opção "redimensionamento" do campo de texto para esticar e do objeto para fixar nos cantos.
5. Crie um símbolo com o grupo que você acabou de criar.
6. Importante: Na página de símbolos, estenda a prancheta do seu novo símbolo a uma largura que acomode todas as substituições que você inserirá no campo de texto.

Agora você deve poder substituir seu texto e seu objeto será ancorado ao seu novo texto.

Felicidades!