스케치 : 객체가 심볼의 다른 객체 / 텍스트를 기준으로 이동

텍스트를 선행 / "첨부"할 때 객체를 자동으로 이동 시키려면 어떻게해야합니까?

이 기본 심볼이 어떻게 작동하는지 알아 내려고 노력하고 있습니다 (아래에 포함 된 GIF).

오버라이드에 ""를 입력하면 wifi 기호가 수신 점 옆으로 이동합니다. 더 긴 문자열을 입력하면 (gif 참조) wifi 기호는 텍스트 뒤에 따라 자동으로 이동합니다.

마치 Wi-Fi 기호가 고정 폭이없는 "캐리어"텍스트 상자의 끝에 고정 된 것처럼 텍스트 상자의 길이에 따라 이동합니다. 이것이 스케치에서 어떻게 이루어 집니까?

실제 대지에는 특별한 내용이 없습니다.

어떤 솔루션? 감사합니다!

트위터 사용자 @kieranpblack에게 많은 감사합니다!

텍스트 레이어와 두 번째 레이어 사이에 최소 1px가 있어야 작동합니다. 기본 스트레치를 포함한 모든 크기 조정 옵션에서 작동합니다!

(Sketch 41 업데이트 전에 시험판을 사용했는지 여부를 기억할 수 없습니까? 지금 살펴보면 너무 간단 해 보입니다.)

약간의 시행 착오로 요구 사항을 좁혔습니다.

• 텍스트 정렬을 자동으로 설정해야합니다
• 텍스트와 다른 레이어 사이의 가로 간격은 ≥ 0 및 ≤ 19px 여야합니다.
• 텍스트 프레임의 상단과 다른 레이어의 상단과 텍스트 프레임의 하단과 다른 레이어의 하단 사이의 거리는 ≤ 8px 여야합니다.

텍스트는 변위 된 레이어의 왼쪽 또는 오른쪽에있을 수 있습니다.

이것에 관한 문서를 찾을 수는 없지만 여전히 관심이 있다면 행동을 재현하는 방법을 알아 냈습니다.

1. 배경 사각형, 해당 사각형 위에 자동 너비 텍스트 조각 및 텍스트 오른쪽 가장자리에서 최대 20px 의 작은 사각형 을 만듭니다.
2. 텍스트와 작은 사각형을 선택하고 그룹을 만듭니다. 그것을 'group1'이라고합시다
3. 레이어 목록에서 자동 너비 텍스트 다음에 작은 사각형이 오는지 확인하십시오 .
4. 배경 사각형과 그룹 1을 선택하고 심볼을 만듭니다.
5. 심볼 편집 페이지에서 group1을 선택하고 크기 조정 방법으로 '코너에 고정'을 지정하십시오. 다른 모든 요소 (두 사각형 및 텍스트)의 크기 조정 방법에 '스트레치'가 있는지 확인하십시오.
6. 일부 인스턴스를 만들고 텍스트를 재정의하면 작동합니다.

실험에서 전체 규칙 세트를 추론하는 것은 까다 롭습니다. 나는 매뉴얼이나 무언가가 있었으면 좋겠다.

운이없는 답변을 찾기 위해이 질문을 우연히 발견했지만이 작업을 수행하는 워크 플로우를 찾았습니다.

단계 :

1. 개체를 고정시킬 텍스트 필드를 만듭니다.
2. 객체를 텍스트 필드에 정렬하십시오 (오른쪽에서만 객체를 시도했습니다) .
3. 그룹 텍스트 필드 및 개체
4. 의은 "크기 조정"옵션 설정 스트레칭 텍스트 필드 와의 핀 - 투 - 코너 객체입니다.
5. 방금 만든 그룹으로 심볼을 만듭니다.
6. 중요 : 기호 페이지에서 새 기호의 아트 보드를 텍스트 필드에 입력 할 모든 재정의를 수용 할 수있는 너비로 확장하십시오.

이제 텍스트를 재정의 할 수 있고 개체가 새 텍스트에 고정됩니다.

건배!