iOS圆润,模糊的文本字段

时间:2015-09-26 18:53:46

标签: ios swift core-animation blur

我想知道,如何在ios 8或9中创建圆形模糊文本输入字段和模糊按钮。我应该使用Core动画还是简单地在ps中绘制png?我从未使用过Core Animation for UI,你能建议一个好的教程/框架吗? 这是我需要做的事情: enter image description here

2 个答案:

答案 0 :(得分:2)

您可以从UIVisualEffectView中创建文本字段背景:https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIVisualEffectView/

您必须继承UITextField并添加背景视图。 然后将图层设置为圆角,它应该剪辑。

值得注意的是,您的设计实际上并不需要模糊。您的背景已经模糊 - 您的文本字段可能只有透明的白色背景和圆角。没有必要模糊来重现屏幕截图中的效果。

答案 1 :(得分:2)

另一种方法是将UIView置于文本字段下(文本字段未添加到该视图中),使角变圆并且像UIView的0.3一样。设置Textfield背景以清除颜色。这将使您在上图中显示效果。