如何在快速点击时以更改颜色向上移动文本字段文本

Question

我正在使用约束来为我给出了顶部，尾部，前导和高度约束的每个ui元素设计屏幕。

在第一个文本字段中有UserId文本，在第二个文本字段中有密码文本，但是这里我需要的是，当我点击第一个文本字段时，该文本应在光标上移动，并且该文本的颜色也必须改变，而当我们删除时光标或光标将移动到密码文本字段，然后文本必须下降到具有先前颜色的实际位置。对于文本字段，我给出了高度，尾随，前导，顶部约束。

就像下面的图片一样，文本如何以变化的颜色向上移动：

请帮助我解决这个问题。