美文网首页
Sketch输入框中光标跟随内容移动bug解决方法

Sketch输入框中光标跟随内容移动bug解决方法

作者: 哥的名字是传说 | 来源:发表于2018-08-13 16:43 被阅读0次

    作为一个新手没有找到一个合适的词来描述这个现象,起码在标题里不能一目了然的呈现出来这里呢深表歉意。希望后续的文章中能有所改善。

    本人的分享一般都是自己工作中遇到的问题,切是不易搜索到解决方法的那种。希望能有所帮助。废话不多说正式开始。

    在sketch中我们可以做成这样一个效果。比如在输入框中,光标会随着我们输入的文字的增加而后移。如图:

    相信这个效果大家都知道如何去做。但是当光标跟要输入的文字不挨着的时候,就会出现bug了。这里我就把光标用文字表示,如图:

    其实呢,正常状态下。第二个“测试”应该保持24dp的距离被往右挤的。可是不知何原因在有的版本或者mac上会出现我上面的这种情况。

    如果你没有遇到那么就无所谓了,如果遇到了。这里把解决这问题的几种方法写出来,大家试一下看是否有效。

    1、进入symbol(他俩本身是一个symbol)删除原先的第二个文字,然后利用鼠标拖动复制的方法重新拖一个出来。不过在这个方法中发现如果拖动出的文字距离如果跟原文字的距离是8的倍数,则这个方法无效(在测试中只要不是8的倍数都成功了)。

    2、本来将这俩文字同时创建symbol后先不改宽度,而是先输入再改变宽度是可行的。然鹅,写这文章的时候突然就不行了。呵~

    3、最笨的方法,绝对能实现。那就是在这俩之间加一个透明的矩形,让他们“三个”紧挨着。

    需要注意的是,他们三个要紧挨着。

    以上就是上周末发现的一个问题,及总结的解决办法。希望对遇到这个问题的朋友有帮助。如果其他人有更好的解决方案也请留言。好了,初次发文,还望轻喷。

    相关文章

      网友评论

          本文标题:Sketch输入框中光标跟随内容移动bug解决方法

          本文链接:https://www.haomeiwen.com/subject/wzaybftx.html