Ios UI文本字段设计

Ios UI文本字段设计,ios,xcode,uitextfield,sketch-3,Ios,Xcode,Uitextfield,Sketch 3,所以,我试着模仿一个视频,用草图设计一个我非常喜欢的登录屏幕。我有一个问题,关于如何使Xcode中的文本字段看起来像视频中正在设计的文本字段 以下是视频链接: 下面是我要设计的文本字段的图片: 感谢您的帮助 最简单的方法是添加黑色背景的UIView。将其alpha设置为0.7 然后在顶部添加UITextField。将其边框样式设置为“无”,然后将背景色设置为“清除” 你完了 这是如何在故事板中实现的 查找/创建模糊图像并将其设置为图像视图的图像。使用图像视图填充视图并添加约束。在图像视图顶部添加

所以,我试着模仿一个视频,用草图设计一个我非常喜欢的登录屏幕。我有一个问题,关于如何使Xcode中的文本字段看起来像视频中正在设计的文本字段

以下是视频链接:

下面是我要设计的文本字段的图片:


感谢您的帮助

最简单的方法是添加黑色背景的UIView。将其alpha设置为0.7

然后在顶部添加UITextField。将其边框样式设置为“无”,然后将背景色设置为“清除”


你完了

这是如何在故事板中实现的

查找/创建模糊图像并将其设置为图像视图的图像。使用图像视图填充视图并添加约束。在图像视图顶部添加新的文本字段。设置以下内容:

边框样式为“无” 文本颜色为白色 背景色为黑色,带有alpha值,着色颜色也为白色。 这可以通过使用颜色选择器中的RGB滑块进行设置。使用最底部的滑块调整alpha:


你的意思是UITextField背景仍然是黑色的?你们说的我都做了,但出于某种原因,在它上面添加一个清晰的文本字段并没有改变任何事情