UI 文本域设计
UI Text Field Design
所以，我试图模仿一个使用草图设计我非常喜欢的登录屏幕的视频。我有一个关于如何使 Xcode 中的文本字段看起来像视频中设计的文本字段的问题。
这是视频 link：https://www.youtube.com/watch?v=gA_hFHkhqFM&t=87s
这是我要设计的文本字段的图片：
感谢任何帮助！
最简单的方法是添加一个黑色背景的 UIView。将其 alpha 设置为 0.7。
然后在上面添加一个UITextField。将其边框样式设置为none，然后将背景颜色清除。
大功告成！
这是故事板中的做法
Find/Create 一张模糊图像并将其设置为图像视图的图像。用图像视图填充视图并添加约束。在图像视图的顶部添加一个新的文本字段。设置这些东西：
- 边框样式改为 none
- 文本颜色为白色
- 背景颜色为具有 alpha 值的黑色，色调颜色也为白色。
这可以通过使用颜色选择器中的 RGB 滑块进行设置。使用最底部的滑块调整透明度：
所以，我试图模仿一个使用草图设计我非常喜欢的登录屏幕的视频。我有一个关于如何使 Xcode 中的文本字段看起来像视频中设计的文本字段的问题。
这是视频 link：https://www.youtube.com/watch?v=gA_hFHkhqFM&t=87s
这是我要设计的文本字段的图片：
感谢任何帮助！
最简单的方法是添加一个黑色背景的 UIView。将其 alpha 设置为 0.7。
然后在上面添加一个UITextField。将其边框样式设置为none，然后将背景颜色清除。
大功告成！
这是故事板中的做法
Find/Create 一张模糊图像并将其设置为图像视图的图像。用图像视图填充视图并添加约束。在图像视图的顶部添加一个新的文本字段。设置这些东西：
- 边框样式改为 none
- 文本颜色为白色
- 背景颜色为具有 alpha 值的黑色，色调颜色也为白色。
这可以通过使用颜色选择器中的 RGB 滑块进行设置。使用最底部的滑块调整透明度：