草图:对象相对于符号中的另一个对象/文本移动


11

更改前面的文本/“附加到”文本时,如何使对象自动移动?

我试图弄清楚该默认符号的工作方式(包括下面的gif)并进行复制。

当我在覆盖中键入“”时,wifi符号将移动到接收点旁边。当我在其中键入较长的字符串时(请参见gif),wifi符号会自动相应地移动到文本后面。

好像wifi符号固定在“载体”文本框(没有固定宽度)的末尾,并根据文本框的长度移动。在Sketch中如何完成?


演示如何在符号中更改文本,并根据符号的长度移动对象

实际的画板没有任何特殊之处:

画板层

有什么办法吗?请,谢谢!


2
怎么做?例如,我创建了一个带有文本的符号和一个在文本框旁边的正方形,当我编辑文本时,正方形不会移动。当我更改替代中的文本时,我希望正方形自动移动。
jess 2016年

在任何建议中都无法重现此期望的行为。还有使用最新的Sketchapp版本51.2实现此目的的方法吗?可悲的是,这篇帖子对于最新的Sketchapp版本似乎也不是准确/有效。Cheerio
UX Brewer

Answers:


4

非常感谢Twitter用户@kieranpblack!

文字层和第二层之间必须至少有1px才能起作用。适用于任何大小调整选项,包括默认拉伸!

(甚至不记得我在Sketch 41更新之前是否试用过此功能?现在看起来似乎很简单。)


4

经过反复试验,我缩小了要求。

  • 文本的对齐方式需要设置为“自动”
  • 文字和另一层之间的水平间距必须≥0且≤19px
  • 文字框的顶部与另一层的顶部之间,文字框的底部与另一层的底部之间的距离必须≤8px

文本可以在置换层的左侧或右侧。


这些条件真是有帮助,非常感谢。
Shravan Veer Kohli

0

我找不到与此有关的任何文档,但如果您仍然感兴趣,我已经找到了如何重现该行为的方法。

  1. 创建一个背景矩形,在该矩形顶部创建一段自动宽度的文本,并创建一个较小的矩形距离文本的右边缘最多20px
  2. 选择文本和较小的矩形,然后创建一个组。我们称之为“ group1”
  3. 确保小矩形来后,在图层列表自动宽度文本。
  4. 选择背景矩形和group1,然后创建一个符号。
  5. 在符号编辑页面上,选择group1并将“ pin to corner”指定为调整大小方法。检查所有其他元素(两个矩形和文本)是否具有“ stretch”作为其调整大小方法。
  6. 创建一些实例并覆盖文本,它应该可以工作。

从实验中推导出完整的规则集是很棘手的。我希望有手册或其他东西。


我尝试了您的步骤,但可悲的是无法复制它……不过,感谢您的帮助!这也是令人沮丧的,因为在实际符号上,没有分组或任何“针脚到角落”的特殊大小调整……我可能会向Bohemian代码发送询问此消息的消息。
jess

您是否收到波希米亚人的回音?您可以找到有关“组大小调整”控件如何全面工作的详细信息。在这里尝试:medium.com/sketch-app-sources/…–
约书亚

还没有收到他们的消息。我了解组的大小调整功能,但这并不像那样,因为我不一定要物理调整整个对象的大小……只需更改其中一个替代中的文本即可。原始符号上的所有调整大小选项仅设置为默认的“拉伸”。
jess 2016年

0

只是偶然发现了这个问题,没有运气,但是我想出了一个工作流程来实现这一目标:

脚步:

  1. 创建一个文本字段,您希望对象锚定到该文本字段。
  2. 将对象与文本字段对齐(我只在右侧尝试过对象)
  3. 组文本字段和对象。
  4. 文本字段的“调整大小”选项设置为拉伸,将 对象的设置为“针对角”。
  5. 使用刚刚创建的组创建符号。
  6. 重要说明:在符号页面中,将新符号的画板扩展到一定的宽度,以适应您将输入到文本字段中的所有替代项。

现在,您应该能够覆盖文本,并且对象将锚定到新文本。

干杯!

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.